/* Scoped editorial layouts; existing site styles remain unchanged. */
.article-header {padding: calc(94px + clamp(2rem,4vw,4rem)) 1.25rem 2.5rem; background: var(--sand);}
.article-header .wrap {max-width: 850px;}
.article-header h1 {font-size: clamp(2.15rem,5vw,4rem); line-height:1.12; margin:1rem 0 1.5rem;}
.article-header .lead {max-width: 48rem; color:#36393a;}
.breadcrumb {display:flex; position:static; flex-flow:row wrap; align-items:center; gap:.6rem; background:transparent; padding:0; font-size:.9rem; margin:0 0 2rem;}
.breadcrumb a, .article-body a, .article-grid h3 a {text-decoration: underline; text-underline-offset:.2em;}
.article-body {max-width:780px; margin:0 auto; padding: 3rem 1.25rem 5rem; font-size:1.08rem; line-height:1.75; overflow-wrap:break-word;}
.article-body h2 {font-size:clamp(1.5rem,3vw,2rem); line-height:1.3; margin:2.5rem 0 1rem;}
.article-body p {margin:0 0 1.25rem;}
.article-body ul {padding-left:1.4rem; margin:1.25rem 0;}
.article-body li {margin:.6rem 0;}
.article-body .related-reading {border-top:1px solid #aaa; margin-top:3rem; padding-top:1rem;}
.article-grid article a.text-link {margin-top:1rem; display:inline-block;}
.article-header a:focus-visible,.article-body a:focus-visible,.article-grid a:focus-visible {outline:3px solid #167d8a; outline-offset:4px;}
@media(max-width:600px){.article-header {padding-top:calc(94px + 2rem);}.article-body {padding-top:1.5rem;font-size:1rem;}}