/* THE RESEARCH PAGE (founder round 2026-09-13; model card round
   2026-09-15). Layered on public.css (palette, header, footer) and
   reading.css (the shared reading column). Written for 390px first; the
   desktop rule only widens the type. What is here is only what research
   has and the blog does not: the headline and its lead, the model's facts,
   and the two results tables. Tables scroll inside their own box, so the
   page itself never scrolls sideways at 390px. */

.research{padding-block:28px 12px}
.research h1{font-size:30px;line-height:1.15;letter-spacing:-.02em;
  margin:6px 0 14px}
.research .lead{font-size:18px;line-height:1.55;color:var(--ink);
  margin:0 0 26px;max-width:34ch}
.research .prose{max-width:660px}
.research .research-foot{color:var(--ink3);font-size:13.5px;margin:28px 0 0}

/* the model's facts: label above value on a phone, side by side wider */
.research .facts{margin:0 0 18px;display:grid;grid-template-columns:1fr;
  gap:2px 18px;font-family:system-ui,sans-serif;font-size:14.5px;
  letter-spacing:0;line-height:1.5}
.research .facts dt{color:var(--ink3);margin-top:10px}
.research .facts dd{margin:0;color:var(--ink)}

.research .worklinks{list-style:none;padding:0}
.research .worklinks li{margin:0 0 12px}
.research .note{display:block;color:var(--ink3);font-size:13.5px;
  font-family:system-ui,sans-serif;letter-spacing:0;line-height:1.45}

/* tables keep the UI face, as reading.css says, and scroll in their box */
.research .tablewrap{overflow-x:auto;margin:0 0 20px;
  border:1px solid var(--line);border-radius:10px;max-width:100%}
.research .tablewrap:focus-visible{outline:2px solid var(--line-bright)}
.research table.results{border-collapse:collapse;width:100%;
  font-family:system-ui,sans-serif;font-size:13.5px;letter-spacing:0;
  line-height:1.4;color:var(--ink2)}
.research table.results th,.research table.results td{text-align:left;
  padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.research table.results thead th{color:var(--ink);font-weight:600;
  min-width:7em}
.research table.results tbody th{font-weight:400;min-width:10em}
.research table.results td.num{text-align:right;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.research table.results tr.grp th{color:var(--ink);font-weight:600;
  background:var(--field)}
.research table.results tr:last-child>*{border-bottom:0}
.research table.results code{font-size:12.5px}

.research .status{display:inline-block;font-family:system-ui,sans-serif;
  font-size:12px;letter-spacing:.02em;padding:1px 8px;border-radius:999px;
  border:1px solid var(--line-bright);color:var(--ink)}
.research .source{color:var(--ink3);font-size:14px;margin-top:30px}

@media (min-width:720px){
  .research{padding-block:56px 20px}
  .research h1{font-size:42px}
  .research .lead{font-size:21px;max-width:38ch}
  .research .facts{grid-template-columns:max-content 1fr}
  .research .facts dt{margin-top:0}
}