.sight-main { padding-block:24px 70px; }
.sight-hero { padding-block:34px 28px; }
.sight-hero h1 { font-size:clamp(40px,7vw,84px); line-height:1.12; margin:.25em 0; }
.sight-hero > p:not(.eyebrow),.sight-panel > p { max-width:64ch; line-height:1.75; }
.sight-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:24px 0 0; }
.sight-metrics > div,.sight-panel { border:1px solid var(--scene-line,#c49fbd55); border-radius:18px; background:var(--scene-surface,transparent); }
.sight-metrics > div { padding:12px clamp(8px,2vw,22px); }
.sight-metrics dt { font-size:13px; }
.sight-metrics dd { margin:2px 0 0; font-weight:700; font-size:clamp(17px,3vw,28px); }
.sight-panel { padding:clamp(14px,3vw,28px); }
.sight-panel-heading { display:flex; justify-content:space-between; align-items:end; flex-wrap:wrap; gap:12px; }
.sight-panel-heading h2 { margin:0; }
.sight-panel-heading label { font-size:14px; }
.sight-panel-heading label[hidden] { display:none; }
.sight-panel-heading select { color:inherit; background:#202439; padding:8px; border:1px solid #ae8eac; border-radius:8px; font:inherit; }
.light-theme .sight-panel-heading select { background:#fff4fc; }
.sight-table-wrap { overflow-x:auto; margin-block:16px; }
.sight-table { width:100%; min-width:470px; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.sight-table th,.sight-table td { padding:8px; border-bottom:1px solid var(--scene-line,#c49fbd55); text-align:center; }
.sight-table th:first-child { text-align:start; }
.sight-table tbody td[data-count] { background:color-mix(in srgb,#d197e5 var(--cell-tone),transparent); }
.sight-table tbody td:last-child { font-weight:700; }
.sight-note { font-size:14px; }
.sight-next { margin-top:24px; }
.sight-table-wrap:focus-visible { outline:2px solid currentColor; outline-offset:2px; }