@import url("/website/reading-tokens.css");

/* Lightweight, readable reference pages; no chart or book renderer required. */
:root{color-scheme:light;--paper:#f2e8d4;--ink:#23223c;--copper:#774821}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 var(--sp-reading-body)}body>header,body>main,body>footer{width:min(100% - 40px,var(--sp-reading-measure));margin:auto}body>header{padding:32px 0;border-bottom:1px solid var(--copper)}main{padding:32px 0 56px}body>footer{padding:24px 0 40px;border-top:1px solid var(--copper)}a{color:var(--copper);text-underline-offset:.2em}a:focus-visible{outline:3px solid currentColor;outline-offset:4px}.brand{font-size:1.75rem;text-decoration:none}nav{display:flex;gap:12px 24px;flex-wrap:wrap;margin:12px 0;font:600 15px/1.6 var(--sp-reading-body)}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.12}h2{font-size:1.6rem;line-height:1.2}h3,h4{font-size:1.25rem;line-height:1.3}.lede,.supportHero>p:last-child{font-size:1.2rem}article,main>section>section{margin:32px 0}.supportCard{padding-top:20px;border-top:1px solid #77482155}.supportNo,.eyebrow{font:600 .8rem/1.4 var(--sp-reading-body);letter-spacing:.08em;text-transform:uppercase}.supportAction{display:inline-block;padding:8px 0}.book-copy-page{max-width:72ch}
.citation{font-size:.875rem}main>section,article>section{margin:32px 0}aside{border-top:1px solid #77482155;margin-top:32px;padding-top:16px}

.source-figure{margin:24px 0;max-width:460px}.source-figure img{display:block;width:100%;height:auto;max-width:100%}.source-figure figcaption{margin-top:12px;font-size:.875rem}


/* Shared reading rhythm; all journal articles inherit this without new markup. */
body { overflow-wrap: anywhere; }
body>main { padding-block: clamp(2rem, 6vw, 4rem) clamp(3.5rem, 8vw, 6rem); }
h1, h2, h3, h4, .brand {
  font-family: var(--sp-reading-title);
  font-weight: 400;
  color: var(--sp-reading-heading);
  text-wrap: balance;
}
h1 { margin: 0 0 1.25rem; letter-spacing: -.025em; }
h2 { margin: 2rem 0 1rem; font-size: clamp(1.6rem, 4vw, 2.2rem); }
h3, h4 { margin: 1.75rem 0 .75rem; }
p, ul, ol { margin-block: 0 1.1em; }
ul, ol { padding-inline-start: 1.4em; }
li+li { margin-block-start: .45em; }
.lede, .supportHero>p:last-child { line-height: 1.5; margin-bottom: 2rem; }
main :is(article, section, aside) { min-width: 0; }
main :is(article, section, aside)[id] { scroll-margin-top: 1.5rem; }
.supportHero { margin: 0 0 2.5rem; }
.supportCard, .book-copy-page { margin-block: 2.5rem; }
.supportCard h2 { margin-top: .75rem; }
.supportNo, .eyebrow { color: var(--copper); }
.supportNeed, .citation, figcaption { line-height: 1.6; }
main a { text-decoration-thickness: 1px; text-decoration-skip-ink: auto; }
main a:hover { text-decoration-thickness: 2px; }
nav a, .supportAction, .supportEmail {
  display: inline-block;
  min-height: 44px;
  padding-block: .5rem;
}
main>nav[aria-label="Breadcrumb"] { margin: 0 0 1.5rem; }
img { max-width: 100%; height: auto; }
pre { overflow-x: auto; }
@media (max-width: 480px) {
  body>header, body>main, body>footer { width: calc(100% - 32px); }
  body>header { padding-block: 1.5rem; }
  nav { gap: .25rem 1rem; }
}
@media print {
  body { background: white; color: #23223c; }
  body>header, body>main, body>footer { width: 100%; max-width: none; }
  h1, h2, h3, h4 { break-after: avoid; }
  img { break-inside: avoid; }
}
