:root{color-scheme:dark}
/* Existing MVP shell: compact single-row navigation and two-column dashboards. */
body { margin:0; background:var(--color-bg); color:var(--color-text); font-family:var(--font-family); font-size:var(--text-body); line-height:var(--line-body); overflow-x:hidden; }
.page-width { width:100%; max-width:var(--content-width); margin-inline:auto; padding-inline:var(--content-gutter); }
.topbar { --header-content-inset:0px; position:sticky; top:0; height:var(--header-height); z-index:var(--z-navigation); isolation:isolate; background:transparent; }
/* One small spring overshoot; opacity and page height remain steady. */
.topbar::before { content:""; position:absolute; z-index:0; pointer-events:none; inset-block:var(--space-8); inset-inline:max(calc(var(--content-gutter) - var(--header-overhang)), env(safe-area-inset-left, 0px), calc((100% - var(--content-width)) / 2 + var(--content-gutter) - var(--header-overhang))) max(calc(var(--content-gutter) - var(--header-overhang)), env(safe-area-inset-right, 0px), calc((100% - var(--content-width)) / 2 + var(--content-gutter) - var(--header-overhang))); border:var(--border-width) solid var(--border-panel); border-top-color:var(--border-panel-top); border-radius:var(--radius-segment); background:var(--surface-header-sheen),var(--surface-header); box-shadow:var(--shadow-header); opacity:0; transform:translateY(calc(-1 * var(--space-4))) scale(1.015,.97); transform-origin:center top; transition:opacity var(--motion-slow) var(--motion-ease),transform var(--motion-header) var(--motion-ease-header); }
.topbar.is-scrolled { --header-content-inset:var(--space-16); }
.topbar.is-scrolled::before { opacity:1; transform:translateY(0) scale(1); }
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 .topbar::before { background:var(--surface-header-sheen),var(--surface-header-glass); -webkit-backdrop-filter:var(--filter-header-glass); backdrop-filter:var(--filter-header-glass); }
}
@media(prefers-reduced-transparency:reduce) {
 .topbar::before { background:var(--color-surface); -webkit-backdrop-filter:none; backdrop-filter:none; }
}
.topbar-inner { position:relative; z-index:1; height:100%; max-width:var(--content-width); margin-inline:auto; padding-inline:calc(max(var(--content-gutter), env(safe-area-inset-left, 0px)) + var(--header-content-inset)) calc(max(var(--content-gutter), env(safe-area-inset-right, 0px)) + var(--header-content-inset)); display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:var(--space-24); transition:padding-inline-start var(--motion-header) var(--motion-ease-header),padding-inline-end var(--motion-header) var(--motion-ease-header); }
.topbar .brand { grid-column:1; grid-row:1; }
.topbar .main-nav,.topbar .live-label,.dashboard>.index-rail { display:none; }
.account-header-link { grid-column:3; grid-row:1; max-width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.header-index-menu { grid-column:2; grid-row:1; min-width:0; width:100%; }
.index-nav-header { display:flex; align-items:center; gap:var(--space-4); padding:var(--space-4); overflow-x:auto; overflow-y:hidden; scrollbar-width:none; scroll-snap-type:x proximity; }
.index-nav-header>a { display:flex; align-items:center; gap:var(--space-8); flex:none; min-height:40px; padding:var(--space-6) var(--space-12); color:var(--color-muted); font-size:var(--text-control); border-radius:var(--radius-control); white-space:nowrap; scroll-snap-align:center; }
.index-nav-header>a:first-child { margin-inline-start:auto; }
.index-nav-header>a:last-child { margin-inline-end:auto; }
.index-nav-header>a:hover { background:var(--color-hover); color:var(--color-text); }
.index-nav-header>a.selected { background:transparent; color:var(--color-text); box-shadow:none; }
.index-nav-header .index-logo { width:22px; height:22px; }
.index-nav-header .index-monogram { font-size:var(--text-body); line-height:22px; }
.dashboard { display:block; position:relative; }
.hero { padding:var(--space-32) 0; position:relative; isolation:isolate; }
.hero-heading,.hero-title-group { display:flex; align-items:center; gap:var(--space-16); min-width:0; }
.hero-heading { justify-content:space-between; margin-bottom:var(--space-24); }
.project-dashboard .hero { padding-bottom:var(--space-24); }
.project-dashboard .hero-heading { margin-bottom:0; }
.hero-avatar { display:grid; place-items:center; width:44px; height:44px; flex:none; }
.hero-avatar>img { width:44px; height:44px; object-fit:contain; border-radius:var(--radius-control); }
.hero-description { max-width:680px; color:var(--color-muted); margin-block:var(--space-16); }
.content-grid,.project-dashboard .content-grid { display:grid; align-items:start; grid-template-columns:minmax(0,1fr) var(--sidebar-width); gap:var(--layout-gap); }
.main-column,.side-column,.project-dashboard .main-column,.project-dashboard .side-column { display:flex; flex-direction:column; min-width:0; gap:var(--section-gap); }
/* Project overview spans the page; the catalogue and sidebar share the next row. */
.project-overview { display:grid; grid-column:1/-1; grid-template-columns:minmax(0,1fr); row-gap:var(--space-24); min-width:0; width:100%; }
.project-overview>* { grid-column:1; min-width:0; }
.ambient { position:fixed; pointer-events:none; z-index:-1; width:720px; height:720px; border-radius:50%; filter:blur(100px); opacity:.12; background:var(--color-accent); }
.ambient-one { right:-240px; top:-300px; }
.ambient-two { left:-420px; top:35%; opacity:.04; }
body[data-page="home"] .page-cover { display:none; }
@media(max-width:800px) {
 .topbar { height:auto; min-height:var(--header-height); padding-block:var(--space-16); }
 .topbar-inner { height:auto; display:flex; flex-wrap:wrap; gap:var(--space-8); }
 .topbar .brand>img { width:26px; height:26px; }
 .account-header-link { margin-inline-start:auto; }
 .header-index-menu { flex:0 0 100%; }
 .index-nav-header>a { min-height:36px; font-size:var(--text-small); }
 .hero { padding:var(--space-24) 0; }
 .hero-title-group { gap:var(--space-12); }
}
@media(min-width:681px) and (max-width:1100px) {
 .content-grid,.project-dashboard .content-grid { grid-template-columns:minmax(0,1fr); }
 .side-column,.project-dashboard .side-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
}
@media(max-width:680px) {
 .content-grid,.project-dashboard .content-grid { display:flex; flex-direction:column; }
 .side-column { width:100%; }
}
/* All content panels share this material. Component rules only define layout; controls keep their interaction states. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-measured-height, var(--header-height)) + var(--space-16))}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}a,button,input,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent)}img{max-width:100%}button{border:0}button:hover,a:hover{color:var(--color-text)}[hidden]{display:none!important}h1,h2,p{margin:0}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:700;letter-spacing:-1.2px}.brand img{border-radius:11px}.brand-light{font-weight:400}.live-label{font-weight:500;letter-spacing:1.6px;display:flex;align-items:center;gap:var(--space-8);color:var(--color-muted)}.status-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px color-mix(in srgb, var(--color-success) 20%, transparent)}.status-dot.unknown{background:var(--color-muted);box-shadow:none}.live-label .status-dot{width:5px;height:5px}
.index-logo{display:block;width:32px;height:32px;flex:none;fill:none}
.index-monogram{font-size:22px;line-height:32px;font-weight:600;letter-spacing:-1px}
.hero-avatar .index-logo{width:40px;height:40px;color:var(--color-text)}
.index-symbol .index-logo{width:42px;height:42px}
.page-content{min-width:0}.hero-cover{position:absolute;top:0;left:-20px;right:-38px;width:calc(100% + 58px);height:330px;object-fit:cover;z-index:-2;opacity:.48;mask-image:linear-gradient(#000 35%,transparent 100%)}.breadcrumbs{display:flex;gap:var(--space-12);color:var(--color-muted);margin-bottom:28px}.breadcrumbs a{color:var(--color-muted)}.eyebrow{letter-spacing:1.6px;color:var(--color-accent-text);font-weight:500}.hero h1{display:flex;gap:var(--space-12);align-items:center;margin-top:5px;overflow-wrap:anywhere}.hero h1 .icon-verified{flex:none}.update-pill{display:flex;align-items:center;gap:var(--space-8);white-space:nowrap;font-size:10px;color:var(--color-muted);border-radius:30px;padding:9px 13px;align-self:center;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 2%, transparent);background:color-mix(in srgb, var(--color-accent) 3.1%, transparent);backdrop-filter:blur(12px)}.update-pill.is-stale{color:var(--amber)}.update-pill.is-stale .status-dot{background:var(--amber)}.update-pill.is-refreshing .status-dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-success) 10.2%, transparent)}.stats-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr 1.15fr;gap:var(--space-12)}.stat-card{position:relative;overflow:hidden}.stat-label{display:flex;align-items:center;gap:var(--space-8)}.stat-card>strong{display:block;margin:13px 0 var(--space-8);font-variant-numeric:tabular-nums;position:relative;z-index:1}.stat-card strong small{letter-spacing:-.4px}.stat-spark{position:absolute;right:12px;bottom:15px;font-size:100px;line-height:1;color:color-mix(in srgb, var(--color-accent-text) 9.8%, transparent);transform:rotate(-16deg);pointer-events:none}.number-up{color:var(--color-success)!important}.number-down{color:var(--color-danger)!important}[data-stat]{transition:color .6s}.section-heading .icon{opacity:.8}.section-note{color:var(--color-muted);white-space:nowrap}.icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:none}.icon img{display:block;max-width:none}.icon-chart{transform:scale(.8);margin:-2px}.icon-bars{opacity:.75}.segmented button[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-text) 4.3%, transparent)}.segmented button>span:not(.icon){font-size:9px;color:var(--color-accent-text);margin-left:5px}.search input::placeholder{color:var(--color-muted)}.search .icon{transform:scale(.8);margin:-2px}.icon-button .icon{transform:scale(.82)}.icon-button[aria-expanded=true]{border-color:color-mix(in srgb, var(--color-accent) 50.2%, transparent);background:color-mix(in srgb, var(--color-accent) 13.3%, transparent)}.view-toggle img{opacity:.6}.view-toggle [aria-pressed=true] img{opacity:1}
.filter-panel{display:flex;flex-wrap:wrap;gap:14px;padding:var(--panel-padding);margin-bottom:14px;border-radius:18px;align-items:end}.filter-panel>label{display:grid;gap:var(--space-6);color:var(--color-muted);font-size:10px}.filter-panel select{padding:var(--space-8) var(--space-24) var(--space-8) var(--space-10);color:var(--color-text);background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-text) 8.2%, transparent);border-radius:9px;max-width:160px;font-size:11px}.filter-panel input{accent-color:var(--color-accent)}.table-panel{overflow:hidden}.table-scroll{scrollbar-color:var(--color-accent) transparent;scrollbar-width:thin}.catalog-table{border-collapse:separate;border-spacing:0;width:100%}.catalog-table th{text-align:right;font-weight:400;border-bottom:1px solid var(--line);white-space:nowrap}.catalog-table th:first-child{text-align:left;padding-left:var(--panel-padding-compact)}.catalog-table th.language-column{width:11%}.catalog-table th.row-arrow{width:25px}.catalog-table th button{background:none;color:inherit;padding:0;white-space:nowrap}.catalog-table th button>span{font-size:11px;margin-left:3px}.catalog-table th .sorted{color:var(--color-accent-text)}.catalog-table td{border-bottom:1px solid color-mix(in srgb, var(--color-accent) 4.5%, transparent)}.catalog-table tr:last-child td{border-bottom:0}.catalog-table td:first-child{padding-left:var(--panel-padding-compact)}.catalog-table tbody tr{transition:background var(--motion-standard)}.catalog-table tbody tr:hover{background:color-mix(in srgb, var(--color-accent) 4.5%, transparent)}.entity-link{display:flex;align-items:center;gap:var(--space-10);min-width:0}.entity-avatar{width:34px;height:34px;flex:none;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb, var(--color-accent) 14.1%, transparent),color-mix(in srgb, var(--color-accent) 3.1%, transparent));border:1px solid color-mix(in srgb, var(--color-accent) 7.8%, transparent);color:var(--color-accent-text);display:grid;place-items:center;font-size:15px;font-weight:600;overflow:hidden}.entity-avatar img{width:100%;height:100%;object-fit:contain}.entity-copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-6)}.entity-copy strong{letter-spacing:-.15px;display:flex;gap:var(--space-4);align-items:center;overflow-wrap:anywhere}.entity-copy .icon-verified{transform:scale(.68);margin:-3px}.row-tags{display:flex;gap:var(--space-4);flex-wrap:wrap}.tag.bonus{color:var(--color-accent-text);background:color-mix(in srgb, var(--color-accent) 9.4%, transparent);border-color:color-mix(in srgb, var(--color-accent) 10.2%, transparent)}.tag.muted{color:var(--color-accent-text);background:color-mix(in srgb, var(--color-warning) 3.9%, transparent)}.language-column{text-align:right}.language-tag{border:1px solid color-mix(in srgb, var(--color-text) 4.3%, transparent);background:color-mix(in srgb, var(--color-text) 1.2%, transparent);padding:2px 5px;border-radius:4px;color:var(--color-muted);white-space:nowrap;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.peak-cell{color:var(--color-accent-text)}.online-cell .status-dot{height:4px;width:4px;margin:0 7px 2px 0}.row-arrow a{display:block;text-align:center;font-size:13px;color:var(--color-accent-text)}.catalog-table tr:hover .row-arrow a{color:var(--color-accent-text)}.catalog-bottom button span{margin-left:var(--space-8)}.empty-state{text-align:center}
.chart-section-heading{flex-wrap:wrap}
.chart-panel{overflow:hidden}
.chart-toolbar{display:flex;justify-content:space-between;gap:var(--space-12);align-items:center;flex-wrap:wrap;min-height:32px;margin-bottom:var(--space-8)}
.chart-periods{padding:var(--space-4);background:color-mix(in srgb, var(--color-bg) 25%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 3.5%, transparent);flex:none}
.chart-periods button{font-size:10px;min-height:29px;padding:var(--space-6) 13px}
.chart-tools{display:flex;gap:3px;margin-left:auto}
.chart-tools button:last-child{font-size:10px}.chart-tools button:hover{background:color-mix(in srgb, var(--color-accent) 10.2%, transparent);color:var(--color-accent-text)}
.chart-range{text-align:left;flex:1;min-width:150px}
.chart-plot{position:relative;min-height:220px;cursor:crosshair;touch-action:pan-y;user-select:none}
.chart-plot.is-dragging{cursor:grabbing}.chart-plot svg{display:block;width:100%;height:auto;overflow:visible}
.chart-loading{height:340px;display:grid;place-items:center;font-size:12px;color:var(--color-accent-text)}
.chart-tooltip{position:absolute;top:10px;min-width:190px;max-width:min(280px,calc(100% - 8px));z-index:5;pointer-events:none;padding:17px 19px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb, var(--color-bg) 97%, transparent),color-mix(in srgb, var(--color-bg) 97%, transparent));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--color-accent) 14.1%, transparent);border-top-color:color-mix(in srgb, var(--color-accent) 20.8%, transparent);box-shadow:0 12px 36px color-mix(in srgb, var(--color-bg) 33.3%, transparent);color:var(--color-accent-text)}
.chart-tooltip strong{line-height:1.5;font-weight:500;display:block;margin-bottom:var(--space-12);color:var(--color-text)}
.chart-tooltip div{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:5px 0}
.chart-tooltip-label{display:inline-flex;align-items:center;gap:7px}.chart-tooltip-label i{width:6px;height:6px;flex:none;border-radius:50%}
.chart-tooltip b{font-weight:500;color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.chart-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-10);margin-top:var(--space-8)}
.chart-status{text-align:right;flex:none}
.compact-chart{padding-top:14px}.compact-chart .chart-plot{min-height:160px}.compact-chart .chart-plot svg{min-height:160px}
.description-panel h2{margin-bottom:var(--space-12)}.prose{color:var(--color-muted);overflow-wrap:anywhere}.prose p+p{margin-top:var(--space-12)}
.info-panel>.eyebrow{color:var(--color-accent-text);letter-spacing:1.4px}.facts{margin:var(--space-20) 0 0}.facts>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.facts>div:last-child{margin-bottom:0}.facts dt{flex:none}.facts dd{text-align:right;margin:0;display:flex;gap:var(--space-4);justify-content:flex-end;align-items:center;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}.facts dd .icon-verified{transform:scale(.8)}.facts dd .icon img{opacity:.75}.social-links{display:flex;gap:7px;margin-top:23px;padding-top:18px;border-top:1px solid var(--line);flex-wrap:wrap}.social-links a{display:grid;place-items:center;background:linear-gradient(140deg,color-mix(in srgb, var(--color-text) 6.3%, transparent),color-mix(in srgb, var(--color-text) 1.2%, transparent));border:1px solid color-mix(in srgb, var(--color-text) 6.7%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 3.1%, transparent)}.social-links .icon{transform:scale(.66)}.info-note{margin-top:19px}.download-button{width:100%;margin-top:var(--space-12)}.download-button:hover{filter:brightness(1.15);transform:translateY(-1px)}.download-button .icon{transform:scale(.7);margin:-3px}.bonus-note{padding:var(--space-12);margin-top:18px;border-radius:12px;color:var(--color-accent-text);background:color-mix(in srgb, var(--color-accent) 4.7%, transparent);font-size:10px;overflow-wrap:anywhere}.bonus-note span{display:block;color:var(--color-accent-text);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.copy-address{margin-top:18px;width:100%;overflow-wrap:anywhere}
.records-panel>a{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:15px 0}.records-panel>a+a{border-top:1px solid var(--line)}.record-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.records-panel strong{background:color-mix(in srgb, var(--color-accent) 9%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 8.6%, transparent);border-radius:30px;padding:3px var(--space-8);color:var(--color-accent-text);font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.indices-teaser .eyebrow{color:var(--color-accent-text)}.indices-teaser h2{margin-top:var(--space-10)}.indices-teaser p{margin:var(--space-12) 0 17px}.indices-teaser>a{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12);padding:11px 0;border-top:1px solid var(--line);color:var(--color-accent-text)}.indices-teaser .all-indices{color:var(--color-accent-text);padding-bottom:0}.data-note{display:flex;align-items:flex-start;gap:9px;padding:0 9px}.data-note .status-dot{margin-top:var(--space-4);width:4px;height:4px;background:var(--color-accent);box-shadow:none}.data-note p{color:var(--color-accent-text)}
.comparison-view{padding:var(--panel-padding)}.comparison-view .chart-plot{min-height:220px}.comparison-legend{display:flex;gap:var(--space-12);flex-wrap:wrap;margin:5px 0 15px;color:var(--color-accent-text)}.comparison-legend i{height:6px;width:6px;border-radius:50%}.comparison-title{display:block;color:var(--color-accent-text);margin-bottom:var(--space-10)}.comparison-note{color:var(--color-accent-text);margin:var(--space-10) 0}
.site-footer{display:flex;justify-content:space-between;gap:var(--space-30);align-items:start;border-top:1px solid color-mix(in srgb, var(--color-text) 2.7%, transparent);padding-top:var(--space-32);padding-bottom:var(--space-32);margin-top:var(--space-60)}.site-footer .brand{font-size:22px}.site-footer>div>p{color:var(--color-muted);margin-top:var(--space-10)}.footer-note{color:var(--color-muted);margin-top:var(--space-8)}.footer-links{display:flex;flex-direction:column;gap:var(--space-8);align-items:flex-end;color:var(--color-accent-text)}.footer-links span{color:var(--color-muted);margin-top:7px}.simple-page{padding-top:65px;min-height:65vh}.simple-page h1{margin-top:var(--space-12)}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-20);margin:var(--space-30) 0}.index-card{transition:background var(--motion-standard)}.index-card:hover{background:linear-gradient(130deg,color-mix(in srgb, var(--color-accent) 13.3%, transparent),color-mix(in srgb, var(--color-accent) 3.1%, transparent))}.index-card h2{margin:var(--space-20) 0 var(--space-12)}.index-card p{color:var(--color-accent-text)}.index-symbol{font-size:34px;color:var(--color-accent-text)}.index-open{display:block;margin-top:var(--space-24);color:var(--color-accent-text)}.back-link{display:inline-block;margin-top:var(--space-20);color:var(--color-accent-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--color-accent);color:var(--color-bg);padding:var(--space-12);border-radius:10px}.skip-link:focus{top:14px}

@media(max-width:1200px){.catalog-table th:first-child{padding-left:var(--panel-padding-compact)}.catalog-table td:first-child{padding-left:var(--panel-padding-compact)}.entity-avatar{width:30px;height:30px}.update-pill{font-size:9px}.chart-periods button{padding:5px var(--space-8)}}
@media(max-width:980px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}.update-pill{padding:var(--space-8) var(--space-10)}.chart-summary{align-items:start}.chart-summary .stat-label{font-size:8px}.chart-summary strong{font-size:23px}.chart-summary small{display:block;margin:2px 0 0}.chart-plot{min-height:190px}.facts>div{gap:9px}.brand{font-size:23px}.footer-note{max-width:250px}.site-footer{gap:var(--space-20)}}
@media(max-width:800px){.index-monogram{font-size:20px;line-height:32px}.breadcrumbs{margin-bottom:var(--space-20)}.stats-grid{gap:var(--space-10)}.update-pill{max-width:210px}.main-nav .nav-about{display:none}.live-label{letter-spacing:1px}.chart-toolbar{gap:var(--space-12)}.chart-tools{margin-left:auto}.index-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.brand{font-size:22px;gap:var(--space-6)}.brand img{width:32px;height:32px}.live-label{display:none}.hero-avatar .index-logo{width:32px;height:32px}.breadcrumbs{margin-bottom:19px;gap:9px}.hero .eyebrow{letter-spacing:1.2px}.update-pill{position:absolute;top:20px;right:0;padding:0;background:none;border:0;font-size:8px;box-shadow:none;backdrop-filter:none}.update-pill .status-dot{width:4px;height:4px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10)}.stat-card>strong{margin:var(--space-10) 0 7px}.main-column,.side-column{width:100%}.catalog-table th:first-child{padding-left:var(--panel-padding-compact)}.catalog-table td:first-child{padding-left:var(--panel-padding-compact)}.catalog-table th.row-arrow{width:18px}.catalog-table th button>span{margin-left:1px;font-size:9px}.entity-link{gap:var(--space-8)}.entity-avatar{width:28px;height:28px;border-radius:10px;font-size:13px}.online-cell .status-dot{width:3px;height:3px;margin-right:var(--space-4)}.row-arrow a{font-size:11px}.chart-toolbar{gap:var(--space-10);flex-wrap:wrap}.chart-periods button{font-size:8px;padding:5px 9px;min-height:27px}.chart-tools{gap:0}.chart-tools button:last-child{font-size:8px}.chart-summary{margin-top:17px}.chart-summary strong{font-size:26px}.chart-summary small{display:inline-block;margin-left:var(--space-6);font-size:8px}.chart-summary .stat-label{font-size:8px}.chart-range{max-width:43%}.chart-plot{min-height:180px}.chart-plot svg{min-height:180px}.chart-status{max-width:43%}.chart-legend{gap:var(--space-4)}.side-column>section:first-child{grid-column:1/-1}.facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16) 22px}.facts>div{margin:0;display:flex;flex-direction:column;align-items:start;gap:7px}.facts dd{text-align:left;justify-content:flex-start}.social-links{margin-top:19px;padding-top:17px}.records-section{grid-column:1/-1}.records-panel>a{padding:14px 0}.indices-teaser{grid-column:1/-1}.data-note{grid-column:1/-1}.site-footer{margin-top:36px;padding-top:25px;padding-bottom:var(--space-24);flex-wrap:wrap;gap:22px}.site-footer>div:first-child{flex:1}.site-footer .brand{font-size:22px}.footer-note{order:3;width:100%;max-width:none;margin-top:0}.index-grid{grid-template-columns:1fr;gap:15px}.simple-page{padding-top:36px}.filter-panel{gap:var(--space-12)}.filter-panel select{max-width:145px}}
@media(max-width:390px){.entity-avatar{display:none}.stats-grid{gap:var(--space-8)}.chart-tools{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(prefers-reduced-transparency:reduce){.chart-tooltip{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--glass-solid)}.hero-cover{opacity:.15}}

/* Keep decorative glass reflections inside the viewport. */
html{overflow-x:clip}body{position:relative;overflow-x:clip}

@media(max-width:680px){

  .chart-periods button{font-size:9px;min-height:34px}.chart-tools button:last-child{font-size:9px}
  .chart-legend{flex-wrap:wrap}.chart-summary .stat-label{font-size:9px}
}

.index-nav-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;max-width:100%;min-width:0}.hero-avatar .icon-lines img{width:28px;height:28px}

@media(max-width:680px){
  .chart-periods{width:100%;justify-content:space-between}.chart-periods button{font-size:10px;padding:7px 13px;min-height:32px}
  .chart-toolbar{gap:5px;margin-bottom:5px}.chart-range{max-width:none;min-width:150px;flex:1}.chart-tools{margin-left:auto}.chart-tools button:last-child{font-size:9px}
  .chart-loading{height:260px}.chart-tooltip{min-width:165px;padding:13px 14px;border-radius:17px}.chart-hint{max-width:80%;margin:0;padding:0;border:0}.chart-status{max-width:none}.chart-bottom{align-items:start;gap:var(--space-8)}
}

/* Public headers, measured comparisons and compact weekly history. */
main{position:relative;z-index:1}.page-cover{position:absolute;top:var(--header-measured-height, var(--header-height));left:0;width:100%;height:420px;overflow:hidden;pointer-events:none;z-index:0}.page-cover img{width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:.88}.page-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb, var(--color-bg) 12.5%, transparent) 0%,color-mix(in srgb, var(--color-bg) 31.4%, transparent) 26%,color-mix(in srgb, var(--color-bg) 65.1%, transparent) 60%,var(--color-surface) 100%)}.cover-mesh{position:absolute;inset:0;background:url("images/cover-mesh.b735c0150907.svg") center/cover no-repeat;opacity:.65;z-index:1}.breadcrumbs{color:color-mix(in srgb, var(--color-text) 70.2%, transparent);margin-bottom:var(--space-24)}.breadcrumbs a{color:color-mix(in srgb, var(--color-text) 78.8%, transparent)}.hero-avatar .index-logo{width:44px;height:44px;color:white}.hero h1{text-shadow:0 2px 18px color-mix(in srgb, var(--color-bg) 26.7%, transparent)}.hero .eyebrow{color:color-mix(in srgb, var(--color-text) 78%, transparent)}.update-pill{background:color-mix(in srgb, var(--color-bg) 25.1%, transparent);color:var(--color-text);border-color:color-mix(in srgb, var(--color-text) 14.1%, transparent)}
.stats-grid{grid-template-columns:1.05fr 2.15fr 1.05fr .85fr;gap:var(--space-12)}.stat-caption{display:block}.stat-value{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap;margin:var(--space-10) 0 5px}.stat-value strong{font-variant-numeric:tabular-nums;white-space:nowrap}.stat-value .status-dot{width:5px;height:5px}.stat-value #hero-change{display:inline-flex}.record-breakdown strong{display:block;white-space:nowrap;font-variant-numeric:tabular-nums;margin:var(--space-10) 0 5px}.leader-card{display:flex;gap:var(--space-12);align-items:center;min-width:0}.leader-card>div{min-width:0}.leader-name{display:block;font-weight:500;margin:var(--space-8) 0 var(--space-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.online-change{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums}.change-up{color:var(--color-success)}.change-down{color:var(--color-danger)}.change-flat{color:var(--color-muted)}
.entity-avatar{position:relative;overflow:visible;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--color-surface)}.avatar-image{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:inherit}.avatar-image>img{width:100%;height:100%;object-fit:cover}.entity-online{position:absolute;right:-1px;top:-1px;width:10px;height:10px;border-radius:50%;background:var(--color-success);border:2.5px solid var(--color-bg);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-success) 22%, transparent);z-index:2}.language-flags,.row-mobile-flags{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.language-flag{display:inline-block;flex:none;width:18px;height:13px;object-fit:cover;border-radius:1px;filter:none!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-text) 5.1%, transparent);vertical-align:middle}.language-fallback{color:var(--color-accent-text)}.language-empty{color:var(--color-accent-text)}.row-mobile-flags{display:none}.facts dd{flex-wrap:wrap;gap:var(--space-6)}.facts .language-flag{width:20px;height:15px}.social-links{flex-wrap:wrap;gap:7px}.social-links a{background:color-mix(in srgb, var(--color-text) 3.1%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 2.4%, transparent)}.social-links .icon{width:16px;height:16px}
.table-scroll{scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--color-bg)}.catalog-table{width:100%}.catalog-table th{white-space:nowrap}.catalog-table th:first-child{padding-left:var(--panel-padding-compact)}.catalog-table td:first-child{padding-left:var(--panel-padding-compact)}.catalog-table th button>span{margin-left:2px}.entity-link{gap:9px}.entity-avatar{width:32px;height:32px}.entity-copy{min-width:0}.entity-copy .row-tags{min-height:12px}.queue-cell{color:var(--color-accent-text)}.spark-cell{padding-right:14px}.sparkline{width:100%;height:38px;max-width:130px;display:block;margin-left:auto;pointer-events:none;color:var(--color-success)}.spark-up{color:var(--color-success)}.spark-down{color:var(--color-danger)}.spark-flat{color:var(--color-accent-text)}.spark-empty{display:block;text-align:center;color:var(--color-muted)}.spark-header{text-align:right}.section-more{color:var(--color-accent-text);margin-left:auto}.simple-page>.hero-description{max-width:600px;color:color-mix(in srgb, var(--color-text) 73.3%, transparent)}

@media(max-width:1200px){.stats-grid{grid-template-columns:1fr 2.1fr 1fr 1fr;gap:9px}.stat-value{gap:5px}}
@media(max-width:980px){.stats-grid{grid-template-columns:1fr 2.2fr 1fr}.stats-grid .summary-card{grid-column:1/-1;min-height:0;display:flex;align-items:center;gap:14px;padding:var(--space-10) var(--space-16)}.stats-grid .summary-card .stat-value{margin:0}.stats-grid .summary-card .stat-value strong{font-size:18px}.page-cover{height:440px}}
@media(max-width:800px){.page-cover{height:490px}.hero .update-pill{align-self:start}.hero-avatar .index-logo{width:38px;height:38px}}
@media(max-width:680px){.page-cover{height:clamp(340px,100vw,460px)}.page-cover img{object-position:48% 20%;opacity:.8}.page-cover:after{background:linear-gradient(180deg,color-mix(in srgb, var(--color-bg) 18.8%, transparent),color-mix(in srgb, var(--color-bg) 37.6%, transparent) 35%,var(--color-surface) 95%)}.brand{font-size:20px;gap:5px}.brand img{width:28px;height:28px}.breadcrumbs{margin-bottom:var(--space-20)}.hero-avatar .index-logo,.hero-avatar>img{width:36px;height:36px}.hero .update-pill{position:static;font-size:8px;padding:0;max-width:none;color:var(--color-accent-text);background:none;box-shadow:none;border:0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stats-grid>.summary-card{display:block}.stat-card.record-card{grid-column:1/-1;grid-row:2;min-height:104px;padding:17px}.stat-card.leader-card{display:flex}.stat-value{margin-top:9px}.stats-grid>.summary-card{grid-column:1/-1;min-height:0;display:flex;align-items:center;gap:var(--space-12);padding:11px var(--space-16)}.stats-grid>.summary-card .stat-value{margin:0}.stats-grid>.summary-card .stat-value strong{font-size:18px}.stats-grid>.summary-card .stat-caption{margin-left:auto}.catalog-table th:first-child,.catalog-table td:first-child{padding-left:var(--panel-padding-compact)}.entity-avatar{display:grid;width:28px;height:28px}.entity-link{gap:9px}.entity-online{width:9px;height:9px;border-width:2px}.spark-cell{padding-right:var(--space-12)}.facts .language-flag{width:22px;height:16px}}
@media(prefers-reduced-transparency:reduce){.page-cover img{opacity:.45}}
@media(max-width:680px){.leader-name{white-space:normal}}
/* Column order and visibility priority: online, queue, peak, count, language, changes, history. */
.table-panel{container-type:inline-size;container-name:catalog}
/* Readable column widths and responsive priorities live in typography.css. */

/* A quiet page title and a live, accessible dominance gauge. */
.leader-card{position:relative;gap:var(--space-10);overflow:visible}
.domination-toggle{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-accent-text);cursor:pointer;transition:color var(--motion-standard),transform var(--motion-standard)}
.domination-toggle:hover{color:var(--color-accent-text);transform:scale(1.06)}
.domination-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.domination-toggle:disabled{color:var(--color-muted);cursor:default;transform:none}
.domination-icon{display:block;width:40px;height:40px;overflow:visible}
.domination-track{opacity:.09}
.domination-arc{transition:stroke-dasharray .65s ease}
.domination-copy{flex:1;min-width:0}
.domination-tooltip{position:absolute;right:0;top:calc(100% + 10px);z-index:5;width:max-content;max-width:min(260px,calc(100vw - 32px));padding:15px 17px;border:1px solid color-mix(in srgb, var(--color-accent) 18.8%, transparent);border-radius:16px;background:color-mix(in srgb, var(--color-bg) 96.1%, transparent);box-shadow:0 12px 32px color-mix(in srgb, var(--color-bg) 33.3%, transparent);backdrop-filter:blur(20px);color:var(--color-accent-text);pointer-events:auto}
.domination-tooltip>strong{display:block;color:var(--color-text);font-weight:500;margin-bottom:7px;overflow-wrap:anywhere}
.domination-tooltip b{color:var(--color-accent-text);font-size:19px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:680px){.leader-card{gap:var(--space-8)}.domination-icon{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.domination-toggle,.domination-arc{transition:none}}
@media(max-width:359px){.leader-card{padding:var(--space-12);gap:var(--space-6)}}
/* Fade the whole cover, including the mesh, into the actual page background. */
.page-cover{--cover-fade:linear-gradient(180deg,#000 0%,#000 20%,rgba(0,0,0,.96) 35%,rgba(0,0,0,.78) 50%,rgba(0,0,0,.48) 65%,rgba(0,0,0,.18) 80%,rgba(0,0,0,.03) 92%,transparent 100%);-webkit-mask-image:var(--cover-fade);mask-image:var(--cover-fade);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}

/* Compact, flat index navigation on phones and narrow tablets. */
@media(max-width:800px){
  .index-nav-label{display:block;white-space:nowrap;overflow-wrap:normal;max-width:150px;text-overflow:ellipsis;overflow:hidden}
}

/* Optional blocks must not leave holes, including after a live refresh. */
[data-empty="true"]{display:none!important}
.dashboard .content-grid:has(>.side-column[data-empty="true"]){grid-template-columns:minmax(0,1fr)}

.stats-grid:has(>[data-empty="true"]){display:flex;flex-wrap:wrap}
.stats-grid:has(>[data-empty="true"])>.stat-card{flex:1 1 190px;grid-column:auto;grid-row:auto}
.stats-grid:has(>[data-empty="true"])>.record-card{flex:2 1 290px}
@media(max-width:680px){.stats-grid:has(>[data-empty="true"])>.stat-card{flex-basis:45%}.stats-grid:has(>[data-empty="true"])>.record-card{flex-basis:100%;order:1}}

.dashboard:not(:has(>.index-rail)){grid-template-columns:minmax(0,1fr)}

/* Equal-width record cells: identical padding and dividers at each boundary. */
.stat-card.record-card{--record-cell-padding:var(--space-20);padding-inline:0}
.record-breakdown{display:flex;gap:0;height:100%;align-items:stretch}
.record-breakdown>div{flex:1 1 0;min-width:0;position:relative;padding:0 var(--record-cell-padding);display:flex;flex-direction:column;justify-content:center}
.record-breakdown>div:not([data-empty="true"])~div:not([data-empty="true"]):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:color-mix(in srgb, var(--color-accent) 7.1%, transparent)}
@media(max-width:1200px){.stat-card.record-card{--record-cell-padding:var(--space-16)}}
@media(max-width:680px){.stat-card.record-card{--record-cell-padding:var(--space-16)}}
@media(max-width:359px){.stat-card.record-card{--record-cell-padding:10px}}

/* Index counts live in the catalog switch; the remaining summary fills the row. */
.stats-grid.index-stats,.stats-grid.server-stats{grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--sidebar-width);gap:var(--index-metric-gap)}
@media(max-width:980px){.stats-grid.index-stats,.stats-grid.server-stats{grid-template-columns:1fr 2.2fr 1fr}}
@media(max-width:680px){.stats-grid.index-stats,.stats-grid.server-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.page-cover>picture{display:contents}

/* Editorial integrity labels remain visible beside a provider counter. */
.tag.fake-online{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 13%, transparent);border:1px solid color-mix(in srgb, var(--color-warning) 35%, transparent)}
.online-integrity-notice{max-width:760px;margin:14px 0 0;padding:var(--space-12) var(--space-16);border:1px solid color-mix(in srgb, var(--color-warning) 35%, transparent);border-radius:14px;background:color-mix(in srgb, var(--color-bg) 86%, transparent);color:var(--color-accent-text);font-size:14px;line-height:1.5}