/* Display adjustments; the supplied research text and media stay unchanged. */
html{scroll-padding-top:110px}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
header.bar{margin-top:20px;padding:18px 22px;border-radius:12px}
.name{font-size:1.9rem}
.intro{padding-block:30px 24px;gap:9px}
.intro h1{font-size:clamp(1.7rem,3.8vw,2.4rem);line-height:1.13}
.intro p{font-size:.92rem;max-width:88ch}
.intro .eyebrow{font-size:.68rem}
section.view{gap:24px;padding-bottom:48px}
.card{padding:clamp(20px,3.4vw,36px);gap:15px;border-radius:14px}
.research-card{scroll-margin-top:10px}
.card h2{font-size:clamp(1.55rem,3vw,2.05rem);line-height:1.18;max-width:47ch}
.paper-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid var(--line);padding:4px 0}
.paper-index a{border:0;border-radius:0;padding:12px 16px;font-size:.83rem;line-height:1.45;color:var(--ink);display:flex;align-items:center;gap:12px;min-width:0}
.paper-index a+a{border-left:1px solid var(--line)}
.paper-index span{color:var(--accent);font-size:.72rem;font-variant-numeric:tabular-nums}
.paper-index a:hover{background:var(--accent-soft);color:var(--accent)}
.paper-index a[aria-current="location"]{background:var(--accent-soft);color:var(--accent)}
.paper-reader{border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0;background:var(--bg)}
.reader-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;padding:10px 12px;border-bottom:1px solid var(--line)}
.reader-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.8rem}
.reader-controls button{min-height:36px;min-width:36px;padding:5px 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);cursor:pointer}
.reader-controls button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.reader-controls button:disabled{opacity:.4;cursor:default}
.reader-controls input{width:3.7em;min-height:36px;padding:5px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);text-align:center;font-variant-numeric:tabular-nums}
.reader-controls output{min-width:3.5em;text-align:center;font-variant-numeric:tabular-nums}
.reader-count{color:var(--muted);white-space:nowrap}
.reader-frame{height:min(64vh,680px);min-height:280px;overflow:auto;overscroll-behavior:contain;background:var(--stage);padding:16px;position:relative}
.reader-image{display:block;width:calc(100% * var(--zoom,1));max-width:none;height:auto;background:#fff;margin:0 auto;border-radius:2px}
.reader-status{margin:0;padding:8px 12px;font-size:.76rem;color:var(--muted);border-top:1px solid var(--line)}
.reader-error{padding:28px 20px;margin:0;color:var(--stage-ink);font-size:.9rem}
.reader-error a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.row .btn{font-size:.82rem}
.reel{gap:28px 24px}
.reel figure{display:flex;flex-direction:column;gap:9px;min-width:0}
.reel video{aspect-ratio:16/9;object-fit:contain;border-radius:6px}
.reel figcaption{align-items:flex-start;flex-wrap:wrap;gap:2px 8px}
.reel figcaption strong{font-size:1.15rem;line-height:1.35}
.reel figcaption span{padding-top:3px}
.video-file{font-size:.75rem;color:var(--stage-ink);opacity:.72;text-underline-offset:3px;align-self:flex-start}
.video-file:hover{opacity:1}
.video-error{font-size:.8rem;margin:0;color:var(--stage-ink)}
.documentary-view .card{grid-template-columns:1fr auto;column-gap:40px;align-items:start}
.documentary-view .eyebrow,.documentary-view h2,.documentary-view .lede{grid-column:1}
.documentary-view .soon{grid-column:2;grid-row:1/4;aspect-ratio:auto;min-width:220px;align-self:stretch;padding:28px;border-radius:8px}
.soon::before{display:none}
.soon strong{font-size:1.7rem}
footer{padding-block:18px 28px}
@media(max-width:720px){
  html{scroll-padding-top:155px}
  header.bar{margin-top:12px;padding:16px;gap:14px 16px;align-items:flex-start}
  .name{font-size:1.75rem}
  header.bar nav{gap:3px}
  header.bar nav a{padding:7px 10px;font-size:.83rem}
  .intro{padding-block:24px 20px}
  .intro h1{font-size:1.85rem}
  .intro p{font-size:.87rem}
  .paper-index{grid-template-columns:1fr}
  .paper-index a{padding:10px 8px}
  .paper-index a+a{border-left:0;border-top:1px solid var(--line)}
  .reader-toolbar{padding:9px;gap:8px}
  .reader-controls{gap:5px}
  .reader-controls button{min-height:40px;min-width:40px;padding:5px 8px}
  .reader-controls input{min-height:40px}
  .reader-frame{height:60vh;padding:10px}
  .reel{grid-template-columns:1fr;gap:26px}
  .documentary-view .card{grid-template-columns:1fr}
  .documentary-view .soon{grid-column:1;grid-row:auto;min-width:0;padding:26px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}