/* APINDO reading edition: existing paper / blue identity, quieter motion. */
.article-page .editorial { max-width:1500px; margin-inline:auto; }
.article-page:not(.has-detail) .editorial__masthead { display:block; }
.article-page:not(.has-detail) .editorial h1 { font-size:clamp(3rem,6vw,5.8rem); max-width:22ch; line-height:1.03; letter-spacing:-.045em; }
.article-page:not(.has-detail) .editorial h1 em { font-family:var(--f-serif); color:var(--blue-deep); font-weight:400; letter-spacing:-.02em; }
.article-page .editorial__intro { max-width:65ch; }
.article-page .feature-link { background:transparent; color:var(--ink); grid-template-columns:1.08fr 1fr; border-block:1px solid var(--line); padding-block:1.8rem; gap:clamp(1.5rem,3.5vw,3.5rem); }
.article-page .feature-cover { min-height:0; display:flex; }
.article-page .feature-cover img { width:100%; height:100%; object-fit:cover; aspect-ratio:3/2; }
.article-page .feature-copy { padding:1rem 0; }
.article-page .feature-copy .meta { color:var(--blue-deep); }
.article-page .feature-copy h2 { font-size:clamp(1.7rem,2.6vw,2.7rem); }
.article-page .feature-copy > p:not(.meta) { color:var(--muted); opacity:1; }
.article-page .feature-link:hover .text-link { color:var(--blue-deep); }
.article-page .editorial-item > a { transition:border-color .2s; }
.article-page .editorial-item > a:hover { border-color:var(--blue-deep); }
.article-page .editorial-item__category { display:inline-block; margin-top:.3rem; }
.article-hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); align-items:center; gap:clamp(2rem,4vw,4rem); margin:2rem 0 0; padding-bottom:2.5rem; border-bottom:1px solid var(--line); }
.article-hero:not(:has(figure)) { display:block; max-width:100%; }
.article-topic { font-size:.8rem; color:var(--blue-deep); margin:0 0 1.1rem; }
.article-page.has-detail .editorial__masthead { margin:0; }
.article-page.has-detail .editorial h1 { font-size:clamp(2.1rem,3.6vw,3.8rem); max-width:27ch; line-height:1.1; letter-spacing:-.04em; }
.article-deck { max-width:58ch; font-size:1.05rem; line-height:1.7; color:var(--muted); margin:1.3rem 0 0; }
.article-hero-image { margin:0; min-width:0; }
.article-hero-image img { width:100%; height:auto; display:block; }
.article-hero-image figcaption { font-size:.7rem; line-height:1.5; color:var(--muted); padding-top:.65rem; }
.reading-layout { display:grid; grid-template-columns:240px minmax(0,760px); gap:clamp(2rem,6vw,6rem); justify-content:space-between; align-items:start; }
.reading-nav { position:sticky; top:100px; padding-top:2.5rem; }
.article-page .reading-nav .article-toc { margin:0; padding:0; background:none; font-size:.85rem; }
.article-page .reading-nav .article-toc h2 { margin:0 0 1rem; font-size:.9rem; font-weight:600; }
.reading-nav .article-toc li { border-bottom:1px solid var(--line); margin:0; }
.reading-nav .article-toc a { display:block; padding:.8rem 0; line-height:1.5; color:var(--muted); }
.reading-nav .article-toc a:hover, .reading-nav .article-toc a[aria-current="location"] { color:var(--blue-deep); }
.reading-all { display:inline-block; font-size:.85rem; margin-top:1.5rem; color:var(--blue-deep); }
.article-page .editorial-detail { max-width:none; width:100%; min-width:0; }
.article-page .editorial-detail__top { border-top:0; padding-top:0; }
.article-page .editorial-detail__body { font-family:Arial,Helvetica,sans-serif; font-size:1.08rem; line-height:1.85; }
.article-page .editorial-detail__body > p:first-child { font-size:1.2rem; line-height:1.75; color:var(--ink); }
.article-page .editorial-detail__body h2 { font-family:var(--f-sans, 'Bricolage Grotesque', sans-serif); font-size:clamp(1.45rem,2.3vw,1.95rem); padding-top:1.4rem; border-top:1px solid var(--line); }
.article-page .editorial-detail__body li::marker { color:var(--blue-deep); }
.article-page .article-note { background:var(--paper-2); padding:1.1rem 1.3rem; }
.article-page .article-note p { margin:0; }
.article-page .article-related ul { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.article-page .article-related a { font-size:1.1rem; text-decoration:none; }
.article-page .article-related a:hover { color:var(--blue-deep); text-decoration:underline; }
.article-page .article-related p { font-size:.85rem; }
.article-page :is(button,input):focus-visible { outline:2px solid var(--blue-deep); outline-offset:4px; }
@media(max-width:1000px) {
 .reading-layout { grid-template-columns:190px minmax(0,1fr); gap:2rem; }
 .article-hero { gap:1.8rem; }
}
@media(max-width:760px) {
 .article-page .editorial { padding-top:2rem; padding-bottom:3rem; }
 .article-page .feature-link { grid-template-columns:1fr; padding-block:1.2rem; gap:1rem; }
 .article-page .feature-cover { height:auto; }
 .article-page .feature-cover img { height:auto; }
 .article-page .feature-copy { padding:.5rem 0; }
 .article-hero { grid-template-columns:1fr; margin-top:1.6rem; padding-bottom:1.5rem; }
 .article-hero-image { max-width:100%; }
 .article-page.has-detail .editorial h1 { font-size:clamp(2.1rem,7.7vw,3rem); }
 .article-deck { font-size:1rem; }
 .reading-layout { display:block; }
 .reading-nav { position:static; padding:1.5rem 0 0; }
 .reading-all { display:none; }
 .article-page .reading-nav .article-toc { padding:1.2rem; border:1px solid var(--line); }
 .reading-nav .article-toc li:last-child { border:0; }
 .article-page .editorial-detail { margin-top:1.7rem; }
 .article-page .editorial-detail__body { margin-top:1.5rem; }
 .article-page .article-related ul { grid-template-columns:1fr; gap:0; }
}
@media print {
 .article-page :is(.header,.mobile-menu,.reading-nav,.copy-link,.editorial-footer,.article-related) { display:none; }
 .article-page .editorial { margin:0; padding:0; }
 .article-page .reading-layout { display:block; }
 .article-page .article-hero { display:block; }
 .article-page .article-hero-image { max-width:360px; margin:1rem 0; }
 .article-page .editorial-detail__body { font-size:11pt; }
 .article-page .editorial-detail__body a { color:inherit; }
}