/* PB-ARTICLE-S3 | article-only reader enhancement, existing Elephant theme tokens. */
/* Quiet, unboxed index follows the reader reference, without hiding native anchors. */
.post-detail .article-reading-rail .content-generated-index{
 border:0;border-block-start:1px solid var(--line);padding:14px 0;background:transparent;
}
.post-detail .article-reading-rail .content-toc summary{color:var(--accent)}
/* The Figma reading cover follows the heading, not the older S2 split hero.
   Display a genuine published image only, at its natural aspect ratio. */
.post-detail .article-hero:not(.article-hero--text-only){display:flex;flex-direction:column;align-items:stretch;gap:0}
.post-detail .article-hero-copy{min-inline-size:0;inline-size:min(100%,880px);margin-inline:auto}
.post-detail .article-hero:not(.article-hero--text-only)>.article-hero-media{inline-size:min(100%,880px);max-inline-size:880px;margin:28px auto 0}
.post-detail .article-hero:not(.article-hero--text-only)>.article-hero-media img{inline-size:100%;block-size:auto;max-block-size:480px;object-fit:contain}
.post-detail .article-hero-media figcaption{overflow-wrap:anywhere}
.post-detail .article-hero h1{overflow-wrap:break-word}
.post-detail .article-reading-main :is(a,p,li,dd,figcaption){overflow-wrap:break-word}

.reader-shell:has(> .post-detail){inline-size:min(calc(100% - 80px),1340px);padding-block-start:0}
.post-detail{max-inline-size:none;min-inline-size:0}
.post-detail .article-hero{inline-size:min(100%,1020px);margin-inline:auto;padding-block:clamp(26px,4vw,62px);border-block-end:1px solid var(--line)}
.post-detail .article-hero h1{max-inline-size:100%;font-size:clamp(2.3rem,4vw,3.5rem);line-height:1.55;text-wrap:pretty}
.post-detail[dir="ltr"] .article-hero h1{max-inline-size:100%;line-height:1.12}
.post-detail .article-hero-media img{max-block-size:480px;block-size:auto;object-fit:contain}
/* Preserve official G2 beside the published author, date and derived reading time. */
.post-detail .article-metadata{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:center}
.post-detail .article-byline-mark{grid-row:1/span 2;grid-column:1;inline-size:40px;block-size:40px;align-self:center}
.post-detail .article-byline-mark img{inline-size:40px;block-size:40px;object-fit:contain}
:root[data-theme="dark"] .post-detail .article-byline-mark img{filter:brightness(0) invert(1)}
.post-detail .article-metadata .byline{grid-row:1;grid-column:2;margin:0}
.post-detail .article-metadata .article-hero-meta{grid-row:2;grid-column:2;margin:0;flex-wrap:wrap}

.post-detail .article-reading-layout{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,740px);gap:clamp(28px,5vw,76px);justify-content:center;align-items:start;min-inline-size:0;max-inline-size:1100px;margin:clamp(38px,5vw,75px) auto 0}
.post-detail .article-reading-rail{position:sticky;top:24px;min-inline-size:0;max-block-size:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:20px}
.post-detail .article-reading-rail .content-generated-index{max-inline-size:none;margin:0;padding:14px 16px;border:1px solid var(--line);background:var(--surface)}
.post-detail .article-reading-rail .content-toc ol{max-block-size:36dvh;overflow-y:auto;margin:0;padding-inline-start:1.5rem}
.post-detail .article-reading-rail .content-toc a{overflow-wrap:anywhere;line-height:1.65;min-block-size:36px}
.post-detail .article-reading-rail .editorial-reader-tools{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:12px 0;border-block:1px solid var(--line)}
.post-detail .article-reading-rail .editorial-reader-tools button{min-block-size:44px;text-align:start}
.post-detail .article-reading-rail .share-panel{
 display:flex;flex-direction:column;align-items:stretch;gap:10px;
 max-inline-size:100%;min-inline-size:0;overflow-wrap:anywhere;margin:0;
 padding:15px 0 0;color:var(--ink);background:transparent;
 border:0;border-block-start:1px solid var(--line);border-radius:0
}
.post-detail .article-reading-rail .share-panel p{
 flex:0 0 auto;margin:0;color:var(--muted);font-size:.76rem;font-weight:500
}
.post-detail .article-reading-rail .share-panel .share-action{
 inline-size:100%;min-block-size:44px;padding:9px 12px;
 color:var(--accent);background:var(--surface);border:1px solid var(--line);border-radius:0;
 font-size:.83rem;line-height:1.4
}
.post-detail .article-reading-rail .share-panel .share-action:hover{background:var(--hover)}
.post-detail .article-reading-rail .share-panel .share-status{
 flex:0 0 auto;color:var(--muted);font-size:.73rem;unicode-bidi:plaintext
}
.post-detail .article-reading-main,.post-detail .article-reading-main .post-body{min-inline-size:0;inline-size:100%;max-inline-size:none}
.post-detail .article-reading-main .post-body{margin:0;padding:0;border:0}
.post-detail .article-reading-main .post-body > *{max-inline-size:100%}
.post-detail .article-reading-main .content-table-viewport,.post-detail .article-reading-main .content-code{max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.post-detail .article-reading-main .content-figure img{block-size:auto;max-inline-size:100%}
.post-detail .post-body :is(h2,h3,h4)[id],.post-detail .post-body [id^="block-"]{scroll-margin-block-start:26px}
.post-detail .taxonomy{max-inline-size:740px;margin:48px auto 0}
.post-detail .article-reader-ending{inline-size:min(100%,1020px);margin:60px auto 30px;padding:30px 0;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 32px}
.post-detail .article-reader-ending-signature{display:flex;align-items:center;gap:14px}
.post-detail .article-reader-ending-signature img{inline-size:40px;block-size:40px;object-fit:contain}
.post-detail .article-reader-ending-signature p{font-size:.9rem;color:var(--muted)}
.post-detail .article-reader-ending nav{display:flex;gap:18px;flex-wrap:wrap}
.post-detail .article-reader-ending a{min-block-size:44px;display:inline-flex;align-items:center;font-size:.85rem;color:var(--accent)}
.post-detail .article-reader-ending a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1000px){
 .reader-shell:has(> .post-detail){inline-size:calc(100% - 48px)}
 .post-detail .article-reading-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .post-detail .article-reading-rail{position:static;max-block-size:none;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:14px}
 .post-detail .article-reading-rail .content-toc ol{max-block-size:240px}
 .post-detail .article-reading-rail .share-panel{grid-column:1/-1}
}
@media(max-width:600px){
 .reader-shell:has(> .post-detail){inline-size:calc(100% - 32px)}
 .post-detail .article-hero{padding-block:24px 40px}
 .post-detail .article-hero h1{font-size:clamp(2rem,8.8vw,3.05rem);line-height:1.46}
 .post-detail .article-reading-layout{margin-block-start:28px}
 .post-detail .article-reading-rail{display:flex;flex-direction:column;gap:12px}
 .post-detail .article-reading-rail .content-generated-index{padding:10px 12px}
 .post-detail .article-reading-rail .content-toc details:not([open]) ol{display:none}
 .post-detail .article-reading-rail .editorial-reader-tools{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:8px}
 .post-detail .article-reading-rail .editorial-reader-tools button{flex:1 1 130px;min-inline-size:0}
 .post-detail .article-reader-ending{margin-block:44px 20px;align-items:flex-start;flex-direction:column}
}


/* S3.4: evidence-only related links. No generic cards or fabricated covers. */
.post-detail .article-related{
  inline-size:min(100%,1020px);
  margin:64px auto 48px;
  padding-block:34px 44px;
  border-block-start:1px solid var(--line);
}
.post-detail .article-related-heading > p{
  margin:0 0 8px;
  color:var(--bronze);
  font-size:.78rem;
}
.post-detail .article-related-heading h2{
  color:var(--accent);
  margin:0 0 25px;
  line-height:1.4;
  font-size:clamp(1.45rem,2.5vw,2rem);
}
.post-detail .article-related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.post-detail .article-related-card{
  min-inline-size:0;
  border:1px solid var(--line);
  background:var(--surface);
  padding:22px 24px;
}
.post-detail .article-related-kind{
  margin:0 0 12px;
  color:var(--bronze);
  font-size:.75rem;
}
.post-detail .article-related-card h3{
  font-size:clamp(1.1rem,1.7vw,1.4rem);
  line-height:1.55;
  margin:0;
  overflow-wrap:anywhere;
}
.post-detail .article-related-card a{
  color:var(--accent);
  text-decoration:none;
}
.post-detail .article-related-card a:hover{text-decoration:underline}
.post-detail .article-related-card a:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:4px;
}
.post-detail .article-related-excerpt{
  color:var(--muted);
  margin:12px 0 0;
  font-size:.9rem;
  line-height:1.85;
  overflow-wrap:anywhere;
}
@media(max-width:600px){
 .post-detail .article-related{margin-block:40px;padding-block:28px}
 .post-detail .article-related-grid{grid-template-columns:minmax(0,1fr)}
 .post-detail .article-related-card{padding:18px}
}