/* Article reading layout; archive cards keep their independent composition. */
.article-proposal.single-article {max-width:1120px;width:calc(100% - 2 * var(--page-gutter));padding:30px 0 64px;margin:0 auto;border:0;overflow-wrap:break-word}
.article-opening,.article-reading {max-width:68ch;margin-inline:auto;min-width:0;width:100%}
.article-path {display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin:0 0 28px;font:15px/1.5 var(--font-ui)}
.article-path a {text-decoration:none;padding:6px 0}
.article-path a:is(:hover, :focus-visible) {text-decoration-line: underline;text-underline-offset: var(--link-underline-offset);text-decoration-thickness: var(--link-underline-active-width); }
.article-topic {border-left:1px solid var(--color-sand);padding-left:22px!important;color:#52615e}
.article-proposal .wp-block-post-title {font-size:44px;line-height:1.17;letter-spacing:-.015em;text-wrap:balance;margin:0 0 24px}
.article-opening>.post-meta {padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--color-sand);font-size:15px;gap:12px;color:#52615e}
.article-opening .post-meta-copy {display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap}
.article-opening .post-meta-line::before {content:none}
.article-proposal .wp-block-post-content {color:#35433e}
.article-proposal .wp-block-post-content>p:first-child {font-size:21px;line-height:1.6;color:var(--color-ink);margin-bottom:26px}
.article-proposal .wp-block-post-content :is(h2,h3,h4) {color:var(--color-blue);font-weight:400}
.article-proposal .wp-block-post-content h2 {font-size:30px;line-height:1.28;margin:1.6em 0 .7em}
.article-proposal .wp-block-post-content h3 {font-family:var(--font-reading);font-size:23px;line-height:1.35;margin:1.5em 0 .6em}
.article-proposal .wp-block-post-content h2.interview-question {font:700 23px/1.45 var(--font-reading);margin:1.9em 0 .7em}
.article-proposal .wp-block-post-content h2.interview-question:first-of-type {margin-top:1.6em}
.article-after {max-width:68ch;margin:60px auto 0}
.article-after>* {max-width:100%;margin-inline:auto}
.article-after>.related {border-top:1px solid var(--color-sand);margin:0 auto 44px;padding-top:28px}
.article-after .related>h2 {font-size:30px;margin:0 0 24px}
.article-after .related-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.article-after .post-card {display:grid;grid-template-columns:104px minmax(0,1fr);gap:24px;padding:22px 0;min-height:0;border:0;border-bottom:1px solid var(--color-sand);background:transparent;border-radius:0;box-shadow:none;min-width:0;align-items:start}
.article-after .post-image,.related-text-cover {width:104px;height:104px;min-height:104px;border-radius:4px}
.article-after .post-card-copy {padding:0;min-height:0}
.article-after .post-card h3 {font-size:23px;margin:0 0 8px}
.article-after .post-card .blog-reading-meta {font:14px/1.5 var(--font-ui);color:#52615e;margin:0 0 6px}
.article-after .post-card-footer {padding:0;margin-top:0}
.article-after .post-card-footer>a {border:0;padding:8px 0;font-size:16px}
.article-after .related .post-card-footer>a:not([hidden]) {display:block}
.article-after .post-card-footer>a::before {margin-inline-end:.55em;vertical-align:-.15em}
.related-text-cover {background:#e4ebe7;display:flex;justify-content:center;align-items:center;color:#345856;font:38px/1 var(--font-reading)}
.article-after>.newsletter-article {margin:0 auto 40px}
.article-utilities {border-top:1px solid var(--color-sand);padding-top:18px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 24px;font:15px/1.5 var(--font-ui)}
.article-utilities .article-engagement {padding:0;border:0;margin:0;flex:1 1 auto;gap:8px 24px;min-height:40px}
.article-utilities :is(.article-like,.article-like-static) {margin-left:0}
.article-utilities .article-reaction-status:empty {display:none}
.article-utilities .share {padding:0;margin:0 0 0 auto;border:0;max-width:100%}
.article-utilities .share nav {display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:4px}
.article-utilities .share :is(a,button) {display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50%;background:var(--surface-support);color:var(--color-blue);text-decoration:none;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}
.article-utilities .share :is(a,button):is(:hover,:focus-visible) {background:#c8dcda;color:var(--color-ink)}
.article-utilities .share :is(a,button)::before {content:none}
.article-utilities .share svg {flex:none}
.article-utilities .share [hidden] {display:none}
.article-utilities .share [role=status] {margin:8px 0 0;text-align:right;max-width:28ch;font-size:14px}
.article-utilities .share [role=status]:empty {display:none}
.article-utilities .share-url {margin-top:8px;max-width:100%;box-sizing:border-box;font:14px/1.5 var(--font-ui)}
.article-after>.wp-block-post-terms {margin-top:16px}
.article-after>.article-comments {padding:0;margin:18px auto 0;border:0;border-block:1px solid var(--color-sand)}
.article-discussion {padding:0;margin:0;border:0}
.article-discussion>summary {padding:22px 0;display:flex;justify-content:space-between;align-items:baseline;gap:20px;list-style:none;color:var(--color-blue);cursor:pointer}
.article-discussion>summary::-webkit-details-marker,.article-contents>summary::-webkit-details-marker {display:none}
.article-discussion>summary>h2 {margin:0;font:24px/1.4 var(--font-reading);color:inherit}
.article-discussion>summary::after {content:'+';font:25px/1 var(--font-ui)}
.article-discussion[open]>summary::after {content:'−'}
.article-discussion>summary:hover {color:#315f60}
.article-discussion-content {padding:8px 0 28px}
.article-neighbours {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-top:24px;font:16px/1.5 var(--font-ui)}
.article-neighbours>.post-navigation-link-next {grid-column:2;text-align:right}
.article-neighbours a {text-decoration:none}
.article-neighbours>.wp-block-post-navigation-link {margin-top:0;font-size:inherit}
.article-neighbours a:is(:hover, :focus-visible) {text-decoration-line: underline;text-underline-offset: var(--link-underline-offset);text-decoration-thickness: var(--link-underline-active-width); }
.article-guided:has(.article-guide) {display:grid;grid-template-columns:220px minmax(0,68ch);gap:64px;align-items:start}
.article-guide {position:sticky;top:138px;align-self:start}
.article-contents {padding:0;margin:0;border:0}
.article-contents>summary {display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;font:18px/1.5 var(--font-ui);cursor:pointer;color:var(--color-blue);background:var(--surface-support);padding:10px 12px;list-style:none;border:0;border-radius:var(--radius-control);transition:background-color 180ms ease,color 180ms ease}
.article-contents>summary::before {content:'';flex:0 0 22px;width:22px;height:22px;background:currentColor;pointer-events:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E") center/contain no-repeat}
.article-contents>summary::after {content:'';flex:0 0 16px;width:16px;height:16px;margin-left:auto;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform 180ms ease}
.article-contents>summary[aria-expanded=true]::after,.article-contents[open]:not([data-disclosure-ready])>summary::after {transform:rotate(180deg)}
.article-contents>summary:is(:hover,:focus-visible) {background:#c8dcda;color:var(--color-ink)}
/* Section links use the compact navbar's navigation-list treatment. */
.article-contents nav,.reading-navigation nav {display:flex;flex-direction:column;gap:0;margin:0;padding:8px 0 16px;border:0}
.article-contents nav a,.reading-navigation nav a {display:flex;align-items:center;min-height:48px;text-decoration:none;font:18px/1.5 var(--font-ui);color:var(--color-ink);padding:10px 12px;margin:0;border-bottom:var(--border-surface);border-radius:0;transition:color var(--interaction-duration) var(--interaction-ease),background-color var(--interaction-duration) var(--interaction-ease),border-radius var(--interaction-duration) var(--interaction-ease)}
.article-contents nav a:is(:hover,:focus-visible),.reading-navigation nav a:is(:hover,:focus-visible) {color:var(--color-accent);background-color:var(--surface-support);text-decoration:none}
.article-contents nav a[aria-current=location],.reading-navigation nav a[aria-current=location] {position:relative;background-color:var(--surface-support);background-image:linear-gradient(90deg,var(--color-accent) 3px,transparent 3px);border-radius:var(--radius-control)}
/* Paint the preceding divider on the current row so it follows that row's
   top corners without rounding the neighbor or changing either row's size. */
:is(.article-contents,.reading-navigation) nav a:has(+a[aria-current=location]) {border-bottom:0;padding-bottom:11px}
:is(.article-contents,.reading-navigation) nav a+a[aria-current=location]::before {content:'';position:absolute;inset:-1px 0 auto;height:var(--radius-control);border-top:var(--border-surface);border-top-left-radius:inherit;border-top-right-radius:inherit;pointer-events:none}
/* Only the current row rounds; its touching edge joins an adjacent highlight. */
:is(.article-contents,.reading-navigation) nav a[aria-current=location]:has(+a:is(:hover,:focus-visible)) {border-bottom-left-radius:0;border-bottom-right-radius:0}
:is(.article-contents,.reading-navigation) nav a:is(:hover,:focus-visible)+a[aria-current=location] {border-top-left-radius:0;border-top-right-radius:0}
.reading-navigation {display:none}
html:has(.article-contents) {scrollbar-gutter:stable}
html:has(.reading-navigation-panel[open]) {overflow:hidden}
.article-proposal:has(.article-guide)>.article-opening {width:calc(100% - 284px);margin-left:284px;margin-right:0}
@media(max-width:1050px){
 .article-guided:has(.article-guide) {grid-template-columns:minmax(0,1fr);gap:28px;max-width:68ch;margin-inline:auto}
 .article-guide {position:static}
 .reading-navigation:not([hidden]) {display:block;position:fixed;z-index:45;inset:auto var(--page-gutter) max(18px,env(safe-area-inset-bottom));max-width:420px;margin:0 auto}
 .reading-navigation-toggle {display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:9px 12px;margin:0;background:var(--color-accent);color:var(--color-paper);border:0;border-radius:var(--radius-control);box-shadow:0 4px 20px #14272e20;font:18px/1.5 var(--font-ui);text-align:left;cursor:pointer;transition:background-color var(--interaction-duration) var(--interaction-ease)}
 .reading-navigation-toggle:is(:hover,:focus-visible) {background:#31575a}
 .reading-navigation-toggle svg {flex:none;width:22px;height:22px;pointer-events:none}
 .reading-navigation-toggle::after {content:'';flex:none;width:18px;height:18px;margin-left:auto;background:currentColor;mask:var(--disclosure-chevron) center/contain no-repeat;transform:rotate(180deg)}
 .reading-navigation-current {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .reading-navigation-panel {position:fixed;inset:auto var(--page-gutter) max(14px,env(safe-area-inset-bottom));width:calc(100% - 2 * var(--page-gutter));max-width:480px;max-height:calc(100dvh - 110px);padding:0 4px;margin:0 auto;border:0;border-radius:10px;background:var(--color-paper);color:var(--color-ink);box-shadow:0 12px 40px #14272e33;overflow:hidden}
 .reading-navigation-panel[open] {display:flex;flex-direction:column}
 .reading-navigation-panel::backdrop {background:rgb(37 38 25 / 28%)}
 .reading-navigation-close {display:flex;flex:none;align-items:center;justify-content:center;width:100%;height:32px;min-height:32px;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer}
 .reading-navigation-close::before {content:'';width:34px;height:4px;border-radius:4px;background:#a4aaa2;transition:background-color var(--interaction-duration) var(--interaction-ease)}
 .reading-navigation-close:is(:hover,:focus-visible)::before {background:var(--color-accent)}
 .reading-navigation nav {display:block;min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:8px 12px 16px;background:linear-gradient(var(--color-paper) 40%,transparent) top,linear-gradient(transparent,var(--color-paper) 60%) bottom,radial-gradient(farthest-side at 50% 0,rgb(56 52 42 / 22%),transparent) top,radial-gradient(farthest-side at 50% 100%,rgb(56 52 42 / 22%),transparent) bottom;background-size:100% 32px,100% 32px,100% 10px,100% 10px;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}
 .reading-navigation nav a {overflow-wrap:anywhere}
 .article-proposal:has(.article-guide)>.article-opening {width:100%;margin-inline:auto}
}
@media(max-width:740px){
 .article-proposal.single-article {padding:18px 0 44px}
 .article-path {font-size:14px;margin-bottom:20px;gap:10px 16px}
 .article-topic {padding-left:16px!important}
 .article-proposal .wp-block-post-title {font-size:34px;line-height:1.18;text-wrap:pretty;margin-bottom:22px}
 .article-opening>.post-meta {margin-bottom:24px;padding-bottom:24px;align-items:flex-start;font-size:14px}
 .article-opening .post-meta-copy {display:block}
 .article-proposal .wp-block-post-content>p:first-child {font-size:20px}
 .article-proposal .wp-block-post-content h2 {font-size:27px}
 .article-proposal .wp-block-post-content h2.interview-question {font-size:21px;line-height:1.45}
 .article-proposal .wp-block-post-content h3 {font-size:22px}
 .article-after {margin-top:40px}
 .article-after>.related {padding-top:22px;margin-bottom:32px}
 .article-after .related>h2 {font-size:27px;margin-bottom:20px}
 .article-after .post-card {grid-template-columns:88px minmax(0,1fr);gap:18px;padding-block:20px}
 .article-after .post-image,.related-text-cover {width:88px;height:88px;min-height:88px}
 .related-text-cover {font-size:34px}
 .article-after .post-card h3 {font-size:22px}
 .article-after .post-card .blog-reading-meta {font-size:13px;margin-bottom:8px}
 .article-after>.newsletter-article {margin-bottom:28px}
 .article-discussion>summary {padding-block:18px}
 .article-discussion>summary>h2 {font-size:23px}
 .article-neighbours {gap:20px;font-size:15px}
}
@media(max-height:600px){.article-guide {position:static}}
@media(max-width:360px){.article-contents nav a,.reading-navigation nav a {font-size:17px}}
@media(prefers-reduced-motion:no-preference){
 .reading-navigation-panel[open]::backdrop {animation:reading-backdrop-enter 220ms ease-out}
 .reading-navigation-panel[data-closing]::backdrop {animation:reading-backdrop-exit 180ms ease-out forwards}
}
@keyframes reading-backdrop-enter {from{opacity:0}to{opacity:1}}
@keyframes reading-backdrop-exit {from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.article-utilities .share :is(a,button),.article-contents>summary,.article-contents>summary::after,.article-contents nav a,.reading-navigation:not([hidden]),.reading-navigation-panel,.reading-navigation-toggle,.reading-navigation-close::before,.reading-navigation nav a {transition:none}}
@media(forced-colors:active) {
 .article-contents>summary::before,.article-contents>summary::after,.reading-navigation-toggle::after,.reading-navigation-close::before {forced-color-adjust:none;background:CanvasText}
 .reading-navigation-toggle {border:1px solid ButtonText}
 .article-contents nav a[aria-current=location],.reading-navigation nav a[aria-current=location] {forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:CanvasText}
 :is(.article-contents,.reading-navigation) nav a+a[aria-current=location]::before {border-top-color:CanvasText}
}
@media print {
 .article-proposal.single-article {max-width:none;width:100%;padding:0}
 .article-proposal:has(.article-guide)>.article-opening {width:100%;margin-inline:auto}
 .article-guided:has(.article-guide) {display:block}
 .article-path,.article-guide,.article-after,.reading-navigation {display:none!important}
}