.blog-wrap{max-width:820px;margin:0 auto;padding:3rem 1.25rem;font-family:'Roboto',system-ui,sans-serif;color:var(--color-dark,#1d1e20);}
.blog-header{margin-bottom:2.5rem;}
.blog-header h1{font-size:2.4rem;margin:0 0 .5rem;color:var(--color-primary-dark,#5025d1);}
.blog-header p{color:var(--color-gray,#727586);}
.blog-card{border:1px solid var(--color-gray-border,#dadce0);border-radius:.6rem;padding:1.6rem;margin-bottom:1.25rem;transition:box-shadow .15s;}
.blog-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);}
.blog-card h2{margin:0 0 .5rem;font-size:1.35rem;}
.blog-card h2 a{color:var(--color-dark,#1d1e20);text-decoration:none;}
.blog-card h2 a:hover{color:var(--color-primary,#673de6);}
.blog-card p.excerpt{color:var(--color-gray-dark,#36344d);margin:0 0 .8rem;}
.blog-meta{font-size:.85rem;color:var(--color-gray,#727586);}
.blog-post h1{font-size:2.1rem;color:var(--color-primary-dark,#5025d1);margin-bottom:.4rem;}
.blog-post .blog-meta{margin-bottom:2rem;}
.blog-post .content p{line-height:1.7;margin-bottom:1.2rem;font-size:1.05rem;}
.blog-back{display:inline-block;margin-bottom:1.5rem;color:var(--color-primary,#673de6);text-decoration:none;font-size:.9rem;}
.blog-admin-form{max-width:640px;margin:2rem auto;padding:2rem;border:1px solid var(--color-gray-border,#dadce0);border-radius:.6rem;}
.blog-admin-form label{display:block;margin-bottom:1rem;font-size:.9rem;color:var(--color-gray-dark,#36344d);}
.blog-admin-form input,.blog-admin-form textarea{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:.35rem;font:inherit;margin-top:.3rem;}
.blog-admin-form textarea{min-height:180px;}
.blog-admin-form button{background:var(--color-primary,#673de6);color:#fff;border:0;padding:.7rem 1.4rem;border-radius:.4rem;cursor:pointer;font-weight:600;}
.blog-admin-list{max-width:820px;margin:2rem auto;padding:0 1.25rem;}
.blog-admin-list table{width:100%;border-collapse:collapse;}
.blog-admin-list td,.blog-admin-list th{padding:.6rem;border-bottom:1px solid var(--color-gray-border,#dadce0);text-align:left;font-size:.9rem;}
.blog-admin-bar{max-width:820px;margin:1rem auto 0;padding:0 1.25rem;display:flex;justify-content:flex-end;gap:.8rem;}
.blog-admin-bar a{font-size:.85rem;color:var(--color-primary,#673de6);text-decoration:none;}