/* Editorial archive and article reading layer; shared shell stays in inner.css. */
.article-excerpt{font-size:19px;line-height:1.6;color:var(--muted);max-width:760px;margin-top:18px}
.article-read{grid-column:2;font-size:17px;width:fit-content;display:inline-flex;gap:15px;align-items:center;min-height:44px;margin-top:-25px}
.archive .article-row{column-gap:65px;row-gap:25px}
.archive .article-authors{font-size:17px;margin-top:18px}
.archive .article-link{display:block;text-decoration:none}
.archive .article-link:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.archive .article-link:focus-visible{outline:2px solid var(--forest);outline-offset:8px}
.archive .article-link .article-read{margin-top:17px;text-decoration:underline;text-underline-offset:5px}
.archive-pagination{padding:34px 0 12px}
.archive-load-more{min-height:52px;padding:12px 22px;border:1px solid var(--forest);background:transparent;color:var(--forest);font-size:18px;cursor:pointer}
.archive-load-more:hover{background:var(--forest);color:var(--pearl)}
.archive-load-more:focus-visible{outline:2px solid var(--forest);outline-offset:5px}
@media(max-width:680px){.article-excerpt{font-size:18px;line-height:1.55;margin-top:16px}.article-read{margin-top:15px;min-height:44px}.archive .article-authors{margin-top:14px}}
[hidden]{display:none!important}
.archive-tools{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(160px,1fr) auto;gap:24px;align-items:end;padding:42px 0 23px;border-bottom:1px solid var(--line)}
.archive-tools label{display:block;font-size:17px;margin-bottom:9px}.archive-tools input,.archive-tools select{width:100%;min-height:51px;background:transparent;color:var(--ink);border:1px solid #46665399;border-radius:0;padding:10px 13px;font-size:18px}.archive-tools input::placeholder{color:#586d61;opacity:1}.archive-tools button{border:0;background:transparent;color:var(--ink);font-size:17px;text-decoration:underline;text-underline-offset:5px;min-height:51px;cursor:pointer}.archive-tools :focus-visible,.audio-option button:focus-visible{outline:2px solid var(--forest);outline-offset:5px}.archive-count{font-size:17px;color:var(--muted);margin-top:19px}.article-topic{font-size:16px;color:var(--muted);margin-bottom:11px}.article-authors{font-size:18px}.archive-empty{padding:45px 0;font-size:24px;max-width:700px}.archive .article-row{padding-block:39px}.archive .article-row h2{font-size:clamp(28px,2.45vw,36px);line-height:1.22}
.reader-heading{background:var(--forest);color:var(--pearl);padding:47px 0 63px}.reader-back{display:inline-block;font-size:18px;margin-bottom:38px}.reader-heading .eyebrow{font-size:16px;letter-spacing:.03em;margin-bottom:21px}.reader-heading h1{font-size:clamp(42px,4.3vw,65px);line-height:1.12;letter-spacing:-.037em;max-width:1120px;text-wrap:pretty}.reader-meta{display:flex;gap:13px 27px;flex-wrap:wrap;margin-top:29px;color:#d6e2da;font-size:18px}.reader-meta p{margin:0}.reader-body{width:min(780px,calc(100% - var(--gutter)*2));margin-inline:auto;padding:48px 0 70px;font-size:21px;line-height:1.67;overflow-wrap:break-word}.reader-body p{margin:0 0 1.15em}.reader-body h2,.reader-body h3,.reader-body h4,.reader-body h5{font-weight:400;font-size:30px;line-height:1.25;letter-spacing:-.018em;margin:1.45em 0 .6em}.reader-body h4,.reader-body h5{font-size:23px;line-height:1.45}.reader-body .article-lede{font-size:25px;line-height:1.55;margin-bottom:1.4em}.reader-body ul,.reader-body ol{padding-left:1.4em;margin:0 0 1.2em}.reader-body li{padding-left:.25em;margin-bottom:.55em}.reader-body li p{margin-bottom:.6em}.reader-body li>ul,.reader-body li>ol{margin-top:.5em}.reader-body blockquote{border-left:2px solid #749985;padding-left:25px;margin:1.7em 0;font-size:25px}.reader-body strong{font-weight:700}.reader-body figure{margin:25px 0}.reader-body img{width:auto;max-width:100%;height:auto;max-height:440px;object-fit:contain}.reader-body figcaption{font-size:17px;line-height:1.4;color:var(--muted);margin-top:10px}.reader-body table{border-collapse:collapse;width:100%;font-size:17px}.reader-body th,.reader-body td{border-bottom:1px solid var(--line);padding:12px;text-align:left}
.contributors{display:flex;align-items:flex-start;justify-content:center;text-align:center;gap:25px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:32px}.contributors figure{flex:0 1 160px;margin:0;max-width:280px}.contributors img{display:block;margin-inline:auto;width:120px;height:120px;object-fit:cover;object-position:50% 30%;margin-bottom:14px;background:#fff}.contributors figcaption{margin:0;font-size:18px;line-height:1.45;color:var(--ink)}.contributors figcaption strong{display:block;font-weight:400;font-size:19px}.contributors figcaption span{display:block;margin-top:4px;font-size:16px;color:var(--muted)}.contributors figure:empty{display:none}.contributors:empty{display:none}
.audio-section{margin:42px 0;padding:27px 0 30px;border-block:1px solid var(--line)}.audio-section h2{font-size:28px;margin:0 0 23px}.audio-options{display:flex;gap:30px;flex-wrap:wrap}.audio-option{flex:1 1 250px}.audio-option button{display:flex;gap:17px;justify-content:space-between;align-items:center;width:100%;min-height:53px;border:1px solid var(--forest);padding:10px 15px;background:var(--forest);color:var(--pearl);font-size:18px;cursor:pointer;text-align:left}.audio-option a{display:inline-block;font-size:16px;margin-top:12px}.audio-option button[aria-pressed=true]{background:var(--pearl);color:var(--forest)}.audio-player:empty{display:none}.audio-player{margin-top:25px}.audio-player iframe{display:block;width:100%;height:180px;border:0}.reader-next{border-top:1px solid var(--line);margin-top:52px;padding-top:29px;display:grid;gap:27px;font-size:20px;line-height:1.45}.reader-next a{text-decoration:none}.reader-next a:hover{text-decoration:underline}.reader-next span{display:block;color:var(--muted);font-size:16px;margin-bottom:9px}
@media(max-width:680px){.archive-tools{grid-template-columns:1fr;gap:18px;padding-top:29px}.archive-tools button{min-height:40px;justify-self:start}.archive-tools input,.archive-tools select{font-size:18px}.archive .article-row{padding-block:29px}.archive .article-row h2{font-size:27px;line-height:1.21}.article-topic{font-size:16px}.reader-heading{padding:29px 0 37px}.reader-back{font-size:17px;margin-bottom:28px}.reader-heading h1{font-size:36px;line-height:1.15;letter-spacing:-.028em}.reader-heading .eyebrow{font-size:16px;margin-bottom:17px}.reader-meta{font-size:17px;gap:9px 20px;margin-top:23px}.reader-body{padding-top:32px;font-size:19px;line-height:1.65}.reader-body h2,.reader-body h3{font-size:27px}.reader-body h4,.reader-body h5{font-size:21px}.reader-body .article-lede{font-size:22px;line-height:1.55}.reader-body blockquote{font-size:22px;padding-left:19px}.contributors{gap:16px;padding-bottom:22px;margin-bottom:25px}.contributors figure{flex-basis:100%;max-width:none}.contributors img{width:92px;max-height:100px}.contributors figcaption{font-size:17px}.audio-section{margin-block:32px;padding-block:24px}.audio-options{gap:22px}.audio-option{flex-basis:100%}.audio-section h2{font-size:25px}.reader-next{font-size:19px}.reader-body table{font-size:16px}.reader-body th,.reader-body td{padding:8px}}

/* Estimated listen/read time (Ethan, 17 Sep). */
.article-meta .read-time{color:var(--muted)}
.reader-meta .read-time{color:#bad6c7}
@media(max-width:680px){.article-meta .read-time::before{content:"·";margin-right:8px;color:var(--muted)}.article-meta .read-time{margin-left:8px}}
/* 17 Sep 2026 layout pass: archive artwork sits in the meta column beneath date · format · listen/read time (Carter, 17 Sep). */
.article-art{display:block;width:128px;height:auto;aspect-ratio:1;object-fit:cover;background:#e4ede8;margin-top:20px}
@media(max-width:850px){.article-art{width:110px}}
@media(max-width:680px){.article-art{width:88px;margin-top:14px}}

/* 24 Sep review: several readable entries share the screen. Reader pages keep
   their original article typography and content. */
body[data-section="insights"]{background:#fff}
body[data-section="insights"] .archive-tools{gap:24px;padding-top:30px}
body[data-section="insights"] .archive-tools label{font-size:15px}
body[data-section="insights"] .archive-tools input,body[data-section="insights"] .archive-tools select{font-size:17px}
body[data-section="insights"] .archive-count{font-size:15px;margin-block:18px}
body[data-section="insights"] .archive{padding-top:0;background:transparent}
body[data-section="insights"] .archive .article-row{grid-template-columns:135px minmax(0,1fr);gap:32px;padding-block:23px;background:transparent;min-height:0}
body[data-section="insights"] .article-meta{font-size:14px;line-height:1.35;padding-top:3px}
body[data-section="insights"] .article-meta p{margin-top:4px}
body[data-section="insights"] .article-art{width:76px;margin-top:10px}
body[data-section="insights"] .article-topic{font-size:13px;margin-bottom:7px}
body[data-section="insights"] .archive .article-row h2{font-size:clamp(21px,1.8vw,27px);line-height:1.2;letter-spacing:-.015em}
body[data-section="insights"] .article-excerpt{font-size:16px;line-height:1.45;margin-top:9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body[data-section="insights"] .article-authors{font-size:14px;margin-top:9px}
body[data-section="insights"] .article-read{font-size:15px;margin-top:10px}
@media(max-width:680px){body[data-section="insights"] .archive .article-row{display:grid;grid-template-columns:74px minmax(0,1fr);gap:18px;padding-block:22px}body[data-section="insights"] .article-meta{font-size:12px;margin-bottom:0}body[data-section="insights"] .article-meta p{display:block;margin-left:0}body[data-section="insights"] .article-meta .read-time{margin-left:0}body[data-section="insights"] .article-meta .read-time::before{content:none}body[data-section="insights"] .article-art{width:68px}body[data-section="insights"] .archive .article-row h2{font-size:21px}body[data-section="insights"] .article-topic{font-size:12px}body[data-section="insights"] .article-excerpt{font-size:15px}body[data-section="insights"] .archive-tools{gap:16px}}
@media(max-width:360px){body[data-section="insights"] .archive .article-row{grid-template-columns:60px minmax(0,1fr);gap:13px}body[data-section="insights"] .article-art{width:56px}body[data-section="insights"] .archive .article-row h2{font-size:19px}}