/* Reading system v2.5: one serif voice, a steady measure, quiet supporting matter. */
:root{--na-prose-ink:#35483e;--na-prose-measure:720px}
.na-prose,
body[data-page=story] :is(.essay-opening,.essay-chapter .era-content){
  font:400 22px/1.7 var(--na-reading);
  color:var(--na-prose-ink);
  letter-spacing:0;
  text-align:left;
  overflow-wrap:break-word;
}
.na-prose :is(p,li),
body[data-page=story] :is(.essay-opening,.essay-chapter .era-content)>p{
  font:inherit;letter-spacing:inherit;color:inherit;
}
.na-prose p,
body[data-page=story] :is(.essay-opening,.essay-chapter .era-content)>p{margin:0 0 1.2em}
.na-prose :is(strong,b),
body[data-page=story] :is(.essay-opening,.essay-chapter .era-content) :is(strong,b){font-weight:700!important}
.na-prose em,
body[data-page=story] :is(.essay-opening,.essay-chapter .era-content) em{font-family:inherit;font-style:italic;color:inherit}
.na-prose a:not(.na-source-link),
body[data-page=story] :is(.essay-opening,.essay-chapter .era-content)>p a{
  color:var(--na-rust);font-family:inherit;font-size:inherit;font-weight:inherit;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;
}
.na-prose a:hover{color:var(--na-ink)}
.na-prose a:focus-visible{outline:2px solid var(--na-rust);outline-offset:4px}
.na-prose blockquote,
body[data-page=story] :is(.essay-opening,.essay-chapter .era-content) blockquote{
  margin:1.5em 0;padding:0 0 0 25px;border:0;border-left:3px solid var(--na-rust);
  background:none;font:italic 400 1em/1.7 var(--na-reading);color:inherit;
}
.na-prose blockquote>p:last-of-type{margin-bottom:0}
.na-prose blockquote cite{display:block;margin-top:16px;font:400 12px/1.6 var(--na-sans);color:var(--na-muted)}
body[data-brand] .na-prose :is(h2,h3),.bg-guide .na-prose :is(h2,h3),
body[data-page=story] .essay-chapter .era-content>h2{
  font:700 30px/1.25 var(--na-reading)!important;letter-spacing:-.018em;color:var(--na-ink);
  margin:1.6em 0 .65em;text-wrap:balance;
}
.na-prose ul{padding-left:1.2em;margin:0 0 1.3em}
.na-prose li{padding-left:.15em;margin-bottom:.6em}
.na-prose .na-source-link{font:400 12px/1.6 var(--na-sans);color:var(--na-muted);text-underline-offset:3px}
/* Research detail pages read in a single column, with the artwork in the story. */
.na-research-brief{padding-bottom:0}
.na-research-brief .na-brief-breadcrumb{font-size:12px;max-width:880px;margin-inline:auto;padding-bottom:15px}
.na-research-brief .na-brief-header{max-width:var(--na-prose-measure);margin-inline:auto;padding-block:33px 29px}
.na-brief-header>.na-kicker{font:400 12px/1.5 var(--na-sans);margin-bottom:15px}
body[data-brand] .na-research-brief .na-brief-header h1{font:700 clamp(38px,4.4vw,56px)/1.1 var(--na-reading)!important;letter-spacing:-.035em;margin:0 0 20px;max-width:23ch;text-wrap:balance}
.na-research-brief .na-brief-header>p:not(.na-kicker){font:400 20px/1.55 var(--na-sans);color:var(--na-prose-ink);max-width:57ch}
.na-research-brief .na-brief-layout{display:block;max-width:var(--na-prose-measure);margin-inline:auto}
.na-reading-figure{margin:0 0 35px}
.na-reading-figure .na-frontier-art{width:100%;aspect-ratio:1.8;border:1px solid var(--na-rule);box-sizing:border-box;padding:0}
.na-reading-figure .na-research-picture{position:absolute;inset:0;background:transparent}
.na-reading-figure .na-research-picture img{display:block;width:100%;height:100%;object-fit:cover}
.na-reading-figure .na-research-binder{background:white}
.na-reading-figure .na-research-binder .na-research-picture{inset:0;background:white}
.na-reading-figure .na-research-binder img{object-fit:contain}
.na-reading-figure .na-research-atlas .na-research-picture{background:white;padding:16px;box-sizing:border-box}
.na-reading-figure .na-research-atlas img{object-fit:contain}
.na-reading-figure .na-organoid-art img{object-fit:cover}
.na-reading-figure figcaption{margin:10px 0 0;font:400 12px/1.5 var(--na-sans);color:var(--na-muted)}
.na-reading-figure figcaption a{color:inherit;text-decoration:none}
.na-reading-figure figcaption a:hover{text-decoration:underline;text-underline-offset:3px}
.na-brief-prose.na-prose{max-width:var(--na-prose-measure);margin-inline:auto}
.na-brief-prose.na-prose>.na-brief-lead{font:400 24px/1.6 var(--na-reading);letter-spacing:0;margin:0 0 28px}
.na-brief-prose.na-prose section{margin-bottom:32px}
.na-brief-prose.na-prose section>p{font:inherit;color:inherit;margin:0 0 14px}
.na-brief-prose.na-prose section>h2{margin-top:0}
.na-brief-prose.na-prose .na-brief-questions{padding-top:28px}
.na-brief-prose.na-prose .na-brief-questions ul{display:block;gap:0}
.na-brief-prose.na-prose :is(.na-brief-status,.na-brief-note){font:400 13px/1.6 var(--na-sans);color:var(--na-muted)}
.na-research-brief .na-brief-more{max-width:880px;margin:48px auto 0;gap:20px 30px;grid-template-columns:repeat(3,minmax(0,1fr))}
.na-research-brief .na-brief-more>a{font:700 21px/1.25 var(--na-reading);letter-spacing:-.02em}
.na-research-brief .na-brief-more>.na-kicker{font-size:12px}
/* Preserve the illustrated chronology; give the author's paragraphs a steady voice. */
body[data-page=story] .essay-opening{max-width:var(--na-prose-measure);margin-inline:auto;padding-block:48px}
body[data-page=story] .essay-chapter .era-content{max-width:var(--na-prose-measure)}
body[data-page=story] .essay-chapter{padding-top:48px;padding-bottom:24px}
body[data-page=story] .essay-chapter::before{top:66px}
body[data-page=story] .essay-chapter .era-content>p:last-child{margin-bottom:0}
body[data-page=story] .essay-chapter .era-content>h2{font-size:36px!important;margin-top:0;margin-bottom:26px}
body[data-page=story] .essay-chapter .era-content>h2 em{font:inherit;color:inherit}
body[data-page=story] .gp-story-reading{font:12px/1.5 var(--na-sans)}
/* The guide also provides a full-size reusable specimen, not a miniature slide. */
.bg-reading-example{border-block:1px solid var(--na-rule);padding:46px 24px;margin:20px 0 45px;background:var(--na-paper)}
.bg-reading-example .na-prose{max-width:var(--na-prose-measure);margin-inline:auto}
.bg-reading-example .bg-label{font:400 12px/1.5 var(--na-sans);letter-spacing:.1em;color:var(--na-muted);margin-bottom:20px}
.bg-reading-example .na-prose h3{font-size:34px!important;margin-top:0}
.bg-reading-example .na-prose>.bg-small{font:400 13px/1.6 var(--na-sans);color:var(--na-muted)}
@media(max-width:760px){
  .na-prose,body[data-page=story] :is(.essay-opening,.essay-chapter .era-content){font-size:19px;line-height:1.75}
  .na-research-brief .na-brief-header{padding-block:26px}
  .na-research-brief .na-brief-header>p:not(.na-kicker){font-size:18px}
  .na-reading-figure{margin-bottom:28px}
  .na-reading-figure .na-frontier-art{aspect-ratio:1.4}
  .na-brief-prose.na-prose>.na-brief-lead{font-size:21px;line-height:1.65;margin-bottom:27px}
  body[data-brand] .na-prose :is(h2,h3),.bg-guide .na-prose :is(h2,h3){font-size:27px!important}
  .na-prose blockquote{padding-left:19px;margin-block:1.3em}
  .na-research-brief .na-brief-more{grid-template-columns:1fr;gap:18px;margin-top:34px}
  .na-research-brief .na-brief-more>a{font-size:22px}
  body[data-page=story] .essay-opening{margin-inline:24px;padding-block:32px}
  body[data-page=story] .essay-chapter{padding-top:36px;padding-bottom:20px}
  body[data-page=story] .essay-chapter::before{top:54px}
  body[data-page=story] .essay-chapter .era-content>h2{font-size:30px!important}
  .bg-reading-example{padding:30px 0}
}