/* The long-form pages — About, News — and their quieter typography on the shared tokens,
   scoped to .page so the shared banner and footer keep their metrics. */
body{
  font:15px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
}
body{--page-max:var(--page-narrow)}
.page{padding:28px 20px 72px}
.page a{color:var(--ink-2);text-underline-offset:2px;text-decoration-thickness:1px}
.page a:hover{color:var(--ink)}
.page h1{font-size:26px;line-height:1.25;letter-spacing:-.02em;margin:0 0 6px}
.lede{color:var(--ink-2);margin:0 0 34px;font-size:15px}
h2{
  font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink-3);margin:34px 0 10px;
}
.part{
  margin:52px 0 0;padding-top:28px;border-top:1px solid var(--line);
  font-size:20px;font-weight:650;letter-spacing:-.015em;color:var(--ink);
  text-transform:none;
}
.part + h2{margin-top:22px}
.figs{
  display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 13px;padding:0;list-style:none;
}
.figs li{margin:0}
.figs b{display:block;font-size:21px;font-weight:650;letter-spacing:-.02em;color:var(--ink);
  font-variant-numeric:tabular-nums;line-height:1.2}
.figs span{font-size:12.5px;color:var(--ink-3)}
p{margin:0 0 13px}
ul{margin:0 0 13px;padding-left:20px}
li{margin-bottom:7px}
strong{font-weight:620}
.card{
  border:1px solid var(--line);background:var(--panel);border-radius:12px;
  padding:16px 18px;margin:0 0 13px;
}
.card p:last-child{margin-bottom:0}
.updated{
  margin-top:44px;padding-top:18px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--ink-3);
}