/* Statistics pages. Requires tokens.css. */
.page-head{padding-top:140px;padding-bottom:40px}
.crumbs a{color:var(--blue-600);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.stats h1{font-size:clamp(38px,2.8vw + 18px,60px);line-height:1.02;letter-spacing:-.045em;max-width:15em}
.stats h1 em{font-style:normal;font-weight:300;color:var(--soft)}
.byline{color:var(--muted);font-size:15px;margin:22px 0 0}
.lead{font-size:18px;line-height:1.55;color:var(--muted);max-width:36em;margin:20px 0 0}

/* key numbers: Mercor data cells in a bordered grid */
.keynums{margin:0 56px 8px;position:relative}
@media (max-width:720px){.keynums{margin:0 20px 8px}}
.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:#fff}
.hero-num{padding:22px 22px 24px;border-left:1px solid var(--line)}
.hero-num:first-child{border-left:0}
.hero-num b{display:block;font-size:clamp(32px,1.5vw + 18px,44px);line-height:1;font-weight:500;letter-spacing:-.045em;color:var(--blue-600)}
.hero-num span{display:block;margin-top:12px;font-size:14px;line-height:1.45;color:var(--muted)}

/* layout with sticky TOC */
.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;align-items:start}
.toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}
.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.toc a{display:block;padding:7px 0 7px 14px;margin-left:-1px;border-left:1px solid transparent;font-size:14px;line-height:1.35;color:var(--muted);text-decoration:none;transition:color .15s,border-color .15s}
.toc a:hover{color:var(--ink-2)}
.toc a.on{color:var(--blue-700);border-left-color:var(--blue-600)}

.prose{max-width:740px;font-size:16.5px;line-height:1.65;color:var(--ink)}
.prose > p:first-child{font-size:19px;line-height:1.55;color:var(--ink-2)}
.prose h2{font-size:clamp(26px,1.2vw + 16px,34px);line-height:1.12;margin:64px 0 16px;scroll-margin-top:96px}
.prose h3{font-size:20px;letter-spacing:-.025em;margin:32px 0 8px}
.prose p,.prose li{color:var(--ink)}
.prose a{color:var(--blue-600);text-underline-offset:2px;text-decoration-color:var(--blue-200)}
.prose a:hover{text-decoration-color:var(--blue-600)}
.prose ol li,.prose ul li{margin:6px 0}
.prose code{font:13px var(--mono);background:#f2f2f4;padding:1px 5px;border-radius:4px}
.tablewrap{overflow-x:auto;margin:22px 0 28px;border:1px solid var(--line);border-radius:var(--r-card);background:#fff}
.prose table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.prose th,.prose td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{font:400 12px/1.3 var(--mono);color:var(--faint);background:#fafafb;white-space:nowrap}
.prose tr:last-child td{border-bottom:0}
blockquote.note{margin:28px 0;padding:22px 24px;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--r-card)}
blockquote.note p{margin:0;font-size:17px;line-height:1.55;color:var(--blue-900)}
blockquote.note p+p{margin-top:10px}
blockquote.note a{color:var(--blue-700)}

.cta-card{position:relative;overflow:hidden;display:flex;gap:28px;align-items:center;justify-content:space-between;margin:64px 0 0;padding:28px;border:1px solid var(--line);border-radius:var(--r-card);background:linear-gradient(180deg,#fafbff,#f0f4ff)}
.cta-card h3{margin:0 0 6px;font-size:22px}
.cta-card p:not(.label){margin:0;color:var(--muted)}
.related{margin:48px 0 0}
.rel-grid,.hub{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:#fff}
.res{display:flex;flex-direction:column;padding:22px;border-left:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background-color .15s}
.res:first-child{border-left:0}
.res:hover{background:var(--blue-50)}
.res .mono{color:var(--faint);font-size:11px}
.res h3{font-size:18px;line-height:1.3;letter-spacing:-.025em;margin:12px 0 18px;flex:1}
.res p{color:var(--muted);font-size:14.5px;margin:-6px 0 18px}
.res .more{font-size:14px;font-weight:500;color:var(--blue-600)}
.card{background:#fff}
.hub-head{padding-bottom:40px}
.hub-sec{padding-top:0;border-top:0}
.hub{grid-template-columns:repeat(2,1fr)}
.hub .res:nth-child(odd){border-left:0}
.hub .res:nth-child(n+3){border-top:1px solid var(--line)}
.hub .res h3{font-size:24px}

@media (max-width:1000px){
  .layout{grid-template-columns:1fr;gap:24px}
  .toc{position:static;max-height:none}
  .hero-grid{grid-template-columns:1fr 1fr}
  .hero-num:nth-child(3){border-left:0}
  .hero-num:nth-child(n+3){border-top:1px solid var(--line)}
  .rel-grid{grid-template-columns:1fr}
  .rel-grid .res{border-left:0;border-top:1px solid var(--line)}
  .rel-grid .res:first-child{border-top:0}
}
@media (max-width:720px){
  .page-head{padding-top:110px}
  .cta-card{flex-direction:column;align-items:flex-start}
  .hub{grid-template-columns:1fr}
  .hub .res{border-left:0}
  .hub .res:nth-child(n+2){border-top:1px solid var(--line)}
}