/* Research article: stats, contents, findings, pull quotes, map. */
/* article */
.art-head{display:grid;gap:18px;padding-block:clamp(32px,6vw,80px) 40px;max-width:1100px}
.art-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--hair-strong);background:var(--accent);color:var(--on-accent);margin-top:18px}
.art-stats > div{padding:20px;border-right:1px solid var(--on-accent);display:grid;gap:8px}
.art-stats > div:last-child{border-right:0}
.art-stats .bigstat{font-size:clamp(56px,7vw,96px)}
.art-body{display:grid;grid-template-columns:220px minmax(0,720px);gap:64px;padding-bottom:80px;justify-content:center}
.toc{position:sticky;top:96px;align-self:start;display:grid;gap:4px}
.toc a{text-decoration:none;font-size:var(--fs-small);padding:6px 0 6px 10px;border-left:2px solid var(--hair);color:var(--muted)}
.toc a.on{border-left-color:var(--ink);color:var(--ink)}
.art-text{display:grid;gap:72px}
.art-text section{display:grid;gap:20px}
.art-text p{font-size:var(--fs-lead);line-height:1.65;max-width:66ch}
.finding{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:var(--accent);color:var(--on-accent);padding:20px;border:1px solid var(--on-accent)}
.finding .bigstat{font-size:clamp(56px,8vw,96px)}
.finding p{font-size:var(--fs-body)}
.pull{margin:8px 0;padding:6px 0 6px 22px;border-left:3px solid var(--accent);box-shadow:-1px 0 0 var(--ink)}
.pull p{letter-spacing:-.015em;line-height:1.35;font-size:var(--fs-h5)}
.pull cite{display:block;margin-top:8px;font-style:normal;font-family:var(--mono);font-size:var(--fs-caption);color:var(--muted)}
.map{border:1px solid var(--hair-strong);background:var(--paper)}
.map-row{display:grid;grid-template-columns:1fr 24px 1.4fr;gap:14px;padding:14px 16px;border-bottom:1px solid var(--hair);align-items:start}
.map-row:last-child{border-bottom:0}
.map-row span:first-child{font-weight:600}
@media (max-width:1100px){
  .art-body{grid-template-columns:minmax(0,720px)}
  .toc{display:none}
}
@media (max-width:960px){
  .art-stats{grid-template-columns:1fr}
  .art-stats > div{border-right:0;border-bottom:1px solid var(--on-accent)}
  .art-stats > div:last-child{border-bottom:0}
}
@media (max-width:600px){
  .map-row{grid-template-columns:1fr}
  .map-row span:nth-child(2){display:none}
  .finding{grid-template-columns:1fr}
}
/* M-27: research contents on phones (folded) and a way back to the top */
.toc-phone{display:none}
.art-text .to-top{display:none}
@media (max-width:1100px){
  .toc-phone{display:block;border:1px solid var(--hair-strong);background:var(--paper);padding:0 16px;margin-bottom:8px}
  .toc-phone summary{min-height:48px;display:flex;align-items:center;font-family:var(--mono);font-size:var(--fs-ui);cursor:pointer}
  .toc-phone nav{display:grid;padding-bottom:10px}
  .toc-phone a{padding:10px 0;text-decoration:none;border-top:1px solid var(--hair);font-size:var(--fs-body-s)}
  .art-text .to-top{display:inline-flex;align-items:center;min-height:44px;justify-self:start;color:var(--muted)}
}
/* contrast: muted mono under the research stats sits on yellow (was 4.27:1) */
.art-stats .muted{color:var(--on-accent)}