.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.blog-card{border:1px solid #e1e6f0;background:white;border-radius:20px;padding:30px;box-shadow:0 12px 30px rgba(30,40,80,.06)}.blog-card h2{font-size:1.5rem;line-height:1.3}.blog-card h2 a{text-decoration:none;color:inherit}.blog-card p{line-height:1.7}.blog-article{max-width:850px;margin:auto;font-size:1.1rem;line-height:1.85}.blog-article h2{margin-top:40px}.blog-article p{margin:18px 0}.blog-admin{font:16px system-ui;background:#f4f6fb;color:#18233e}.admin-wrap{max-width:920px;margin:35px auto;padding:20px}.admin-card{display:grid;gap:18px;background:white;border-radius:15px;padding:28px;margin:20px 0}.admin-card label{display:grid;gap:6px;font-weight:650}.admin-card input,.admin-card textarea,.admin-card select{font:inherit;border:1px solid #bdc5d6;padding:12px;border-radius:8px;width:100%;box-sizing:border-box}.admin-wrap button{background:#18386c;color:white;border:0;padding:12px 18px;border-radius:8px;cursor:pointer}.admin-row{display:flex;gap:20px;align-items:center;border-bottom:1px solid #ccd3df;padding:14px 0;flex-wrap:wrap}.admin-error{color:#a21a36}
/* Match the main website header typography and proportions on public blog pages. */
.blog-public .site-header .shell{width:min(1480px,calc(100% - 40px))}
.blog-public .site-header .header-inner{min-height:100px;gap:26px}
.blog-public .site-header .brand-mark{width:78px;height:78px;border-radius:19px}
.blog-public .site-header .brand-copy strong{font-size:18px;letter-spacing:-.025em}
.blog-public .site-header .brand-copy small{font-size:12px}
.blog-public .site-header .nav{font-size:16px;font-weight:750;gap:30px}
.blog-public .site-header .button{font-size:16px;min-height:56px;padding:0 26px}
@media(max-width:1250px){.blog-public .site-header .nav{gap:16px;font-size:14px}.blog-public .site-header .brand-copy strong{font-size:15px}.blog-public .site-header .button{font-size:13px;padding:0 16px}}
@media(max-width:900px){.blog-public .site-header .header-inner{flex-wrap:wrap;padding:12px 0}.blog-public .site-header .nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:12px 22px}.blog-public .site-header .brand-mark{width:58px;height:58px}}
@media(max-width:610px){.blog-public .site-header .brand-copy strong{font-size:13px}.blog-public .site-header .nav{font-size:13px}.blog-public .site-header .button{font-size:12px;min-height:42px}}