/* Reader-specific layout; the site's existing colors and typography are shared. */
.sample-reader{max-width:78rem;}
.sample-reader .masthead{--wordmark-size:clamp(1.7rem,6vw,2.4rem);}
.sample-reader .masthead a{display:flex;flex-direction:column;align-items:center;gap:.55rem;text-decoration:none;color:inherit;}
.sample-reader .masthead a:focus-visible{outline:2px solid var(--blue-ink);outline-offset:6px;}
.sample-reader > main{margin-top:var(--tight-gap);}
.reader-heading{margin:0 0 3rem;}
.reader-heading > h1,.reader-heading > hr,.reader-heading > p{max-width:46rem;}
.reader-heading h1{margin:0 0 .85rem;font-weight:600;font-size:clamp(1.1rem,3.6vw,1.5rem);line-height:1.3;text-transform:uppercase;letter-spacing:.09em;color:var(--blue-head);text-wrap:balance;}
.reader-heading hr{border:0;border-top:1px solid var(--blue);margin:0 0 1.15rem;}
.reader-heading p{margin:0 0 .65rem;}
.reader-heading .sample-author{color:var(--ink-soft);font-size:.9rem;}
.statement-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;margin-top:1.4rem;}
.annotation-reference:focus-visible{outline:2px solid var(--blue-ink);outline-offset:4px;}
.statement{scroll-margin-top:1.5rem;}
.statement + .statement{margin-top:4rem;}
.statement-heading{max-width:50rem;margin-bottom:1.75rem;}
.statement-heading h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.25rem,3vw,1.55rem);line-height:1.35;color:var(--blue-ink);margin:0;}
.statement-page{margin:0 0 2.5rem;scroll-margin-top:1rem;}
.page-label{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;max-width:50rem;margin:0 0 .7rem;}
.page-label h3{margin:0;font-size:.9rem;font-weight:500;color:var(--blue-ink);}
.page-label h3 span{color:var(--ink-soft);font-weight:400;}
.page-with-notes{display:grid;grid-template-columns:minmax(0,50rem) minmax(12rem,18rem);gap:2.5rem;align-items:start;}
.page-reading-column{min-width:0;}
.statement-sheet{position:relative;min-width:0;padding:0;outline:1px solid var(--rule);box-shadow:0 3px 15px #2175a609;background:#fff;}
.statement-facsimile{display:block;width:100%;height:auto;}
.passage-anchor{position:absolute;left:0;width:100%;height:0;pointer-events:none;scroll-margin-top:2rem;}
.passage-anchor:target::before{content:"";position:absolute;left:-.5rem;top:0;width:.25rem;height:1.5rem;background:var(--orange-brand);}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:normal;border:0;}
.statement-text{font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.4;overflow-wrap:break-word;}
.statement-text p{margin:0 0 .9rem;text-align:justify;hyphens:auto;}
.statement-text strong{font-weight:700;}
.statement-text sup{line-height:0;font-size:.7em;}
.statement-text .original-author{text-align:center;font-weight:700;font-size:1.3rem;line-height:1.25;margin-bottom:.4rem;}
.statement-text .original-contact{text-align:center;margin-bottom:2rem;font-size:.9rem;}
.statement-text .original-heading{font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;line-height:1.4;color:#000;margin:1.2rem 0 .65rem;}
.statement-text .original-heading:first-child{margin-top:0;}
.statement-text .original-references{text-align:left;font-size:.875rem;line-height:1.45;overflow-wrap:anywhere;}
.research-figures{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.25rem 0;align-items:start;}
.research-figures figure{margin:0;min-width:0;}
.research-figures img{display:block;width:100%;height:auto;}
.research-figures figcaption{font-size:.875rem;line-height:1.4;text-align:left;margin-top:.6rem;}
.margin-notes{position:relative;min-width:0;align-self:stretch;}
.margin-notes:not(:empty){border-left:1px solid var(--blue);padding-left:1.1rem;}
/* Empty annotation slots reserve the margin without showing invented notes. */
.margin-notes:not(:has(.annotation-note)){border:0;padding:0;}
.annotation-heading{margin:0 0 1.2rem;font-size:.875rem;letter-spacing:.07em;text-transform:uppercase;font-weight:500;color:var(--blue-ink);}
.annotation-note{margin:0 0 1.5rem;font-size:1rem;line-height:1.55;color:var(--ink-soft);}
.annotation-note p{margin:.4rem 0 0;white-space:pre-line;overflow-wrap:anywhere;}
.annotation-reference{color:var(--orange-ink);font-size:.875rem;text-decoration:none;display:inline-block;border-bottom:1px solid var(--orange);}
.margin-notes.notes-positioned .annotation-note{position:absolute;left:1.1rem;right:0;margin:0;}
.reader-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;flex-wrap:nowrap;margin-top:3rem;}
.statement-nav .button,.reader-footer .button{font-size:.875rem;letter-spacing:.06em;text-align:center;}
.skip-link{position:absolute;left:1rem;top:0;transform:translateY(-150%);padding:.7rem 1rem;background:white;color:var(--blue-ink);z-index:2;}
.skip-link:focus{transform:translateY(0);}
@media(max-width:63.99rem){
  .sample-reader{max-width:54rem;}
  .page-with-notes{grid-template-columns:minmax(0,1fr);gap:1.2rem;}
  .margin-notes:not(:has(.annotation-note)){display:none;}
  .margin-notes.notes-positioned .annotation-note{position:static;}
  .annotation-note{margin-bottom:1.25rem;}
  .margin-notes{min-height:0!important;}
}
@media(max-width:34rem){
  .sample-reader{padding-inline:1rem;}
  .reader-heading{margin-bottom:2rem;}
  .statement-nav{flex-direction:column;align-items:center;gap:.5rem;}
  .statement-text p{text-align:left;hyphens:none;}
  .statement-text{line-height:1.5;}
  .research-figures{grid-template-columns:1fr;gap:1.25rem;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
@media print{
  .sample-reader{max-width:none;padding:0;}
  .sample-reader > .masthead,.statement-nav,.reader-footer,.skip-link,.screen-reader-text{display:none;}
  .page-with-notes{display:block;}
  .statement-sheet{outline:0;box-shadow:none;}
  .statement-page{break-after:page;}
  .margin-notes.notes-positioned .annotation-note{position:static;margin-bottom:1rem;}
  .margin-notes{min-height:0!important;}
}
