.metrics-shell{width:min(1180px,100% - 48px);margin:0 auto;padding:32px 0 64px;overflow:visible}.metrics-nav{color:var(--muted);justify-content:space-between;gap:20px;font-size:.9rem;display:flex}.metrics-nav a:hover,.metrics-shell a:hover{color:var(--purple-bright)}.metrics-hero{max-width:800px;padding:54px 0 32px}.metrics-hero h1{font:600 clamp(2.6rem, 6vw, 4.8rem)/1.06 var(--display);letter-spacing:-.035em;margin:12px 0 20px}.metrics-hero>p:not(.eyebrow){color:var(--muted);max-width:690px;font-size:1.12rem}.metrics-hero a,.metrics-reading a,.metrics-breakdown a{color:var(--purple-bright);text-underline-offset:4px;margin-top:10px;text-decoration:underline;display:inline-block}.metrics-notice{border-left:3px solid var(--gold);background:var(--surface);color:var(--muted);border-radius:0 14px 14px 0;padding:18px 22px}.metrics-notice strong{color:var(--text)}.metrics-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.metrics-kpis>div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}.metrics-kpis strong{letter-spacing:-.04em;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:600;display:block}.metrics-kpis span{color:var(--muted);margin-top:4px;font-size:.85rem;display:block}.metrics-panel{border:1px solid var(--line-strong);background:var(--surface);border-radius:24px;padding:28px}.metrics-panel-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.metrics-panel-heading h2,.metrics-reading h2,.metrics-glossary h2{font:600 clamp(1.6rem, 3vw, 2.2rem)/1.15 var(--display);margin:8px 0}.metrics-reset{border:1px solid var(--line-strong);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;padding:8px 14px}.metrics-controls{grid-template-columns:2fr 1fr 1fr;gap:14px;display:grid}.metrics-panel label{color:var(--muted);flex-direction:column;gap:8px;min-width:0;font-size:.85rem;display:flex}.metrics-panel input,.metrics-panel select{width:100%;min-width:0;color:var(--text);background:var(--bg);border:1px solid var(--line-strong);border-radius:12px;min-height:48px;padding:12px;font-size:16px}.metrics-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:18px;padding:20px 0;display:flex}.metrics-toolbar fieldset{border:0;min-width:0;margin:0 auto 0 0;padding:0}.metrics-toolbar legend{color:var(--muted);margin-bottom:8px;font-size:.85rem}.metrics-segmented{flex-wrap:wrap;gap:4px;display:flex}.metrics-segmented button{background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:12px 14px}.metrics-segmented button[aria-pressed=true]{background:var(--purple);color:#fff;border-color:var(--purple)}.metrics-scope{color:var(--text);margin:22px 0 14px}.metrics-legend{color:var(--muted);flex-wrap:wrap;gap:12px 22px;margin:14px 0;padding:0;font-size:.85rem;list-style:none;display:flex}.metrics-legend li{align-items:center;gap:8px;display:inline-flex}.metrics-legend i{border-radius:3px;width:10px;height:10px}.metric-color-coasters,.metric-color-thrilling,.metric-color-total{background:#a382e4}.metric-color-water,.metric-color-moderate{background:#51b7b5}.metric-color-other{background:#e0b965}.metric-color-gentle{background:#64bd86}.metric-color-unspecified{background:#93a0ad}.metrics-hint{color:var(--muted);margin-bottom:18px;font-size:.85rem}.metrics-chart-row{text-align:left;border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;grid-template-columns:minmax(140px,30%) minmax(0,1fr) 55px;align-items:center;gap:18px;width:100%;padding:16px 4px;display:grid}.metrics-chart-row:hover,.metrics-chart-row[aria-expanded=true]{background:var(--surface-raised)}.metrics-row-label strong{font-size:.95rem;font-weight:500;display:block}.metrics-row-label small{color:var(--muted);margin-top:4px;font-size:.75rem;display:block}.metrics-bar-track{background:var(--bg);border-radius:6px;height:22px;display:block}.metrics-bar{border-radius:6px;min-width:3px;height:100%;display:flex;overflow:hidden}.metrics-bar i{height:100%;display:block}.metrics-row-total{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.metrics-breakdown{background:var(--bg);border:1px solid var(--line-strong);border-radius:16px;margin:22px 0;padding:22px}.metrics-breakdown h3{margin:0 0 12px;font-size:1.25rem}.metrics-breakdown p{color:var(--muted)}.metrics-breakdown dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metrics-breakdown dt{color:var(--muted);font-size:.8rem}.metrics-breakdown dd{margin:4px 0 0;font-size:1.15rem}.metrics-breakdown dd span{color:var(--muted);font-size:.8rem}.metrics-empty{text-align:center;background:var(--bg);border-radius:16px;padding:36px 16px}.metrics-empty button{background:var(--purple);cursor:pointer;color:#fff;border:0;border-radius:10px;padding:10px 18px}.metrics-reading{margin:48px 0}.metrics-reading>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:24px;display:grid}.metrics-reading article h3{font:600 1.3rem var(--display)}.metrics-reading article p{color:var(--muted)}.metrics-glossary{border-top:1px solid var(--line);padding-top:30px;scroll-margin-top:30px}.metrics-glossary>p{color:var(--muted)}.metrics-glossary dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin-top:26px;display:grid}.metrics-glossary dl>div{border-top:1px solid var(--line);padding:20px 0}.metrics-glossary dt{color:var(--text);margin-bottom:10px;font-size:1.08rem;font-weight:600}.metrics-glossary dd{color:var(--muted);margin:0}@media (max-width:760px){.metrics-shell{width:calc(100% - 32px);padding-top:24px}.metrics-hero{padding-top:36px}.metrics-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metrics-kpis>div{padding:16px 12px}.metrics-panel{padding:20px 14px}.metrics-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-search{grid-column:1/-1}.metrics-toolbar{gap:12px}.metrics-toolbar fieldset{width:100%}.metrics-toolbar>label{flex:1}.metrics-segmented button{padding:10px 12px}.metrics-chart-row{grid-template-columns:minmax(110px,42%) minmax(0,1fr) 38px;gap:10px}.metrics-row-label strong{font-size:.85rem}.metrics-row-label small{font-size:.7rem}.metrics-bar-track{height:18px}.metrics-breakdown dl{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-reading>div,.metrics-glossary dl{grid-template-columns:1fr;gap:0}}