/* Header/menus + blog layout helpers */
:root{--hdr-bg-start:#2563eb;--hdr-bg-end:#1e40af;--hdr-fg:#ffffff;--hdr-fg-sub:#e6eeff;--hdr-btn-bg:rgba(255,255,255,.08);--hdr-btn-brd:rgba(255,255,255,.25);--hdr-btn-bg-h:rgba(255,255,255,.14);--border:rgba(0,0,0,.08);--panel:#ffffff}
html,body{margin:0;padding:0}
.site-header{position:relative;left:50%;width:100vw;margin-left:-50vw;background:linear-gradient(0deg,var(--hdr-bg-start),var(--hdr-bg-end));color:var(--hdr-fg);box-shadow:0 2px 10px rgba(0,0,0,.10);z-index:1000}
.hdr-inner{max-width:1120px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand a{color:#fff;text-decoration:none;font-weight:800;font-size:1.35rem;letter-spacing:.2px}
.actions{display:flex;align-items:center;gap:12px}.links{display:flex;align-items:center;gap:10px}
.site-header .btn,.site-header .btn.link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid var(--hdr-btn-brd);background:var(--hdr-btn-bg);color:#fff;text-decoration:none;transition:background .15s ease}
.site-header .btn.link{border-color:transparent;background:transparent;color:var(--hdr-fg-sub)}
.site-header .btn:hover,.site-header .btn.link:hover{background:var(--hdr-btn-bg-h)}
.hamb{display:none}@media(max-width:860px){.links{display:none}.hamb{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;border:1px solid var(--hdr-btn-brd);background:var(--hdr-btn-bg);color:#fff;cursor:pointer;z-index:1002}}
.mobileMenu{display:none;position:relative;left:50%;width:100vw;margin-left:-50vw;background:#1d4ed8;border-top:1px solid rgba(255,255,255,.18);box-shadow:0 6px 14px rgba(0,0,0,.08);z-index:1001}
.mobileMenu.open{display:block}
.mobileMenu a{display:block;padding:14px 18px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}
.container > .card:first-of-type,.container > .narrow:first-of-type{margin-top:14px}

/* Blog grid/detail */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.blog-grid{grid-template-columns:1fr}}
.blog-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}
.blog-card .thumb{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.blog-card .body{padding:12px}
.blog-hero{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.blog-hero img{width:100%;max-width:680px;border-radius:14px;display:block;object-fit:cover}
.blog-meta{opacity:.8;font-size:.95rem;margin:2px 0 10px}
.blog-content{line-height:1.65}
.blog-content img{max-width:100%;height:auto;border-radius:8px}
.blog-cta{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.blog-cta h3{margin:0 0 8px 0}