.nav-links a[aria-current]{color:var(--cobalt);opacity:1}
.post-hero{background:var(--navy);color:#fff;padding-block:clamp(40px,7vw,84px) clamp(70px,10vw,120px)}
.post-hero h1{font-size:clamp(2.2rem,6.4vw,4.4rem);max-width:18ch;margin-top:14px}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.65)}
.crumbs a{text-decoration:none;color:var(--yolk)}
.post-meta{margin-top:18px;color:rgba(255,255,255,.72);font-size:.95rem}
.post-cover{margin-top:clamp(-90px,-8vw,-50px);max-width:960px}
.post-cover img{width:100%;max-height:540px;object-fit:cover;border-radius:18px;box-shadow:0 30px 60px -30px rgba(11,26,74,.6);background:var(--milk-2)}
.post-body{max-width:760px;padding-block:44px 20px;font-size:1.12rem;line-height:1.75;color:#1d2340;min-width:0;overflow-wrap:anywhere}
.post-body>*+*{margin-top:1.1em}
.post-body h2,.post-body h3,.post-body h4{font-family:var(--f-display);font-stretch:82%;font-weight:900;line-height:1.08;color:var(--ink);margin-top:1.8em}
.post-body h2{font-size:clamp(1.6rem,4vw,2.2rem)}.post-body h3{font-size:1.45rem}.post-body h4{font-size:1.2rem}
.post-body a{color:var(--cobalt);text-decoration-thickness:2px;text-underline-offset:3px}
.post-body img{border-radius:12px;height:auto;margin-inline:auto}
.post-body ul,.post-body ol{padding-left:1.3em}.post-body li+li{margin-top:.4em}
.post-body blockquote{margin-inline:0;border-left:5px solid var(--yolk);padding:6px 0 6px 18px;font-size:1.2rem;font-weight:600;color:var(--ink)}
.post-body table{display:block;overflow-x:auto;border-collapse:collapse;font-size:.95rem}.post-body td,.post-body th{border:1px solid var(--line);padding:8px 10px}
.post-body .embed iframe{width:100%;border:0;border-radius:12px;display:block;min-height:90px}
.post-body .embed-video{aspect-ratio:16/9}.post-body .embed-video iframe{height:100%}
.post-cta{max-width:760px;padding-block:24px 10px}
.post-cta-box{background:var(--cobalt);color:#fff;border-radius:18px;padding:clamp(22px,4vw,36px);display:grid;gap:14px}
.post-cta-box .eyebrow{color:var(--yolk)}.post-cta-box h2{font-size:clamp(1.6rem,4vw,2.4rem)}.post-cta-box p{color:rgba(255,255,255,.85)}
.post-related{padding-block:56px 80px}.post-related>h2{font-size:clamp(1.8rem,5vw,2.8rem);margin-bottom:22px}
.bgrid{display:grid;gap:16px}
.bcard{display:grid;grid-template-columns:38% 1fr;gap:14px;align-items:start;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px;transition:transform .2s ease,box-shadow .2s ease}
.bcard:hover{transform:translateY(-4px);box-shadow:0 18px 30px -18px rgba(11,26,74,.45)}
.bcard[hidden]{display:none}
.bcard-img{display:block;aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:var(--navy)}
.bcard-img img{width:100%;height:100%;object-fit:cover}
.bcard-ph{display:grid;place-items:center;width:100%;height:100%}.bcard-ph i{width:34px;height:34px;border-radius:50%;border:9px solid var(--yolk)}
.bcard-body{display:grid;gap:5px;min-width:0;padding:2px 6px 6px 0}
.bcard-tag{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt)}
.bcard h3{font-size:1.15rem;font-stretch:84%;line-height:1.05}
.bcard p{font-size:.86rem;color:var(--ink-soft);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-hero h1{max-width:14ch}.blog-hero .eyebrow{color:var(--yolk)}
.blog-lede{margin-top:16px;max-width:36em;color:rgba(255,255,255,.8);font-size:1.1rem}
.blog-tools{margin-top:26px;display:grid;gap:14px;max-width:760px}
.blog-tools input{font:inherit;font-size:1rem;padding:14px 18px;border-radius:999px;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;width:100%}
.blog-tools input::placeholder{color:rgba(255,255,255,.55)}
.blog-tools .filters{margin:0}.blog-tools .filters button{border-color:rgba(255,255,255,.5);color:#fff}
.blog-tools .filters button[aria-pressed="true"]{background:#fff;color:var(--ink)}
.blog-list{padding-block:clamp(-50px,-5vw,-30px) 80px;margin-top:-40px}
.blog-empty{padding:30px 0;color:var(--ink-soft)}
.home-blog .bgrid{margin-top:4px}
@media (min-width:720px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bcard{grid-template-columns:1fr;padding:10px 10px 16px}.bcard-body{padding:4px 6px 0}.bcard h3{font-size:1.35rem}}
@media (min-width:980px){.bgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}