.blog-page{padding-bottom:env(safe-area-inset-bottom)}
.blog-page .nav-links a[aria-current]{color:var(--gold)}
.breadcrumb{font-size:.85rem;color:var(--text-mute);margin-bottom:2rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
.blog-card{display:flex;flex-direction:column;padding:2rem;background:linear-gradient(145deg,var(--bg-panel),var(--bg-panel-2));border:1px solid var(--border);border-radius:8px;border-top:3px solid var(--gold)}
.blog-card .eyebrow{letter-spacing:.15em}
.blog-card h3{font-size:1.5rem;line-height:1.35}
.blog-card h3 a{text-decoration:none}
.blog-card p{color:var(--text-mute);margin-top:.5rem}
.blog-read{margin-top:auto;padding-top:1rem;font-weight:600}
.blog-note{padding:1.5rem;border-left:3px solid var(--gold);background:var(--bg-panel-2);margin:2.5rem 0;color:var(--text-mute);font-size:.95rem}
.article-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(220px,1fr);gap:4rem;padding-top:3.5rem}
.article-body h2{font-size:1.65rem;margin-top:2.5rem}
.article-body h2:first-child{margin-top:0}
.article-body ul{padding-left:1.4rem;margin-bottom:1.5rem}
.article-body li{margin-bottom:.65rem}
.related-posts{align-self:start;padding:1.5rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel)}
.related-posts h2{font-size:1.25rem}
.related-posts ul{list-style:none;margin:1.5rem 0}
.related-posts li{margin-bottom:1rem}
.skip-link{position:fixed;top:-100px;left:1rem;z-index:200;padding:.75rem;background:var(--gold);color:var(--bg)}
.skip-link:focus{top:1rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.blog-grid{gap:1rem}.blog-card{padding:1.4rem}.article-layout{gap:2rem}}
@media(max-width:760px){.blog-grid,.article-layout{grid-template-columns:1fr}.blog-card h3{font-size:1.35rem}.article-layout{padding-top:2.5rem}.related-posts{margin-top:1rem}}
@media(min-width:761px) and (max-width:900px){.article-layout{grid-template-columns:1fr}}
.article-meta,.editorial-disclosure{font-size:.85rem;color:var(--text-mute)}
.editorial-disclosure{margin-bottom:0}
.article-body{min-width:0}
.article-body h2[id]{scroll-margin-top:100px}
.article-body ol{padding-left:1.5rem;margin-bottom:1.5rem}
.article-toc{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:2.5rem}
.article-toc h2{font-size:1.2rem;margin:0 0 1rem}
.article-toc ol{margin-bottom:0}
.term-list{margin:1.5rem 0}
.term-list dt{font-weight:700;color:var(--gold);margin-top:1rem}
.term-list dd{margin:.25rem 0 1rem}
.table-scroll{max-width:100%;overflow-x:auto;margin:1.5rem 0;border:1px solid var(--border);border-radius:6px}
.table-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.table-scroll table{width:100%;border-collapse:collapse;font-size:.93rem}
.table-scroll caption{text-align:left;background:var(--bg-panel);padding:1rem;font-weight:700;color:var(--gold)}
.table-scroll th,.table-scroll td{text-align:left;vertical-align:top;padding:1rem;border-top:1px solid var(--border);min-width:130px}
.table-scroll th{color:var(--gold);background:var(--bg-panel-2)}
.article-note{margin:2.5rem 0 1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--text-mute);font-size:.9rem}
.journal-banner{position:relative;isolation:isolate;overflow:hidden;min-height:350px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-panel-2);margin:4rem 0 1rem}
.journal-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;z-index:-2}
.journal-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,24,73,.97),rgba(11,24,73,.83) 40%,rgba(11,24,73,.08) 80%);z-index:-1}
.journal-banner-copy{padding:2.75rem;max-width:610px}
.journal-banner-copy h2{font-size:clamp(1.6rem,3vw,2.25rem);max-width:450px}
.journal-banner-copy .eyebrow{letter-spacing:.18em}
.journal-banner-copy .btn{margin:.25rem 0 1rem}
.journal-banner-copy .banner-disclosure{font-size:.78rem;max-width:370px;color:var(--text-mute);margin-bottom:0}
@media(max-width:600px){.journal-banner-copy{padding:2rem 1.25rem}.journal-banner::before{background:linear-gradient(90deg,rgba(11,24,73,.96),rgba(11,24,73,.8))}.journal-banner-copy .btn{width:100%}.journal-banner>img{object-position:70% center}.article-toc{padding:1.25rem}}