
@font-face{font-family:Newsreader;src:url(fonts/Newsreader.ttf) format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url(fonts/SourceSans3.ttf) format('truetype');font-weight:200 900;font-display:swap}
/* Human Capabilities / Quiet Potential. Standalone series tokens.
   Text roles meet WCAG AA normal-text contrast on both page and panel.
   Border is graphics-only; never use it as text. See palette.md. */
:root {
  color-scheme: light dark;
  --hc-paper: #F4F3F7;
  --hc-panel: #E9E6EF;
  --hc-ink: #252435;
  --hc-muted: #625D70;
  --hc-accent: #65477B;
  --hc-support: #316A63;
  --hc-rule: #81798F;
  --hc-display: 'Newsreader', Georgia, serif;
  --hc-body: 'Source Sans 3', Arial, sans-serif;
  --paper: var(--hc-paper);
  --wash: var(--hc-panel);
  --ink: var(--hc-ink);
  --muted: var(--hc-muted);
  --accent: var(--hc-accent);
  --line: var(--hc-rule);
}
@media (prefers-color-scheme: dark) {
  :root {
    --hc-paper: #191820;
    --hc-panel: #25222F;
    --hc-ink: #EEEAF3;
    --hc-muted: #B7AFBF;
    --hc-accent: #C9A6E5;
    --hc-support: #92CBC0;
    --hc-rule: #80788D;
  }
}
@media print {
  :root {
    color-scheme: light;
    --hc-paper: #FFFFFF;
    --hc-panel: #F1EFF5;
    --hc-ink: #252435;
    --hc-muted: #625D70;
    --hc-accent: #65477B;
    --hc-support: #316A63;
    --hc-rule: #81798F;
  }
}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{font-optical-sizing:auto;margin:0;background:var(--paper);color:var(--ink);font-family:'Source Sans 3',Arial,sans-serif;font-size:17px;line-height:1.85}a{color:var(--accent);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:1rem;top:-10rem;background:var(--paper);padding:1rem;z-index:9}.skip:focus{top:1rem}.wrap{width:min(1160px,calc(100% - 80px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:28px 0;border-bottom:1px solid var(--line);font-size:13px}header a{color:var(--ink)}nav{display:flex;gap:24px;flex-wrap:wrap}.signature{display:inline-flex;align-items:center;gap:16px;font-family:Newsreader,Georgia,serif;font-size:25px;line-height:1.02;letter-spacing:-.02em;text-decoration:none}.series-symbol{display:flex;flex-direction:column;gap:6px;width:34px;color:var(--hc-support)}.series-symbol i{height:3px;background:currentColor;display:block;position:relative;margin-left:7px}.series-symbol i:before{content:"";position:absolute;width:3px;height:3px;background:currentColor;left:-7px}.series-symbol i:nth-child(1){width:14px}.series-symbol i:nth-child(2){width:20px}.series-symbol i:nth-child(3){width:27px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--accent);font-weight:bold}.hero{padding:90px 0 70px;border-bottom:1px solid var(--line);border-top:5px solid var(--hc-support);margin-top:24px}h1{font:400 clamp(54px,7.3vw,101px)/1.02 Newsreader,Georgia,serif;letter-spacing:-.035em;max-width:860px;margin:30px 0}h1 em{font-style:normal;color:var(--accent)}.dek{max-width:620px;font-size:20px;line-height:1.65;color:var(--muted)}.meta{display:flex;flex-wrap:wrap;gap:12px 30px;font-size:12px;margin-top:36px;color:var(--muted)}.layout{display:grid;grid-template-columns:190px minmax(0,740px);gap:80px;padding-top:65px;align-items:start}aside{font-size:12px;color:var(--muted);padding-top:12px;position:sticky;top:24px}aside ol{list-style:none;padding:0}aside li{padding:9px 0;border-bottom:1px solid var(--line)}aside a{color:var(--muted);text-decoration:none}article{min-width:0}h2{font:400 44px/1.15 Newsreader,Georgia,serif;letter-spacing:-.025em;margin:92px 0 32px;padding-top:26px;border-top:1px solid var(--line)}h2:first-child{margin-top:0;border-top:0;padding-top:0}h3{font:400 29px/1.3 Newsreader,Georgia,serif;margin:48px 0 18px}p{margin:0 0 23px}strong{font-weight:700}ul{padding-left:24px;margin:22px 0 32px}li{padding-left:5px;margin-bottom:14px}.citations{font-size:11px;white-space:normal;vertical-align:baseline}.citations a{text-decoration:none;white-space:nowrap}.diagram{padding:26px 38px 25px;margin:44px 0;background:var(--wash);border-top:2px solid var(--accent)}svg{display:block;width:min(100%,500px);height:auto;margin:auto;overflow:visible}.svg-label{font:400 24px Newsreader,Georgia,serif;fill:var(--ink)}.svg-detail{font:400 18px 'Source Sans 3',Arial,sans-serif;fill:var(--muted)}.dot{fill:var(--accent)}.rule{stroke:var(--line);stroke-width:1;fill:none}.return{stroke:var(--accent);stroke-width:1.2;fill:none}figcaption{font-size:12px;color:var(--muted);line-height:1.65;border-top:1px solid var(--line);padding-top:16px}.sources{padding-left:23px;font-size:13px}.sources li{padding:15px 0 15px 10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.sources li p{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.65}#musings{color:var(--accent)}footer{margin-top:90px;padding:32px 0 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}

@media(max-width:900px){.layout{grid-template-columns:1fr;gap:20px}aside{position:static}aside ol{display:flex;flex-wrap:wrap;gap:10px 22px}aside li{border:0}.wrap{width:calc(100% - 48px)}h1{max-width:700px}.hero{padding:65px 0}}
@media(max-width:540px){body{font-size:16px;line-height:1.8}.wrap{width:calc(100% - 36px)}header{align-items:flex-start;gap:15px}.signature{font-size:20px}header nav{gap:12px;font-size:11px}.hero{padding:52px 0 42px}.dek{font-size:18px}h2{font-size:35px;margin-top:70px}h3{font-size:27px}.diagram{padding:18px 10px;margin:32px 0}.svg-detail{font-size:20px}.layout{padding-top:25px}.meta{gap:7px 18px}footer{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{ body{font-size:10pt;line-height:1.5}.wrap{width:100%}header,aside,.skip,footer{display:none}.hero{padding:0 0 20px}h1{font-size:42pt}.dek{font-size:13pt}.layout{display:block;padding-top:25px}h2{font-size:25pt;margin-top:35px}h3{font-size:17pt;break-after:avoid}figure{break-inside:avoid}.diagram{max-width:360px;margin:20px auto;padding:15px}a{color:inherit}.sources{font-size:9pt}.sources li{break-inside:avoid}.sources a:after{content:' (' attr(href) ')';font-size:8pt}p{orphans:3;widows:3}@page{margin:18mm}}

.plate{margin:44px 0;padding:0}
.plate picture,.plate img{display:block;width:100%;height:auto}
.plate img{border:1px solid var(--line)}
.plate figcaption{margin-top:14px}
.plate figcaption strong{color:var(--ink);font-weight:600}
