/* Research & data: an un-bleeding MSH document with clear 1 -> 2 -> 3 hierarchy.
   The numbers are computed from the catalogue that ships, so they cannot drift from it. */
.research-page { display:grid; grid-template:"bar" auto "main" 1fr / 100%; height:100dvh; overflow:hidden; background:var(--paper); }
.research-bar { grid-area:bar; }
.research-main { grid-area:main; overflow-y:auto; padding:16px var(--pad) 28px; max-width:1200px; width:100%; margin-inline:auto; overflow-wrap:anywhere; }
.research-cols { display:grid; gap:24px; align-items:start; }
.research-col--left h1 { font-size:24px; line-height:1.15; font-weight:600; margin:2px 0 6px; }
.research-col h2 { font-size:18px; line-height:1.25; font-weight:600; margin:2px 0 6px; }
.research-col section { margin-top:14px; padding-top:12px; border-top:1px solid var(--rule); }
.research-col section:first-of-type { margin-top:10px; }
.research-main p { margin:4px 0; max-width:62ch; line-height:1.55; }
.research-lede { color:var(--muted); margin-bottom:10px; font-size:var(--body); }
@media (min-width:900px){
  .research-main { overflow:hidden; padding-block:0; }
  .research-cols { grid-template-columns:minmax(320px,460px) minmax(0,1fr); height:100%; gap:0; }
  .research-col { height:100%; overflow-y:auto; padding:16px 20px 32px; }
  .research-col--left { border-right:1px solid var(--rule); padding-left:0; }
  .research-col--right { padding-right:0; }
}

/* The figures: one row per fact, hairline rules, no cards. */
.rd-figures { margin-top:8px; }
.rd-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 12px; align-items:baseline;
  padding:5px 0; border-bottom:1px solid var(--rule); }
.rd-row dt { font-weight:500; }
.rd-row dd { margin:0; font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; }
.rd-row .rd-note { grid-column:1 / -1; color:var(--muted); font-size:var(--micro); line-height:1.5; }
.rd-share { color:var(--muted); font-size:var(--micro); margin-left:2px; }
.rd-head { color:var(--muted); font-size:var(--micro); letter-spacing:.06em; text-transform:uppercase; }

/* The distribution: one flat bar per band, sized to its own content. */
.rd-dist { margin-top:10px; }
.rd-dist li { display:grid; grid-template-columns:5.5em minmax(0,1fr) 4.5em; gap:8px; align-items:center;
  padding:2px 0; font-size:var(--micro); list-style:none; }
.rd-dist .rd-bar { height:9px; background:var(--wash); }
.rd-dist .rd-bar i { display:block; height:100%; background:var(--ink); }
.rd-dist .rd-n { text-align:right; color:var(--muted); font-variant-numeric:tabular-nums; }

.rd-callout { margin-top:10px; padding:8px 10px; border-left:2px solid var(--ink); background:var(--wash); }
.rd-callout b { display:block; }
.rd-callout p { margin:2px 0 0; color:var(--muted); font-size:var(--micro); }

.research-list { margin:4px 0; padding-inline-start:18px; }
.research-list li { margin:5px 0; max-width:62ch; line-height:1.55; }
.research-sources { color:var(--muted); font-size:var(--micro); line-height:1.6; }
.research-links { display:flex; flex-wrap:wrap; gap:0 16px; margin-top:8px; }
.research-links a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:3px; }