body[data-rsh-page="stats"] {
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 31rem),
    linear-gradient(var(--page-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--page-grid) 1px,transparent 1px),
    var(--page);
  background-size:auto,80px 80px,80px 80px,auto;
}

.s-nav {
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:76px;
  padding:1rem max(1.25rem,calc((100vw - 1240px)/2));
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--page) 88%,transparent);
  backdrop-filter:blur(18px);
}

.s-actions { display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap; }
.s-control { display:inline-flex;align-items:center;padding:3px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm); }
.s-control a { display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:38px;padding:.35rem .65rem;border-radius:9px;color:var(--muted);font-family:var(--mono);font-size:.7rem;font-weight:800;text-decoration:none; }
.s-control a[aria-current="true"] { background:var(--accent);color:var(--accent-ink); }
.s-theme,.s-back { display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:var(--muted);font-size:.78rem;font-weight:700;text-decoration:none;border:1px solid var(--border);padding:.55rem .85rem;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .2s,color .2s,transform .2s; }
.s-theme { gap:.4rem; }
.s-theme:hover,.s-theme:focus-visible,.s-back:hover,.s-back:focus-visible { color:var(--text);border-color:var(--accent-border);transform:translateY(-1px); }

.s-hero { position:relative;text-align:center;padding:clamp(4rem,9vw,7.5rem) 1.5rem 2rem;max-width:880px;margin:0 auto; }
.s-badge { display:inline-flex;align-items:center;gap:.55rem;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);font-family:var(--mono);font-size:.68rem;font-weight:800;padding:.45rem .95rem;border-radius:999px;margin-bottom:1.5rem;letter-spacing:.1em;text-transform:uppercase; }
.s-badge::before { content:'';width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 11%,transparent); }
.s-badge.is-degraded { color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,transparent);border-color:color-mix(in srgb,var(--warning) 30%,transparent); }
.s-badge.is-degraded::before { background:var(--warning);box-shadow:0 0 0 6px color-mix(in srgb,var(--warning) 11%,transparent); }
.s-hero h1 { font-size:clamp(2.6rem,7vw,5.6rem);font-weight:850;letter-spacing:-.075em;line-height:.95;margin:0 0 1.25rem; }
.s-hero h1 em { display:block;font-style:normal;color:var(--accent); }
.s-hero p { max-width:660px;margin:0 auto;color:var(--muted);font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.7; }

.s-grid { max-width:1120px;margin:2.75rem auto 0;padding:0 1.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem; }
.stat-card { position:relative;overflow:hidden;min-height:190px;background:linear-gradient(145deg,var(--surface),var(--surface-soft));border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.8rem;text-align:left;box-shadow:var(--shadow-md);transition:transform .2s,border-color .2s; }
.stat-card::after { content:'';position:absolute;right:-42px;bottom:-58px;width:130px;height:130px;border:1px solid var(--accent-border);border-radius:50%;opacity:.35; }
.stat-card:hover { transform:translateY(-4px);border-color:var(--accent-border); }
.stat-card-icon { display:grid;place-items:center;width:42px;height:42px;margin-bottom:1.3rem;border:1px solid var(--accent-border);border-radius:13px;background:var(--accent-soft);font-size:1.15rem; }
.stat-card-num { position:relative;z-index:1;font-family:var(--mono);font-size:clamp(1.65rem,3vw,2.55rem);font-weight:800;color:var(--accent);line-height:1.05;letter-spacing:-.055em; }
.stat-card-suffix { font-size:.42em;color:var(--muted);margin-left:.2rem;letter-spacing:0; }
.stat-card-lbl { position:relative;z-index:1;font-size:.82rem;color:var(--muted);margin-top:.65rem; }
.stat-highlight { max-width:1120px;margin:1rem auto 0;padding:0 1.5rem; }
.stat-highlight-lbl { font-family:var(--mono);font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;text-align:center;margin-bottom:.4rem; }
.stat-highlight-val { max-width:420px;margin:0 auto;padding:1rem 1.2rem;text-align:center;font-size:1.15rem;font-weight:800;color:var(--text);border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-soft); }
.s-foot { text-align:center;color:var(--muted);font-size:.82rem;line-height:1.7;padding:3.5rem 1.5rem 5rem;max-width:680px;margin:0 auto; }
.s-cta { display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin-top:1.5rem;background:var(--accent);color:var(--accent-ink);font-weight:850;padding:.8rem 1.5rem;border-radius:14px;text-decoration:none;box-shadow:var(--accent-shadow);transition:transform .2s,filter .2s; }
.s-cta:hover,.s-cta:focus-visible { filter:brightness(1.05);transform:translateY(-2px); }

@media (max-width:760px) {
  .s-grid { grid-template-columns:1fr 1fr;gap:.8rem; }
  .stat-card { min-height:170px;padding:1.35rem; }
}

@media (max-width:560px) {
  .s-nav { position:relative;align-items:flex-start;padding:.8rem 1rem;min-height:68px; }
  .s-actions { gap:.4rem; }
  .s-back { display:none; }
  .s-theme { min-width:44px;padding:.55rem;font-size:1rem; }
  .s-theme-label { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
  .s-hero { padding:3rem 1.1rem 1rem; }
  .s-grid { padding:0 1rem;margin-top:1.75rem; }
  .stat-card { min-height:150px; }
}

@media (max-width:420px) {
  .s-grid { grid-template-columns:1fr; }
  .stat-card { min-height:0; }
}

@media (prefers-reduced-motion:reduce) {
  .stat-card,.s-theme,.s-back,.s-cta { transition:none; }
}