.article-page header nav [aria-current="page"] { color:var(--accent-soft); }
#article-main { padding-top:150px; }
.article-opening { width:min(1060px,86%); margin:auto; }
.article-back { display:inline-flex; align-items:center; gap:18px; font-size:11px; letter-spacing:.12em; color:#91a69c; padding:12px 0; margin-bottom:48px; }
.article-back span { color:#5f7c6e; text-transform:uppercase; }
.article-back:hover { color:var(--accent-soft); }
.article-kicker { display:flex; justify-content:space-between; gap:20px; margin-bottom:26px; }
.article-kicker .eyebrow { color:var(--accent-soft); font-size:11px; }
.article-issue { color:#6e897c; font-size:10px; letter-spacing:.14em; padding-top:4px; }
.article-opening h1 { font-size:clamp(52px,7.1vw,100px); line-height:1.06; letter-spacing:-.06em; margin:0 0 25px; }
.article-opening h1 em { color:var(--accent-soft); }
.article-subtitle { font-size:clamp(18px,2vw,24px); max-width:700px; line-height:1.6; color:#b4c5bc; font-weight:300; margin:0 0 35px; }
.article-byline { display:flex; align-items:center; gap:14px; padding:22px 0 28px; border-top:1px solid #bfd8cc23; }
.article-byline>img { width:44px; height:44px; border:1px solid #afcbbb30; border-radius:50%; object-fit:cover; }
.article-byline>div { display:flex; flex-direction:column; gap:6px; }
.article-byline>div>span:first-child { font-size:14px; color:#d3e0d8; }
.article-byline>div>span:last-child { font-size:12px; color:#839e8e; }
.article-byline i { font-style:normal; padding:0 10px; }
.begin-reading { margin-left:auto; display:flex; gap:23px; align-items:center; color:#a1bca9; font-size:10px; letter-spacing:.13em; }
.begin-reading>span { color:var(--accent-soft); font-size:21px; }
.article-hero { width:min(1320px,90%); margin:15px auto 90px; }
.figure-window { overflow:hidden; background:#111c19; border:1px solid #cfddce24; }
.article-hero .figure-window { aspect-ratio:16/7.5; }
.figure-window img { width:100%; height:100%; display:block; object-fit:cover; filter:saturate(.65); }
.article-hero img { object-position:50% 55%; }
.article-page figcaption { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; color:#7f9a8b; font-size:11px; line-height:1.5; padding:15px 0 0; }
.article-page figcaption>span:first-child { letter-spacing:.11em; }
.reading-layout { width:min(1180px,86%); margin:auto; display:grid; grid-template-columns:175px minmax(0,720px); gap:70px; align-items:start; }
.article-guide { position:sticky; top:130px; padding-top:8px; }
.article-guide .eyebrow { display:block; font-size:10px; color:#849e8e; margin-bottom:24px; }
.article-guide nav { display:flex; flex-direction:column; }
.article-guide nav a { display:flex; align-items:baseline; gap:12px; padding:10px 0; color:#7c9586; font-size:12px; line-height:1.5; transition:color .3s; }
.article-guide nav a span { color:#506b5a; font-size:10px; font-variant-numeric:tabular-nums; }
.article-guide nav a[aria-current="location"],.article-guide nav a:hover { color:var(--accent-soft); }
.article-guide nav a[aria-current="location"] span { color:var(--accent-soft); }
.reading-meter { display:flex; align-items:center; flex-wrap:wrap; column-gap:10px; row-gap:12px; margin-top:27px; padding-top:22px; border-top:1px solid #c6dace1c; }
.reading-meter>span:first-child { font-size:14px; font-variant-numeric:tabular-nums; color:#b3d0bc; }
.reading-meter>span:nth-child(2) { font-size:8px; letter-spacing:.06em; color:#749480; }
.reading-meter i { flex-basis:100%; height:1px; background:#c7d8cc1c; }
.reading-meter b { display:block; height:1px; width:0; background:var(--accent-soft); }
.guide-back { display:inline-block; margin-top:27px; font-size:12px; color:#88a492; }
.article-body { min-width:0; scroll-margin-top:120px; }
.article-body .story-section { scroll-margin-top:135px; }
.story-section { margin-bottom:66px; }
.story-section h2 { font-size:clamp(29px,3vw,39px); line-height:1.22; letter-spacing:-.04em; color:#e1ebe5; margin:15px 0 26px; text-wrap:balance; }
.section-numeral { font-size:11px; letter-spacing:.14em; color:var(--accent-soft); }
.story-section p,.story-section li { color:#bac9c0; font-size:19px; line-height:1.88; font-weight:300; letter-spacing:.005em; }
.story-section p { margin:0 0 25px; }
.story-section strong { font-weight:500; color:#e0eae4; }
.story-section em { color:#d1dfd5; }
.story-section ul,.story-section ol { padding-left:25px; margin:28px 0; }
.story-section li { padding-left:6px; margin-bottom:14px; }
.story-section li::marker { color:var(--accent-soft); }
.story-section .opening-paragraph { font-size:25px; line-height:1.55; margin-bottom:28px; color:#e2eae4; }
.story-section .opening-paragraph strong { font-weight:400; }
.story-section blockquote { margin:40px 0; padding:12px 0 12px 28px; border-left:1px solid var(--accent-soft); }
.story-section blockquote p { font-family:Manrope,sans-serif; color:#b8dec7; font-size:clamp(25px,2.7vw,34px); font-weight:300; line-height:1.45; letter-spacing:-.025em; margin:0; }
.story-image { margin:10px -40px 70px; }
.story-image .figure-window { aspect-ratio:3/2; }
.story-image:last-of-type .figure-window { aspect-ratio:16/9; }
.article-reveal .story-image .figure-window { opacity:.35; transform:translateY(22px); transition:opacity 1s ease,transform 1.25s cubic-bezier(.2,.8,.2,1); }
.article-reveal .story-image.in-view .figure-window { opacity:1; transform:none; }
.article-reveal .story-image img { transform:scale(1.035); transition:transform 1.6s cubic-bezier(.2,.8,.2,1); }
.article-reveal .story-image.in-view img { transform:scale(1); }
.article-endmark { display:flex; justify-content:center; align-items:center; gap:12px; padding:4px 0 40px; }
.article-endmark span { width:32px; height:1px; background:#b0c8b640; }
.article-endmark i { width:5px; height:5px; border:1px solid #b5cfc0; border-radius:50%; }
.article-source { font-size:12px; color:#7f9a8a; line-height:1.8; padding:0 0 35px; }
.article-source a { border-bottom:1px solid #8eac9945; color:#a8bfae; }
.article-author { display:flex; gap:23px; padding:30px 0; border-top:1px solid #cee0d124; border-bottom:1px solid #cee0d124; }
.article-author>img { border-radius:50%; border:1px solid #bfd9c725; flex-shrink:0; }
.article-author .eyebrow { font-size:10px; }
.article-author h2 { margin:8px 0 8px; font-size:25px; }
.article-author p { font-size:14px; margin:0 0 13px; }
.article-author a { font-size:12px; color:var(--accent-soft); }
.article-author a span { margin-left:14px; }
.article-afterword { width:min(1060px,86%); margin:100px auto 0; padding:48px 0; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:40px; }
.article-afterword .eyebrow { font-size:10px; }
.article-afterword h2 { margin:22px 0 0; font-size:clamp(40px,4.5vw,62px); }
.article-afterword p { font-size:15px; }
.article-footer { width:min(1060px,86%); margin:auto; padding:28px 0 100px; display:flex; justify-content:space-between; gap:24px; border-top:1px solid var(--line); color:#89a191; font-size:12px; }
@media(max-width:1100px) { .reading-layout { grid-template-columns:145px minmax(0,1fr); gap:40px; } .story-image { margin-left:0; margin-right:0; } }
@media(max-width:800px) {
 #article-main { padding-top:105px; }
 .article-back { margin-bottom:28px; font-size:10px; }
 .article-issue { display:none; }
 .article-kicker { margin-bottom:20px; }
 .article-opening h1 { font-size:clamp(45px,9vw,68px); }
 .article-subtitle { font-size:18px; }
 .article-byline { padding-bottom:18px; }
 .begin-reading { font-size:0; gap:0; }
 .begin-reading>span { font-size:22px; }
 .article-hero { width:100%; margin:10px auto 40px; }
 .article-hero .figure-window { aspect-ratio:4/3; border-left:0; border-right:0; }
 .article-hero figcaption { padding-left:7%; padding-right:7%; font-size:10px; }
 .reading-layout { display:block; }
 .article-guide { position:relative; top:auto; padding:0 0 30px; margin-bottom:15px; border-bottom:1px solid #bdd4c326; }
 .article-guide .eyebrow { margin-bottom:14px; }
 .article-guide nav { display:grid; grid-template-columns:1fr 1fr; column-gap:20px; }
 .article-guide nav a { padding:7px 0; font-size:12px; }
 .reading-meter,.guide-back { display:none; }
 .story-section p,.story-section li { font-size:18px; line-height:1.85; }
 .story-section .opening-paragraph { font-size:23px; }
 .story-section { margin-bottom:50px; }
 .story-section h2 { font-size:30px; }
 .story-section blockquote { padding-left:22px; margin:32px 0; }
 .story-image { margin:0 -3% 50px; }
 .article-page figcaption { font-size:10px; }
 .article-author>img { width:58px; height:58px; }
 .article-author { gap:16px; }
 .article-afterword { display:block; margin-top:60px; padding-top:35px; }
 .article-afterword>div+div { margin-top:26px; }
 .article-footer { flex-direction:column; gap:16px; }
}
@media(prefers-reduced-motion:reduce) { .article-reveal .story-image .figure-window,.article-reveal .story-image img { opacity:1; transform:none; transition:none; } }
.article-page.motion-quiet .story-image .figure-window,.article-page.motion-quiet .story-image img { opacity:1; transform:none; transition:none; }

/* Editorial emphasis and quiet invitations to keep reading. */
.story-section .article-highlight { color:#8bdcb0; font-weight:inherit; }
.article-byline>img,.article-author>img { object-fit:cover; }
.related-reading { margin:8px 0 62px; padding:24px 0; border-top:1px solid #a4c8b329; border-bottom:1px solid #a4c8b329; }
.related-reading>a { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; gap:25px; }
.related-reading img { width:110px; height:110px; object-fit:cover; border-radius:3px; filter:saturate(.55); opacity:.8; transition:opacity .35s,filter .35s; }
.related-copy { display:block; }
.related-eyebrow { display:block; font-size:10px; letter-spacing:.13em; color:#83a18f; margin-bottom:10px; }
.related-title { display:block; color:#d4e3d9; font-family:Manrope,sans-serif; font-weight:400; font-size:20px; line-height:1.4; letter-spacing:-.025em; transition:color .25s; }
.related-description { display:block; color:#8fa99a; font-size:13px; line-height:1.7; margin-top:9px; }
.related-action { display:inline-flex; align-items:center; gap:20px; color:var(--accent-soft); font-size:12px; margin-top:14px; }
.related-action>span { transition:transform .3s; }
.related-reading>a:hover .related-title { color:var(--accent-soft); }
.related-reading>a:hover img { opacity:1; filter:saturate(.8); }
.related-reading>a:hover .related-action>span { transform:translate(3px,-3px); }
.article-share { padding-top:23px; }
.share-label { display:block; font-size:9px; letter-spacing:.1em; color:#7b9b88; margin-bottom:10px; }
.share-actions { display:flex; gap:5px; }
.share-actions>a,.share-actions>button { display:grid; place-items:center; width:33px; height:33px; padding:0; border:1px solid #d4e4d51c; border-radius:50%; color:#96b4a2; background:transparent; transition:color .25s,border-color .25s,background .25s; }
.share-actions svg { width:14px; height:14px; }
.share-actions>a:hover,.share-actions>button:hover { color:var(--accent-soft); border-color:#72dea94d; background:#72dea909; }
.share-actions>a:focus-visible,.share-actions>button:focus-visible { outline:1px solid var(--accent-soft); outline-offset:3px; }
.share-status { display:block; font-size:11px; line-height:1.5; color:#9dc5ad; margin-top:8px; }
.share-status:empty { display:none; }
.share-copy-fallback { box-sizing:border-box; max-width:100%; width:100%; margin-top:9px; background:#13241d; color:#c7decf; border:1px solid #739a8255; border-radius:3px; padding:8px; font:12px 'DM Sans',sans-serif; }
.article-sharing-end { margin:5px 0 38px; padding-top:20px; border-top:1px solid #a7c5b126; }
.article-sharing-end .article-share { padding-top:0; display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.article-sharing-end .share-label { margin:0; font-size:10px; }
.article-sharing-end .share-status { margin:0; }
.article-sharing-end .share-copy-fallback { flex-basis:100%; }
@media(max-width:800px) {
 .article-guide .article-share { padding-top:18px; }
 .article-guide .share-actions>a,.article-guide .share-actions>button,.article-sharing-end .share-actions>a,.article-sharing-end .share-actions>button { width:40px; height:40px; }
 .related-reading { margin-bottom:45px; }
 .related-reading>a { grid-template-columns:76px minmax(0,1fr); gap:17px; align-items:start; }
 .related-reading img { width:76px; height:90px; margin-top:2px; }
 .related-title { font-size:18px; }
 .related-eyebrow { font-size:9px; }
 .related-description { font-size:13px; }
}
@media(min-width:801px) { .article-guide { max-height:calc(100svh - 150px); overflow-y:auto; scrollbar-width:thin; scrollbar-color:#4c6e5980 transparent; padding-right:8px; } }

/* Imported editorial content retains its structure within the reading column. */
.article-body img{max-width:100%;height:auto}.article-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.article-body td,.article-body th{padding:12px;border:1px solid #ffffff25}.article-body iframe{max-width:100%}.article-body h2,.article-body h3{scroll-margin-top:130px}.article-body .wp-block-aioseo-table-of-contents{display:none}.article-guide nav{max-height:45vh;overflow:auto}.article-body pre{overflow:auto}.article-body{overflow-wrap:anywhere}
/* Keep small navigation text readable on the dark canvas. */
.article-back span,.article-issue,.article-guide nav a span{color:#8fa99a}