/* Hallmark · Long Document · design-system: design.md · orange anchor
 * Pre-emit critique: P4 H4 E4 S4 R5 V4. Article-only shell; existing brand retained. */
.article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.article-shell{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,2.5vw,40px);min-width:0}
.article-page .article-shell h1{font-size:clamp(36px,4vw,64px);max-width:none;overflow-wrap:anywhere}
.article-shell .reading-body{max-width:800px;margin-inline:auto}
.article-shell>header,.article-shell>.editorial-cover{max-width:800px;margin-inline:auto}
.article-shell .editorial-cover{margin-block:32px 48px}
.article-shell .editorial-cover img{height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.article-shell .editorial-lead{font-size:clamp(18px,1.4vw,21px)}
.article-layout>.reading-toc{grid-row:1;position:static;border:1px solid var(--line);border-radius:16px;background:var(--white);padding:24px}
.article-layout>.reading-toc strong{font-size:18px;margin-bottom:16px}
.article-layout>.reading-toc nav{display:grid;grid-template-columns:minmax(0,1fr);gap:0;counter-reset:chapter}
.article-layout>.reading-toc a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:14px 8px;border-top:1px solid var(--line);border-left:2px solid transparent;font-size:14px;line-height:1.5;counter-increment:chapter}
.article-layout>.reading-toc a:before{content:counter(chapter,decimal-leading-zero);color:var(--accent-text);font-size:11px;padding-top:3px;font-weight:600}
.article-layout>.reading-toc a:hover,.article-layout>.reading-toc a[aria-current="location"]{color:var(--ink);background:var(--paper);border-left-color:var(--accent)}
.article-layout>.reading-toc a:active{background:var(--paper-deep)}
.article-layout>.reading-toc a:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.article-shell .reading-body section{scroll-margin-top:120px}
@media(min-width:64rem){
 .inner-page>main.editorial-main.article-page{width:calc(100% - var(--site-gutter)*2);max-width:var(--site-width)}
 .article-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:32px}
 .article-layout>.reading-toc{grid-row:auto;position:sticky;top:96px;max-height:calc(100dvh - 120px);overflow-y:auto}
}
@media(max-width:30rem){
 .article-shell{padding:20px 16px;border-radius:12px}
 .article-layout>.reading-toc{padding:20px;border-radius:12px}
 .article-shell .editorial-cta{padding:20px 16px}
 .article-shell .editorial-cta .button{padding-inline:12px;gap:8px;font-size:14px}
}
/* Archive photographs retain their full composition inside the reading column. */
.article-shell .article-real-photo { margin: 32px 0 8px; }
.article-shell .article-real-photo img { display: block; width: 100%; height: auto; max-height: 480px; object-fit: contain; background: #eae8e4; border-radius: 12px; }
.article-shell .article-real-photo figcaption { margin-top: 10px; font-size: 13px; line-height: 1.5; color: #626262; }