html { scroll-behavior: smooth; }
.article-detail-page { background: #f7f7f2; }
.article-detail-page .site-header { position: absolute; }
.article-hero { padding: 168px 0 72px; color: #fff; background: radial-gradient(circle at 86% 10%,rgba(19,134,146,.38),transparent 32%),linear-gradient(135deg,#063b3a,#062d39 78%); }
.article-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 80px; align-items: end; }
.article-kicker { color: #aed1c0; }
.article-hero h1 { max-width: 900px; margin-bottom: 30px; font-size: clamp(52px,6.2vw,88px); }
.article-lead { max-width: 840px; margin: 0; color: rgba(255,255,255,.8); font-family: "Source Serif 4",Georgia,serif; font-size: clamp(19px,1.65vw,22px); line-height: 1.65; }
.article-meta { padding: 24px 0 3px 30px; border-left: 1px solid rgba(209,170,104,.55); }
.article-meta span { display: block; margin-bottom: 8px; color: rgba(255,255,255,.55); font-size: 10px; letter-spacing: 1.45px; text-transform: uppercase; }
.article-meta strong { display: block; margin-bottom: 23px; color: #fff; font-size: 14px; font-weight: 500; }
.article-actions { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 14px; }
.article-actions .button { min-height: 48px; }
.article-actions .button-outline { border-color: rgba(255,255,255,.38); }
.article-image-wrap { padding: 52px 24px 84px; background: #f7f7f2; }
.article-main-image { width: min(1101px,100%); margin: 0 auto; padding: 10px; border: 1px solid rgba(24,62,58,.14); background: #fff; box-shadow: 0 24px 64px rgba(5,38,40,.16); }
.article-body-section { padding: 28px 0 118px; }
.article-layout { display: grid; grid-template-columns: 220px minmax(0,760px); gap: 82px; justify-content: center; align-items: start; }
.article-aside { position: sticky; top: 118px; padding-top: 10px; }
.article-aside span { display: block; margin-bottom: 14px; color: #43816d; font-size: 10px; font-weight: 600; letter-spacing: 1.45px; text-transform: uppercase; }
.article-aside p { color: #718079; font-size: 13px; line-height: 1.65; }
.article-aside a { display: inline-flex; margin-top: 12px; padding-bottom: 4px; color: #176a5b; border-bottom: 1px solid currentColor; font-size: 12px; font-weight: 600; }
.article-content { color: #243f3e; font-family: "Source Serif 4",Georgia,serif; font-size: 19px; line-height: 1.82; }
.article-standfirst { margin: 0 0 55px; padding: 0 0 34px; color: #174f48; border-bottom: 1px solid rgba(22,48,42,.2); font-size: 22px; line-height: 1.7; }
.article-content h2 { margin: 64px 0 22px; color: #123f3d; font-family: var(--display); font-size: clamp(31px,3vw,42px); font-weight: 400; letter-spacing: -.035em; line-height: 1.15; }
.article-content p { margin-bottom: 24px; }
.article-content blockquote { margin: 40px 0; padding: 8px 0 8px 30px; color: #174f48; border-left: 3px solid #d1aa68; font-size: 27px; line-height: 1.45; }
.article-content ul { margin: 0 0 32px; padding-left: 23px; }
.article-content li { margin-bottom: 10px; padding-left: 6px; }
.article-signature { margin: 54px 0 0; color: #174f48; font-family: var(--display); font-size: 27px; font-style: italic; }
.republish-summary { margin: 54px 0 0; padding: 20px 0; color: #667972; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-family: var(--sans); font-size: 13px; line-height: 1.65; }
.republish-summary a { color: #176a5b; font-weight: 600; white-space: nowrap; }
.article-end { margin-top: 72px; padding-top: 32px; display: grid; grid-template-columns: 1fr auto 46px; gap: 24px; align-items: center; border-top: 1px solid var(--line); font-family: var(--sans); }
.article-end a { color: #176a5b; font-size: 13px; font-weight: 600; }
.next-article { color: #176a5b; font-size: 13px; font-weight: 600; text-align: right; }
.next-article small { display: block; margin-bottom: 3px; color: #718079; font-size: 9px; font-weight: 600; letter-spacing: 1.15px; text-transform: uppercase; }
.next-article.is-pending { cursor: default; }
.back-to-top { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(23,106,91,.45); font-size: 20px !important; transition: color .2s,background .2s; }
.back-to-top:hover { color: #fff; background: #176a5b; }
@media(max-width:900px){.article-hero-grid{grid-template-columns:1fr;gap:45px}.article-meta{max-width:360px}.article-layout{grid-template-columns:1fr;gap:25px}.article-aside{position:static;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.article-aside p{display:none}.article-content{max-width:760px;margin:auto}}
@media(max-width:600px){.article-hero{padding:145px 0 58px}.article-hero h1{font-size:46px}.article-lead{font-size:18px}.article-image-wrap{padding:28px 14px 50px}.article-main-image{width:100%;padding:6px}.article-body-section{padding-bottom:82px}.article-content{font-size:18px;line-height:1.75}.article-standfirst{font-size:20px}.article-content h2{margin-top:50px}.article-actions{display:grid}.article-actions .button{width:100%}.article-end{grid-template-columns:1fr 46px}.article-back{grid-column:1/-1}.next-article{text-align:left}}