/* The original is a reading surface. Navigation and linked context use ink panels. */
.original-reading {
  --reading-paper: #e8e4d6;
  --reading-ink: #242b21;
  --reading-muted: #626957;
  --reading-accent: #4a651d;
  --reading-line: #c9cbb8;
  --reading-padding: clamp(22px, 4vw, 48px);
  position: relative;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: var(--reading-padding);
  border-radius: 3px;
  color: var(--reading-ink);
  background: var(--reading-paper);
  box-shadow: 0 2px 4px #0002, 0 18px 50px #0002;
  overflow-wrap: anywhere;
  -webkit-font-smoothing: antialiased;
}
.original-reading :is(p,li) { text-wrap: pretty; }
.original-reading :is(h2,h3,h4) { color: var(--reading-ink); text-wrap: balance; }
.original-reading :is(a,button,summary):focus-visible { outline: 2px solid var(--reading-accent); outline-offset: 4px; }
.original-reading :is(button,a,summary) { -webkit-tap-highlight-color: transparent; }
.original-reading button { transition: background-color .16s ease, color .16s ease, transform .12s ease; }
.original-reading button:active { transform: scale(.96); }
.original-reading a { color: var(--reading-accent); text-underline-offset: .2em; }
.original-reading-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 30px; }
.original-reading .original-reading-eyebrow { margin: 0; color: var(--reading-muted); font: 600 12px/1.6 var(--mono, monospace); letter-spacing: .1em; text-transform: uppercase; }
.original-reading-action { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px 0; border-bottom: 1px solid var(--reading-line); color: var(--reading-accent); text-decoration: none; font-size: 12px; line-height: 1.5; }
.original-reading-action:hover { border-color: var(--reading-accent); }
.original-reading-text,.original-reading-explanation { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(17px, 1.7vw, 20px); line-height: 1.85; letter-spacing: -.008em; }
.original-reading-text > p,.original-reading-explanation > p { margin: 0 0 1.3em; color: var(--reading-ink); }
.original-reading-text > .article-body-pair > p { margin: 0 0 1.3em; color: var(--reading-ink); }
.original-reading-text > .article-body-pair:first-child > :first-child { margin-top: 0; }
.original-reading .article-body-pair .source-translation-text { font: inherit; color:inherit; letter-spacing:inherit; }
.original-reading-text > .article-body-pair > [data-article-body-translation] > p { margin:0 0 1.3em; color:var(--reading-ink); }
.original-reading-text > .article-body-pair:first-child > [data-article-body-translation] > :first-child { margin-top:0; }
.original-reading-text :is(li,h3,h4) > [data-article-body-translation] { display:contents; }
.original-reading .article-body-pair :is(.source-translation-method,.source-translation-status) { color: #58604d; }
.original-reading .article-body-pair .source-translation-footer { display: none; }
.original-reading-text :is(h3,h4),.original-reading-explanation h3 { margin: 2.5em 0 1em; font-family: var(--display, system-ui, sans-serif); font-size: clamp(23px, 2.8vw, 32px); font-weight: 560; line-height: 1.2; letter-spacing: -.035em; }
.original-reading-text h4 { font-size: clamp(19px, 2vw, 24px); }
.original-reading-text > :first-child { margin-top: 0; }
.original-reading-text :is(ul,ol) { margin: 1.5em 0; padding-left: 1.3em; }
.original-reading-divider { width: 72px; height: 1px; margin: 38px auto; border: 0; background: var(--reading-line); }
.original-reading-text li { padding-left: .25em; margin: .5em 0; }
.original-reading-section-title { scroll-margin-top: 170px; }
.original-reading-section-title:focus { outline: 2px solid var(--reading-accent); outline-offset: 8px; }
.original-reading-excerpt { margin: 12px 0 18px; padding: 0 0 0 22px; border-left: 3px solid var(--reading-accent); font: clamp(23px, 2.5vw, 29px)/1.5 Georgia, serif; }
.original-reading-excerpt p { margin: 0; color: var(--reading-ink); }
.original-reading-text blockquote { margin: 1.8em 0; padding: 5px 0 5px 22px; border-left: 2px solid #929e73; }
.original-reading-text blockquote p { margin: 0; }
.original-reading .original-reading-note { margin: 10px 0 24px; color: var(--reading-muted); font: 12px/1.7 var(--display, system-ui, sans-serif); }
.original-reading-explanation { border-top: 1px solid var(--reading-line); padding-top: 30px; margin-top: 36px; }
.original-reading-explanation h3 { margin-top: 10px; }
.original-reading-explanation .original-reading-eyebrow { font-family: var(--mono, monospace); }
.original-reading-embedded { margin: 28px 0; padding: 0 18px; border-left: 3px solid #7a895c; background: #dce0cd; font-size: 16px; }
.original-reading summary { cursor: pointer; line-height: 1.5; }
.original-reading-embedded > summary { min-height: 48px; padding: 14px 0; color: #43512f; font: 600 12px/1.6 var(--display, system-ui, sans-serif); }
.original-reading-embedded blockquote { margin: 0; padding: 8px 0 20px; border: 0; }
.original-reading-provenance { margin-top: 38px; border-top: 1px solid var(--reading-line); color: var(--reading-muted); font: 12px/1.7 var(--display, system-ui, sans-serif); }
.original-reading-provenance summary { min-height: 48px; padding: 15px 0; color: var(--reading-accent); }
.original-reading-provenance dl { display: grid; grid-template-columns: max-content minmax(0,1fr); gap: 7px 16px; }
.original-reading-provenance dd { margin: 0; }
.original-reading-provenance code { font-size: 12px; white-space: normal; }

.original-reading-guide { position: sticky; top: var(--site-header-height, 0px); z-index: 5; display: grid; grid-template-columns: minmax(0,1fr) 130px; align-items: start; gap: 24px; margin: calc(-1 * var(--reading-padding)) calc(-1 * var(--reading-padding)) 30px; padding: 13px var(--reading-padding); border-bottom: 1px solid #465038; background: #273321; color: #e6eddb; box-shadow: 0 6px 18px #0001; font-family: var(--display,system-ui,sans-serif); }
.original-reading-outline > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; color: #eff4e6; font-size: 13px; list-style: none; }
.original-reading-outline > summary::-webkit-details-marker { display: none; }
.original-reading-outline > summary::after { content: '+'; color: #c7dc9a; font-size: 21px; line-height: 1; }
.original-reading-outline[open] > summary::after { content: '−'; }
.original-reading-outline > summary small { margin-left: auto; color: #aab996; font: 12px var(--mono,monospace); }
.original-reading-outline nav { max-height: min(55dvh,480px); overflow: auto; overscroll-behavior: contain; padding: 10px 5px 14px 0; }
.original-reading-outline ol { margin: 0; padding: 0; list-style: none; }
.original-reading-outline li + li { border-top: 1px solid #435039; }
.original-reading-outline button { display: flex; align-items: baseline; gap: 13px; width: 100%; min-height: 44px; padding: 11px 0; border: 0; border-radius: 0; color: #c3cfb6; background: transparent; text-align: left; font: 12px/1.6 var(--display,system-ui,sans-serif); }
.original-reading-outline button > span[aria-hidden] { color: #849b6e; font: 12px var(--mono,monospace); }
.original-reading-outline-label { display: block; min-width: 0; }
.original-reading-outline-label > span { display: block; }
.original-reading-outline-label [data-article-outline-translation]:empty { display: none; }
.original-reading-outline-label [data-article-outline-translation] { margin:0; color:inherit; font-weight:inherit; }
.original-reading-outline-label [data-article-outline-translation] .source-translation-text { font:inherit; }
.original-reading-outline button[aria-current],.original-reading-outline button:hover { color: #e5f1c5; }
.original-reading-outline button[aria-current] > span[aria-hidden] { color: #d3ee8c; }
.original-reading-guide :is(button,summary):focus-visible { outline-color: #d3ee8c; }
.original-reading-progress { padding-top: 6px; }
.original-reading-progress label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #afbe9e; font: 12px/1.7 var(--mono,monospace); }
.original-reading-progress label span { color: #d6e6bf; font-variant-numeric: tabular-nums; }
.original-reading-progress progress { display: block; width: 100%; height: 3px; margin-top: 10px; overflow: hidden; border: 0; border-radius: 0; appearance: none; background: #506045; accent-color: #d0ec8e; }
.original-reading-progress progress::-webkit-progress-bar { background: #506045; }
.original-reading-progress progress::-webkit-progress-value { background: #d0ec8e; }
.original-reading-progress progress::-moz-progress-bar { background: #d0ec8e; }

.original-reading-image { margin: 34px 0; font-family: var(--display,system-ui,sans-serif); }
.original-reading-image > a { display: block; position: relative; min-height: 44px; background: #d3d7c5; }
.original-reading-image > a::after { content: '↗'; position: absolute; right: 12px; bottom: 12px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #202b1e; color: #e8f2da; font: 18px var(--display,system-ui,sans-serif); pointer-events: none; }
.original-reading-image img { display: block; width: 100%; height: auto; max-height: 690px; object-fit: contain; outline: 1px solid #ffffff1a; outline-offset: -1px; }
.original-reading-motion video { display: block; width: 100%; height: auto; max-height: 690px; object-fit: contain; background: #10150e; }
.original-reading-motion figcaption a + a { margin-left: 18px; }
.original-reading-image figcaption { margin-top: 11px; color: var(--reading-muted); font: 12px/1.7 var(--display,system-ui,sans-serif); }
.original-reading-image figcaption small { display: block; color: inherit; font-size: 12px; margin-top: 4px; }
.original-reading-image figcaption a { display: inline-flex; align-items: center; min-height: 40px; font-size: 12px; }
.original-reading-media { margin-top: 34px; padding-top: 25px; border-top: 1px solid var(--reading-line); }
.original-reading-media .original-reading-image:first-child { margin-top: 18px; }
.original-reading-context-link { display: inline; padding: 0; min-height: 0; border: 0; border-radius: 0; border-bottom: 1px dotted var(--reading-accent); background: transparent; color: var(--reading-accent); font: inherit; line-height: inherit; text-align: inherit; cursor: pointer; }
.original-reading-context-link:hover { color: #293a0b; background: #cfdbb4; }
.original-reading .original-reading-context-link:active { transform: none; scale: 1; }
.original-reading-inline-source { text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: #9ba985; }
.original-reading-copy-label { color: #e5f1c5; align-self: center; font: 12px/1.5 var(--display,system-ui,sans-serif); }
.original-reading-reference { margin: 24px 0; padding: 12px 18px; border-left: 2px solid #829556; background: #dde1cf; font-family: var(--display,system-ui,sans-serif); }
.original-reading-reference > span { display: block; color: #687353; font: 12px/1.6 var(--mono,monospace); text-transform: uppercase; letter-spacing: .08em; }
.original-reading-reference > :is(button,a) { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; width: 100%; padding: 8px 0; border: 0; border-radius: 0; background: transparent; color: #3f551e; text-align: left; font: 13px/1.6 var(--display,system-ui,sans-serif); }
.original-reading-context { width: min(540px,calc(100vw - 32px)); max-width: none; max-height: min(80dvh,760px); margin: auto; padding: 24px 28px 28px; overflow: auto; border: 0; border-radius: 5px; background: #e8e4d6; color: #242b21; box-shadow: 0 0 0 1px #ffffff1a,0 24px 90px #0007; font-family: var(--display,system-ui,sans-serif); }
.original-reading-context::backdrop { background: #10190eaa; }
.original-reading-context-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 20px; }
.original-reading-context-top button { min-height: 44px; padding: 8px 0 8px 16px; border: 0; background: transparent; color: #4f5c3e; font-size: 12px; }
.original-reading-context-top button span { margin-left: 8px; font-size: 20px; }
.original-reading-context > h3 { font-size: 25px; line-height: 1.25; letter-spacing: -.025em; }
.original-reading-context > p { color: #424b37; font-size: 15px; line-height: 1.8; }
.original-reading-context-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; margin-top: 25px; padding-top: 15px; border-top: 1px solid #c9cbb8; }
.original-reading-context-actions :is(a,button) { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: #4a651d; font: 12px/1.6 var(--display,system-ui,sans-serif); }

/* The compact modal reuses the same paper, without inheriting dark audit prose. */
#detail.reader-dialog .original-reading-guide { top: 66px; }
#detail.reader-dialog #detailBody .original-reading :is(p,li,blockquote) { color: var(--reading-ink); }
#detail.reader-dialog #detailBody .original-reading-text > p,
#detail.reader-dialog #detailBody .original-reading-text > .article-body-pair > p,
#detail.reader-dialog #detailBody .original-reading-explanation > p { font-size: 17px; line-height: 1.85; }
#detail.reader-dialog #detailBody .original-reading :is(.original-reading-note,.original-reading-eyebrow) { color: var(--reading-muted); }
#detail.reader-dialog #detailBody .original-reading-context > p { color: #424b37; font: 15px/1.8 var(--display,system-ui,sans-serif); }
#detail.reader-dialog .original-reading .original-reading-context-link { display: inline; min-height: 0; padding: 0; font: inherit; }
#detail.reader-dialog .original-reading .original-reading-outline summary { color: #eff4e6; }
@media(max-width:600px) {
  .original-reading { --reading-padding: 21px; }
  .original-reading-toolbar { align-items: flex-start; gap: 9px; margin-bottom: 24px; }
  .original-reading-text,.original-reading-explanation { font-size: 17px; line-height: 1.8; }
  .original-reading-guide { grid-template-columns: minmax(0,1fr) 90px; gap: 18px; padding-block: 10px; }
  .original-reading-progress label { font-size: 0; }
  .original-reading-progress label span { font-size: 12px; margin-left: auto; }
  .original-reading-outline > summary small { display: none; }
  .original-reading-provenance dl { display: block; }
  .original-reading-provenance dd { margin: 0 0 12px; }
  .original-reading-context { padding: 20px; }
  .original-reading-section-title { scroll-margin-top: 145px; }
  #detail.reader-dialog .original-reading-guide { top: 62px; }
}
@media(prefers-reduced-motion:reduce) {
  .original-reading button { transition: none; }
  .original-reading button:active { transform: none; }
}
.original-reading-code{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono,monospace);font-size:.84em;line-height:1.65;padding:1.2em;border:1px solid currentColor;border-radius:6px;}
.original-reading-code code{font:inherit;}
/* An inline figure the archive never retained: a marked gap, never a hot-linked publisher file. */
.original-reading-missing-media{border-left-style:dashed;background:#e6e5d6;}
.original-reading-missing-media>span{color:#6f7560;}