.article-layout{max-width:1110px;margin:2.5rem auto 6rem;display:grid;grid-template-columns:minmax(0,740px) 290px;gap:clamp(2rem,5vw,5rem);align-items:start}
.article-main{min-width:0}
.article-header{padding:1.2rem 0 1rem}
.article-header h1{margin:0 0 1.25rem;font-size:clamp(2.5rem,5.4vw,4.75rem);line-height:1.02}
.article-header .lead{max-width:720px;margin-bottom:1.25rem;font-size:1.14rem}
.featured-image{margin:1.5rem 0 2.75rem}
.featured-image img{aspect-ratio:16/9;object-fit:cover;border-radius:0}
.article-body{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.85;color:#25313b}
.article-body p,.article-body li{color:#394955}
.article-body h2,.article-body h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;scroll-margin-top:1.5rem}
.article-body h2{margin:3rem 0 1rem;font-size:1.8rem}
.article-body h3{margin:2.2rem 0 .8rem;font-size:1.3rem}
.article-body a{color:#0677b1;text-decoration-thickness:1px;text-underline-offset:3px}
.article-body blockquote{margin:2.5rem 0;padding:1.4rem 1.7rem;border-left:4px solid var(--blue);background:#f1f8fb}
.article-sidebar{position:sticky;top:1.5rem;display:grid;gap:1rem}
.sidebar-card{padding:1.35rem;border:1px solid var(--line);background:#fff}
.sidebar-card h2{margin:0 0 1rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.sidebar-card nav{display:grid}
.sidebar-card nav a{padding:.62rem 0;border-top:1px solid #edf1f3;color:#53636e;font-size:.84rem;line-height:1.35;text-decoration:none}
.sidebar-card nav a:hover{color:var(--blue)}
.sidebar-toc nav a{position:relative;padding-left:.85rem}
.sidebar-toc nav a::before{content:'';position:absolute;left:0;top:1.05rem;width:3px;height:3px;border-radius:50%;background:#8ca0ac}
.sidebar-toc nav .toc-child{padding-left:1.7rem;font-size:.78rem}
.sidebar-links a{display:flex;justify-content:space-between;gap:.8rem}
.recent-list{margin:0;padding:0;list-style:none;counter-reset:recent}
.recent-list li{counter-increment:recent;display:grid;grid-template-columns:24px 1fr;gap:.65rem;padding:.75rem 0;border-top:1px solid #edf1f3}
.recent-list li::before{content:counter(recent,decimal-leading-zero);color:#98a6af;font-size:.7rem;font-weight:800}
.recent-list a{font-size:.83rem;line-height:1.35;text-decoration:none}
.recent-list a:hover{color:var(--blue)}
.sidebar-cta{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:1.35rem;background:var(--navy);color:#fff;text-decoration:none}
.sidebar-cta>span:first-child{grid-column:1/-1;color:#75d1f5;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sidebar-cta strong{font-size:.9rem}
.article-layout .article-body{overflow-wrap:anywhere}
.article-layout .article-body pre{max-width:100%;overflow:auto}
.article-layout .article-body table{display:block;max-width:100%;overflow-x:auto}
.article-layout .article-body img{max-width:100%;height:auto}
.article-layout [hidden]{display:none!important}
.article-layout a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:1160px){.article-layout{margin-left:1.25rem;margin-right:1.25rem}}
@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,1fr) 250px;gap:2rem}}
@media(max-width:720px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-sidebar{position:static;grid-row:2}.sidebar-toc{display:none}}
@media(max-width:520px){.article-layout{margin:1.5rem 1rem 4rem}.article-header h1{font-size:2.35rem}}


.article-meta{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;font-size:.875rem;line-height:1.6;color:#526573}.article-meta a{color:#075985;text-decoration:underline}.editorial-page{max-width:780px;margin:2rem auto;padding:0 1.25rem;line-height:1.75}