/* V6: Editorial typography, quiet surfaces, purposeful artwork. */
@font-face{font-family:'Editorial Sans';src:url('assets/fonts/editorial-body.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html:root{--ui-font:'Editorial Sans','Microsoft YaHei UI','PingFang SC',sans-serif;--display-font:'Client Serif','Source Han Serif SC',serif;--number-font:'Client Number',var(--ui-font)}
html:root[data-theme=dark]{--e-bg:#101416;--e-panel:#192022;--e-raised:#202a2b;--e-inset:#121a1c;--e-border:#35413f;--e-text:#ece9e1;--e-secondary:#b6c0ba;--e-muted:#9eaaa3;--e-accent:#e7c58e;--e-accent-soft:#d4af6b16;--e-theme:#722433;--e-good:#e5bc80;--e-negative:#90c8b6;--e-hero-text:#fff1dd;--e-shadow:#0003}
html:root[data-theme=forest]{--e-bg:#0b1713;--e-panel:#12261e;--e-raised:#1a3026;--e-inset:#0d1e17;--e-border:#334b3d;--e-text:#e9eee5;--e-secondary:#b7c9bb;--e-muted:#9fb4a5;--e-accent:#d6c99b;--e-accent-soft:#bccc9813;--e-theme:#2b513c;--e-good:#ddd09d;--e-negative:#8dc5ae;--e-hero-text:#faf6df;--e-shadow:#0003}
html:root[data-theme=light]{--e-bg:#efeee7;--e-panel:#faf9f3;--e-raised:#e8eadd;--e-inset:#f0f1e9;--e-border:#c9cdbb;--e-text:#293a32;--e-secondary:#536359;--e-muted:#637266;--e-accent:#755528;--e-accent-soft:#8c733213;--e-theme:#e1d1b5;--e-good:#805621;--e-negative:#276c5d;--e-hero-text:#fff1dd;--e-shadow:#26352c0c}
html:root[data-theme] body{background:var(--e-bg);color:var(--e-text);font-family:var(--ui-font);font-size:14px;line-height:1.65;text-rendering:optimizeLegibility}
html:root[data-theme] :is(button,input,select,textarea){font-family:var(--ui-font);font-synthesis:none}
html:root[data-theme] :is(h2,h3,.team-title,.library-team b,.unit-build h3,.build-summary-title>strong,.nav-btn){font-family:var(--ui-font);font-weight:600;letter-spacing:0}
html:root[data-theme] :is(.metric-value,.trusted,.ratio,.heading-side strong,.baseline-value strong,.context-metrics b,.build-score b,.build-samples b,.library-exchange,.rank-number,.library-rank,.build-rank){font-family:var(--number-font);font-variant-numeric:tabular-nums;letter-spacing:-.035em}
html:root[data-theme] .shell{grid-template-columns:218px minmax(0,1fr)}
html:root[data-theme] .main{background:radial-gradient(ellipse at 90% 0,var(--e-accent-soft),transparent 56%);min-width:0}
html:root[data-theme] .content{padding:24px 30px 40px;max-width:1800px}
/* Navigation is orientation, not decoration. */
html:root[data-theme] .sidebar{padding:24px 14px 20px;border-right:1px solid var(--e-border);box-shadow:none;background-color:var(--e-inset);scrollbar-width:thin;scrollbar-color:var(--e-border) transparent}
html:root[data-theme] .sidebar:before{display:none}
html:root[data-theme] .sidebar:after{height:180px;opacity:.18;pointer-events:none}
html:root[data-theme] .brand{height:auto;min-height:94px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;padding:0 7px 22px;margin:0 0 18px;border-bottom:1px solid var(--e-border)}
html:root[data-theme] .brand-mark{width:40px;height:46px;flex:none;filter:drop-shadow(0 2px 4px #0003)}
html:root[data-theme] .brand-text{text-align:left;display:block}
html:root[data-theme] .brand-name{font-family:var(--display-font);font-size:25px;font-weight:900;letter-spacing:.05em;line-height:1.4;color:var(--e-text);white-space:nowrap;text-shadow:none}
html:root[data-theme] .brand-sub{font-family:var(--ui-font);font-size:11px;font-weight:450;letter-spacing:.15em;color:var(--e-muted);margin-top:6px}
html:root[data-theme] .nav{gap:4px;display:flex;flex-direction:column;overflow:visible}
html:root[data-theme] .nav-btn{border:1px solid transparent;background:none;box-shadow:none;min-height:44px;border-radius:7px;padding:10px 11px;gap:11px;font-size:14px;font-weight:450;color:var(--e-secondary);transition:background .12s,color .12s}
html:root[data-theme] .nav-btn.active{background:var(--e-accent-soft);border-color:var(--e-border);color:var(--e-accent);font-weight:650}
html:root[data-theme] .nav-btn.active:before{width:3px;height:18px;left:-1px;background:var(--e-accent);border-radius:2px}
html:root[data-theme] .nav-icon{width:18px;flex:none;font-size:16px;color:inherit;opacity:.85}
html:root[data-theme] .nav-label{font-size:10px;letter-spacing:.16em;color:var(--e-muted);padding:0 12px;margin:11px 0 10px;font-weight:500}
html:root[data-theme] .nav-separator{margin:19px 12px 5px;background:var(--e-border);opacity:.65}
html:root[data-theme] .sidebar-bottom{padding:28px 10px 0;position:relative;z-index:1}
html:root[data-theme] .sidebar-bottom .side-foot{font-family:var(--ui-font);font-size:14px;letter-spacing:.16em;color:var(--e-secondary);text-shadow:none;padding-top:8px}
html:root[data-theme] .side-link{color:var(--e-muted);font-size:12px;min-height:36px}
html:root[data-theme] .topbar{height:68px;min-height:68px;padding:0 30px;border-color:var(--e-border);background:var(--e-bg);gap:14px}
html:root[data-theme] .breadcrumb{font-size:12px;color:var(--e-muted)}
html:root[data-theme] .breadcrumb b{color:var(--e-text);font-size:13px;font-weight:550}
html:root[data-theme] .top-actions{gap:8px}
html:root[data-theme] .preview-pill{background:none;border:0;color:var(--e-muted);font-size:11px;white-space:nowrap}
html:root[data-theme] :is(.button,.top-button,.icon-button,.config-more-filters>summary){background:var(--e-raised);color:var(--e-text);border:1px solid var(--e-border);border-radius:6px;min-height:40px;padding:9px 13px;font-size:12px;font-weight:500;box-shadow:none;line-height:1.5}
html:root[data-theme] .top-actions [data-action=account]{background:var(--e-theme);border-color:var(--e-border);color:var(--e-text);font-weight:600}
html:root[data-theme] .theme-toggle{background:transparent;gap:8px}
html:root[data-theme] .theme-current-icon{color:var(--e-accent)}
/* One illustrated hero; the rest of the page is for reading. */
html:root[data-theme] .page-heading{min-height:182px;padding:26px 32px;margin:0 0 16px;border:1px solid var(--e-border);border-radius:9px;box-shadow:0 7px 28px var(--e-shadow);align-items:center;overflow:hidden;gap:28px}
html:root[data-theme] .page-heading>.frame-corner{width:22px;height:22px;opacity:.7}
html:root[data-theme] .hero-title{min-width:0;flex:1}
html:root[data-theme] .hero-kicker{display:flex;align-items:center;gap:10px;color:#d6d3be;font-size:10px;font-weight:500;letter-spacing:.2em;margin-bottom:10px}
html:root[data-theme] .hero-kicker i{width:19px;height:1px;background:currentColor;opacity:.55}
html:root[data-theme] .page-heading h1{font-family:var(--display-font);font-size:38px;font-weight:900;line-height:1.25;letter-spacing:.055em;margin:0 0 9px;color:var(--e-hero-text);text-shadow:0 2px 12px #0005}
html:root[data-theme] .page-heading p{font-family:var(--ui-font);font-size:14px;font-weight:450;line-height:1.8;letter-spacing:.015em;color:#e2e4d6;margin:0}
html:root[data-theme] .hero-caption{font-family:var(--ui-font);font-size:11px;line-height:1.8;color:#bfcdbf;margin-top:9px;font-weight:400;max-width:55ch}
html:root[data-theme] .heading-side{flex:0 0 32%;min-width:195px;padding:12px 0 12px 24px;border-left:1px solid #d8d7af38;text-align:left;background:none;line-height:1.6;color:#dce1d0}
html:root[data-theme] .heading-side>div{font-size:11px;font-weight:500;letter-spacing:.08em}
html:root[data-theme] .heading-side strong{font-size:58px;font-weight:550;line-height:1.15;color:#f0dbab;margin:7px 0;display:block}
html:root[data-theme] .heading-side span{display:block;white-space:normal;line-height:1.7;font-size:11px;color:#d0d8c8}
html:root[data-theme] .demo-banner{padding:10px 15px;min-height:52px;border:1px solid var(--e-border);border-radius:6px;background:transparent;margin:0 0 22px;gap:12px;color:var(--e-secondary);font-size:11px;line-height:1.6}
html:root[data-theme] .snapshot-status{display:flex;align-items:center;gap:10px;min-width:0}
html:root[data-theme] .snapshot-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--e-accent);flex:none;margin:0}
html:root[data-theme] .snapshot-status strong{font-weight:500;font-size:11px;color:var(--e-secondary)}
html:root[data-theme] .snapshot-status>div>span{font-size:11px;color:var(--e-muted);margin-left:16px}
html:root[data-theme] .demo-banner button{font-size:11px;color:var(--e-accent);min-height:32px;flex:none}
/* Metric rhythm and surfaces. */
html:root[data-theme] .stats-grid{background:transparent;border:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;overflow:visible}
html:root[data-theme] .metric{padding:18px 19px;min-height:112px;background:var(--e-panel);border:1px solid var(--e-border);border-radius:7px;box-shadow:none}
html:root[data-theme] .metric:before{display:none}
html:root[data-theme] .metric-label{font-size:12px;font-weight:450;color:var(--e-secondary);line-height:1.6}
html:root[data-theme] .metric-value{font-size:33px;line-height:1.2;font-weight:550;color:var(--e-text);margin-top:12px;white-space:nowrap}
html:root[data-theme] .metric-value small{font-family:var(--ui-font);font-size:11px;font-weight:400;color:var(--e-muted);margin-left:6px}
html:root[data-theme] :is(.panel,.config-library){border:1px solid var(--e-border);border-radius:8px;background:var(--e-panel);box-shadow:none;overflow:hidden}
html:root[data-theme] .two-col{gap:18px}
html:root[data-theme] .panel-head{background:transparent;border-color:var(--e-border);padding:20px;gap:12px;min-height:74px}
html:root[data-theme] .panel-head h2{font-family:var(--ui-font);font-size:18px;line-height:1.5;color:var(--e-text);letter-spacing:0;font-weight:600;margin:0}
html:root[data-theme] .section-index{font-family:var(--number-font);font-size:12px;font-weight:500;color:var(--e-muted);margin-right:10px}
html:root[data-theme] .top-five{font-family:var(--number-font);font-size:10px;font-weight:500;letter-spacing:.08em;display:inline-block;margin-left:8px;color:var(--e-accent);padding:3px 6px;background:var(--e-accent-soft);border-radius:3px;vertical-align:middle}
html:root[data-theme] :is(.panel-head p,.section-eyebrow){font-size:12px;font-weight:400;color:var(--e-muted);line-height:1.8}
html:root[data-theme] .panel-action{font-family:var(--ui-font);font-size:11px;font-weight:500;color:var(--e-accent);min-height:32px;white-space:nowrap}
html:root[data-theme] .panel-body{padding:0 20px}
html:root[data-theme] .overview-row{padding:17px 0;gap:13px;min-height:83px;border-color:var(--e-border);grid-template-columns:24px minmax(0,1fr) auto}
html:root[data-theme] .overview-row .rank-number{font-size:13px;color:var(--e-muted);align-self:start;padding-top:4px}
html:root[data-theme] .overview-row .team-title{font-size:15px;font-weight:550;color:var(--e-text);line-height:1.7;letter-spacing:0;overflow-wrap:normal}
html:root[data-theme] .overview-row .team-meta{font-size:11px;color:var(--e-muted);line-height:1.7;margin-top:4px}
html:root[data-theme] .ratio{font-size:27px;line-height:1.35;color:var(--e-accent);font-weight:550}
html:root[data-theme] .ratio small{font-family:var(--ui-font);font-size:10px;color:var(--e-muted);font-weight:400;letter-spacing:0;line-height:1.6}
html:root[data-theme] :is(.toolbar,.variant-controls){background:var(--e-panel);border:1px solid var(--e-border);border-radius:7px;padding:16px;gap:12px;margin-bottom:20px}
html:root[data-theme] .field{min-width:125px;gap:6px}
html:root[data-theme] :is(.field label,.real-toolbar>.field>label){font-size:11px;color:var(--e-muted);font-weight:450;margin-bottom:0;letter-spacing:0}
html:root[data-theme] :is(.field select,.field input,.library-search input,.config-main-filters select,.config-filter-popover select){background:var(--e-inset);color:var(--e-text);border:1px solid var(--e-border);border-radius:5px;height:40px;min-height:40px;font-size:13px;padding:8px 11px}
html:root[data-theme] input::placeholder{color:var(--e-muted);opacity:.85}
html:root[data-theme] :is(input,select):disabled{opacity:.65;cursor:not-allowed}
html:root[data-theme] .real-toolbar .search-field{min-width:180px}
html:root[data-theme] .check{font-size:12px;color:var(--e-secondary);min-height:36px}
html:root[data-theme] :is(.snapshot-filter-note,.config-explanation,.note,.evidence-caption){font-family:var(--ui-font);font-size:12px;font-weight:400;line-height:1.9;color:var(--e-secondary)}
html:root[data-theme] .note{background:var(--e-accent-soft);border:1px solid var(--e-border);border-left:2px solid var(--e-accent);border-radius:0 6px 6px 0;padding:14px 17px;margin-top:18px}
/* Dense tables: aligned figures, readable names. */
html:root[data-theme] :is(.real-table,.analysis-table){font-family:var(--number-font),var(--ui-font);border-collapse:separate;border-spacing:0}
html:root[data-theme] :is(.real-table,.analysis-table) th{background:var(--e-raised);color:var(--e-secondary);font-family:var(--ui-font);font-size:11px;font-weight:550;letter-spacing:0;padding:13px 12px;border-bottom:1px solid var(--e-border);box-shadow:none}
html:root[data-theme] :is(.real-table,.analysis-table) td{font-family:var(--number-font),var(--ui-font);color:var(--e-text);font-size:14px;font-weight:400;line-height:1.6;padding:16px 12px;border-bottom:1px solid var(--e-border);height:auto;font-variant-numeric:tabular-nums}
html:root[data-theme] :is(.real-table,.analysis-table) tbody tr{background:var(--e-panel)}
html:root[data-theme] :is(.real-table,.analysis-table) tbody tr:nth-child(even){background:color-mix(in srgb,var(--e-raised) 40%,var(--e-panel))}
html:root[data-theme] .real-table{min-width:880px}
html:root[data-theme] .real-table .team-title{font-family:var(--ui-font);font-size:15px;font-weight:550;color:var(--e-text);min-width:210px;line-height:1.7;white-space:nowrap;letter-spacing:0}
html:root[data-theme] .analysis-table .team-title{font-family:var(--ui-font);font-size:15px;font-weight:550;color:var(--e-text);line-height:1.8;letter-spacing:0}
html:root[data-theme] :is(.real-table,.analysis-table) :is(.trusted,.exchange-value){font-family:var(--number-font);font-size:24px;letter-spacing:-.035em;font-weight:550;color:var(--e-accent)}
html:root[data-theme] .real-table .rank-number{font-size:14px;color:var(--e-muted);font-weight:450}
html:root[data-theme] .real-table .red-count{font-size:12px;color:var(--e-secondary)}
html:root[data-theme] :is(.real-table,.analysis-table) .sample-value{font-size:14px;color:var(--e-secondary);font-weight:450}
html:root[data-theme] :is(.real-table,.analysis-table) :is(.is-positive,.loss-diff){color:var(--e-good);font-size:14px;font-weight:500}
html:root[data-theme] :is(.real-table,.analysis-table) :is(.is-negative,.loss-diff.negative){color:var(--e-negative);font-size:14px;font-weight:500}
html:root[data-theme] .data-table td small{font-family:var(--ui-font);font-size:10px;color:var(--e-muted)}
html:root[data-theme] .data-table .record-value{font-family:var(--number-font);font-size:13px;white-space:nowrap}
html:root[data-theme] .status{font-family:var(--ui-font);font-size:10px;background:var(--e-accent-soft);color:var(--e-secondary);border:1px solid var(--e-border);border-radius:4px;padding:4px 7px;white-space:nowrap}
html:root[data-theme] .context-badge{background:var(--e-accent-soft);border-color:var(--e-border);color:var(--e-secondary);font-size:11px;border-radius:4px}
html:root[data-theme] .pagination{padding:14px 18px;border-color:var(--e-border);font-size:12px;color:var(--e-muted);gap:12px}
/* Configuration research workspace. */
html:root[data-theme] .client-config{grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}
html:root[data-theme] .config-library{top:20px}
html:root[data-theme] .ribbon-heading{background:var(--e-raised);border:0;border-bottom:1px solid var(--e-border);box-shadow:none;min-height:58px;padding:16px 15px;gap:8px}
html:root[data-theme] .ribbon-heading .frame-corner{display:none}
html:root[data-theme] .ribbon-heading h2{font-family:var(--ui-font);font-size:16px;font-weight:600;color:var(--e-text)}
html:root[data-theme] .ribbon-heading h2:before{display:none}
html:root[data-theme] .library-count{font-family:var(--ui-font);font-size:10px;color:var(--e-muted);margin-left:auto}
html:root[data-theme] .library-search{padding:12px;background:transparent;border-color:var(--e-border)}
html:root[data-theme] .config-library .team-list{padding:0 10px;max-height:65vh;scrollbar-color:var(--e-border) transparent}
html:root[data-theme] .team-button{display:grid;grid-template-columns:20px minmax(0,1fr) 39px;gap:9px;border:0;border-bottom:1px solid var(--e-border);background:none;min-height:84px;padding:14px 3px;color:var(--e-text);text-align:left;border-radius:0}
html:root[data-theme] .team-button.selected{background:var(--e-accent-soft);border:0;border-left:2px solid var(--e-accent);width:calc(100% + 20px);margin:0 -10px;padding:14px 12px;box-shadow:none}
html:root[data-theme] .team-button .frame-corner{display:none}
html:root[data-theme] .config-library .team-button b{font-family:var(--ui-font);font-size:13px;font-weight:550;line-height:1.8;color:var(--e-text);overflow-wrap:normal;word-break:normal;display:block}
html:root[data-theme] .library-rank{font-size:12px;line-height:1.5;color:var(--e-muted);font-weight:450;align-self:start;padding-top:3px}
html:root[data-theme] .library-exchange{font-size:20px;font-weight:550;color:var(--e-accent);letter-spacing:-.04em;text-align:right}
html:root[data-theme] .team-button small{font-family:var(--ui-font);font-size:10px;line-height:1.7;color:var(--e-muted);margin-top:4px;display:block}
html:root[data-theme] .library-foot{border-color:var(--e-border);padding:12px 15px;color:var(--e-muted);font-size:10px}
html:root[data-theme] .config-workbar{min-height:58px;gap:12px;align-items:center;margin-bottom:14px}
html:root[data-theme] .config-workbar h2{font-family:var(--ui-font);font-size:18px;font-weight:600;color:var(--e-text)}
html:root[data-theme] .config-main-filters{gap:7px}
html:root[data-theme] .config-main-filters .field{min-width:93px;max-width:130px}
html:root[data-theme] .config-main-filters select{font-size:11px;min-height:37px;height:37px;padding:7px 9px}
html:root[data-theme] .baseline-panel{grid-template-columns:160px minmax(0,1fr) 90px;gap:16px;padding:22px;border:1px solid var(--e-border);border-radius:7px;background:linear-gradient(125deg,var(--e-raised),var(--e-panel));margin-bottom:20px}
html:root[data-theme] .baseline-value>span{font-size:11px;color:var(--e-secondary)}
html:root[data-theme] .baseline-value strong{font-size:42px;line-height:1.25;font-weight:550;color:var(--e-text);letter-spacing:-.045em;margin:9px 0}
html:root[data-theme] .baseline-value strong small{font-family:var(--number-font);font-size:15px;color:var(--e-muted);font-weight:400;margin-left:3px}
html:root[data-theme] .baseline-value p{font-size:10px;color:var(--e-muted);line-height:1.9}
html:root[data-theme] :is(.distribution-label,.distribution-legend){font-size:10px;color:var(--e-muted);line-height:1.7}
html:root[data-theme] .distribution-track{height:21px;box-shadow:none;border-color:var(--e-border);border-radius:3px;overflow:hidden}
html:root[data-theme] .baseline-signals{gap:16px}
html:root[data-theme] .baseline-signals b{font-family:var(--number-font);font-size:23px;font-weight:500;color:var(--e-accent)}
html:root[data-theme] .baseline-signals span{font-size:10px;color:var(--e-muted);line-height:1.7}
html:root[data-theme] .configuration-toolbar{margin-bottom:13px;gap:10px}
html:root[data-theme] .configuration-toolbar>p{font-size:12px;color:var(--e-secondary);line-height:1.8}
html:root[data-theme] .configuration-toolbar>p b{color:var(--e-accent);font-weight:600}
html:root[data-theme] .config-filter-popover{background:var(--e-panel);border-color:var(--e-border);border-radius:7px;box-shadow:0 18px 45px var(--e-shadow)}
html:root[data-theme] .config-cards{gap:13px}
html:root[data-theme] .build-card{border:1px solid var(--e-border);border-radius:7px;background:var(--e-panel);box-shadow:none;overflow:hidden}
html:root[data-theme] .build-card[open]{background:var(--e-panel);border-color:color-mix(in srgb,var(--e-accent) 48%,var(--e-border))}
html:root[data-theme] .build-summary{grid-template-columns:26px minmax(0,1fr) 74px 52px 12px;gap:12px;padding:18px;min-height:102px;background:var(--e-panel);border:0;border-bottom:1px solid transparent;box-shadow:none;color:var(--e-text)}
html:root[data-theme] .build-card[open]>.build-summary{background:linear-gradient(110deg,var(--e-raised),var(--e-panel));min-height:94px;border-bottom-color:var(--e-border)}
html:root[data-theme] .build-summary .frame-corner{display:none}
html:root[data-theme] .build-rank{font-size:17px;font-weight:450;color:var(--e-muted)}
html:root[data-theme] .build-summary-title>strong{display:block;font-family:var(--ui-font);font-size:17px;font-weight:600;line-height:1.5;color:var(--e-text)}
html:root[data-theme] .build-short{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:none;font-family:var(--ui-font);font-size:11px;line-height:1.8;color:var(--e-secondary);margin-top:6px;font-weight:400}
html:root[data-theme] .build-card[open] .build-short{display:none}
html:root[data-theme] .build-hint{font-family:var(--ui-font);font-size:10px;line-height:1.7;color:var(--e-muted);margin-top:5px}
html:root[data-theme] :is(.build-score small,.build-samples small){font-family:var(--ui-font);font-size:10px;color:var(--e-muted);font-weight:400}
html:root[data-theme] .build-score b{font-size:31px;line-height:1.3;font-weight:550;color:var(--e-accent)}
html:root[data-theme] .build-samples{border-color:var(--e-border);padding-left:12px}
html:root[data-theme] .build-samples b{font-size:22px;line-height:1.5;color:var(--e-text);font-weight:500}
html:root[data-theme] .build-chevron{color:var(--e-muted);font-size:16px}
html:root[data-theme] .build-content{padding:22px 20px 0}
html:root[data-theme] .build-units{gap:17px;grid-template-columns:repeat(3,minmax(0,1fr))}
html:root[data-theme] .unit-build{padding:0 0 0 16px;border-color:var(--e-border)}
html:root[data-theme] .unit-build:first-child{padding-left:0}
html:root[data-theme] .unit-build h3{font-family:var(--ui-font);font-size:21px;font-weight:600;line-height:1.5;color:var(--e-text);gap:8px;margin:0 0 17px}
html:root[data-theme] .unit-position{font-family:var(--ui-font);font-size:10px;color:var(--e-accent);border-color:var(--e-border);background:var(--e-accent-soft);padding:2px 5px;border-radius:3px;font-weight:400}
html:root[data-theme] .unit-build dl>div{grid-template-columns:25px minmax(0,1fr);gap:7px;margin-bottom:14px;line-height:1.8}
html:root[data-theme] .unit-build dt{font-family:var(--ui-font);font-size:10px;font-weight:400;color:var(--e-muted);padding-top:3px}
html:root[data-theme] .unit-build dd{font-family:var(--ui-font);font-size:12px;line-height:1.9;color:var(--e-secondary);font-weight:400}
html:root[data-theme] .skill-chips{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
html:root[data-theme] .skill-chip{font-family:var(--ui-font);font-size:12px;font-weight:500;line-height:1.7;color:var(--e-text);border:0;background:var(--e-accent-soft);border-radius:3px;padding:3px 6px;gap:5px;display:inline-flex;align-items:baseline;max-width:100%;flex-wrap:wrap}
html:root[data-theme] .skill-level{font-family:var(--number-font);font-size:9px;color:var(--e-muted);font-weight:400;letter-spacing:0}
html:root[data-theme] :is(.unknown-trait,.build-observation){font-family:var(--ui-font);color:var(--e-muted);font-size:10px;line-height:1.9}
html:root[data-theme] .build-observation{margin-top:18px;gap:6px}
html:root[data-theme] .build-metrics{border-color:var(--e-border);gap:14px;padding:17px 0 21px;margin-top:16px}
html:root[data-theme] .build-metrics>span{font-family:var(--ui-font);font-size:10px;color:var(--e-muted);border-color:var(--e-border);gap:7px}
html:root[data-theme] .build-metrics b{font-family:var(--number-font);font-size:14px;font-weight:500;color:var(--e-text)}
html:root[data-theme] .build-metrics>span:nth-child(-n+2) b{font-size:20px;color:var(--e-accent)}
html:root[data-theme] .build-metrics small{font-family:var(--ui-font);font-size:10px;color:var(--e-muted)}
html:root[data-theme] .build-metrics .below-baseline{color:var(--e-negative)!important}
html:root[data-theme] .matchup-context{background:var(--e-accent-soft);border-color:var(--e-border);padding:23px}
html:root[data-theme] .matchup-team h3{font-family:var(--ui-font);font-size:23px;font-weight:550;color:var(--e-text);line-height:1.7}
html:root[data-theme] .matchup-team p{color:var(--e-muted);font-size:11px}
html:root[data-theme] .context-metrics b{font-size:29px;color:var(--e-accent);font-weight:500}
html:root[data-theme] .context-metrics :is(span,small){font-family:var(--ui-font);font-size:11px;color:var(--e-muted);letter-spacing:0}
html:root[data-theme] .context-metrics>div{border-color:var(--e-border)}
html:root[data-theme] .evidence-caption{background:transparent;border-color:var(--e-border);padding:13px 20px}
/* Dialogs and states. */
html:root[data-theme] .modal{background:var(--e-panel);border:1px solid var(--e-border);border-radius:10px;box-shadow:0 30px 100px #0006;overflow:hidden}
html:root[data-theme] .modal-head{background:var(--e-raised);border-color:var(--e-border);padding:20px 24px}
html:root[data-theme] .modal-head h2{font-family:var(--ui-font);font-size:20px;font-weight:600;color:var(--e-text);letter-spacing:0}
html:root[data-theme] .modal-body{padding:22px 24px;font-size:13px;line-height:1.9;color:var(--e-secondary)}
html:root[data-theme] .modal-body :is(label,strong,h3){color:var(--e-text)}
html:root[data-theme] .modal-body input{background:var(--e-inset);border-color:var(--e-border);color:var(--e-text);min-height:44px;font-size:15px;border-radius:5px}
html:root[data-theme] .unit-detail{background:var(--e-inset);border-color:var(--e-border);color:var(--e-secondary);padding:15px;font-size:13px;line-height:2}
html:root[data-theme] .unit-detail strong{font-family:var(--ui-font);font-size:19px;font-weight:600;color:var(--e-text)}
html:root[data-theme] .theme-options{background:var(--e-panel);border-color:var(--e-border);box-shadow:0 20px 65px #0005;border-radius:8px;padding:16px}
html:root[data-theme] .theme-picker-heading strong{font-family:var(--ui-font);font-size:16px;color:var(--e-text);font-weight:600}
html:root[data-theme] .theme-option-text>b{font-family:var(--ui-font);font-size:15px;color:var(--e-text);font-weight:550;letter-spacing:0}
html:root[data-theme] :is(.theme-option-text>small,.theme-storage-note,.theme-picker-heading>span){font-family:var(--ui-font);color:var(--e-muted);font-size:11px}
html:root[data-theme] .theme-option[aria-pressed=true]{background:var(--e-accent-soft);border-color:var(--e-accent);box-shadow:inset 2px 0 var(--e-accent)}
html:root[data-theme] .theme-check{color:var(--e-accent)}
html:root[data-theme] :is(.empty,.lock){font-family:var(--ui-font);color:var(--e-secondary);line-height:1.9}
html:root[data-theme] .loading-state{background:var(--e-panel);border-color:var(--e-border);border-radius:8px}
html:root[data-theme] .loading-state h2{font-family:var(--ui-font);font-size:24px;font-weight:550;color:var(--e-text)}
html:root[data-theme] .loading-state p{font-size:13px;color:var(--e-muted)}
html:root[data-theme] .footer{font-family:var(--ui-font);font-size:11px;color:var(--e-muted);border-color:var(--e-border);line-height:1.8;margin-top:26px;padding-top:20px;gap:12px}
@media(hover:hover) and (pointer:fine){
 html:root[data-theme] .nav-btn:not(.active):hover{background:var(--e-raised);color:var(--e-text)}
 html:root[data-theme] :is(.button,.top-button,.icon-button,.config-more-filters>summary):not(:disabled):hover{background:var(--e-accent-soft);border-color:var(--e-accent);color:var(--e-text)}
 html:root[data-theme] .team-button:not(.selected):hover{background:var(--e-accent-soft)}
 html:root[data-theme] .build-card:not([open])>.build-summary:hover{background:var(--e-raised)}
 html:root[data-theme] :is(.analysis-table,.real-table) tbody tr:hover{background:var(--e-raised)!important}
}
html:root[data-theme] :is(button,input,select,summary):focus-visible{outline:2px solid var(--e-accent);outline-offset:3px;box-shadow:none}
@media(min-width:768px) and (max-width:1199px){
 html:root[data-theme] .shell{grid-template-columns:72px minmax(0,1fr)}
 html:root[data-theme] .sidebar{padding:19px 9px}
 html:root[data-theme] .brand{justify-content:center;min-height:80px;padding:0 0 20px;margin:0 0 14px}
 html:root[data-theme] .brand-mark{width:40px;height:44px}
 html:root[data-theme] :is(.brand-text,.nav-label,.nav-separator,.sidebar-bottom){display:none}
 html:root[data-theme] .nav-btn{justify-content:center;padding:11px 0;min-height:47px}
 html:root[data-theme] .content{padding:22px}
 html:root[data-theme] .topbar{padding:0 22px}
 html:root[data-theme] .page-heading{min-height:170px;padding:24px}
 html:root[data-theme] .page-heading h1{font-size:34px}
 html:root[data-theme] .two-col{grid-template-columns:1fr}
 html:root[data-theme] .client-config{grid-template-columns:240px minmax(0,1fr);gap:16px}
 html:root[data-theme] .config-main-filters{justify-content:flex-start}
 html:root[data-theme] .config-workbar{align-items:flex-start;flex-direction:column;gap:8px}
 html:root[data-theme] .baseline-panel{grid-template-columns:125px minmax(0,1fr);padding:18px;gap:15px}
 html:root[data-theme] .baseline-signals{display:none}
 html:root[data-theme] .build-units{grid-template-columns:1fr;gap:18px}
 html:root[data-theme] .unit-build{padding:0;border:0}
 html:root[data-theme] .unit-build+.unit-build{border-top:1px solid var(--e-border);padding-top:18px}
 html:root[data-theme] .skill-chips{flex-direction:row;flex-wrap:wrap}
 html:root[data-theme] .build-summary{padding:15px;gap:8px;grid-template-columns:22px minmax(0,1fr) 66px 43px 10px}
 html:root[data-theme] .build-score b{font-size:28px}
 html:root[data-theme] .build-samples b{font-size:20px}
}
@media(min-width:768px) and (max-width:900px){
 html:root[data-theme] .client-config{grid-template-columns:200px minmax(0,1fr);gap:13px}
 html:root[data-theme] .config-library .team-button b{font-size:12px}
 html:root[data-theme] .team-button{grid-template-columns:17px minmax(0,1fr);gap:7px}
 html:root[data-theme] .library-exchange{grid-column:2;font-size:16px;text-align:left;margin-top:-4px}
 html:root[data-theme] .baseline-panel{grid-template-columns:1fr}
 html:root[data-theme] .heading-side{flex-basis:31%;min-width:150px;padding-left:18px}
 html:root[data-theme] .heading-side strong{font-size:46px}
 html:root[data-theme] .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 html:root[data-theme] .shell{display:block}
 html:root[data-theme] .sidebar{width:min(290px,85vw);padding:25px 15px max(20px,env(safe-area-inset-bottom));transition:none}
 html:root[data-theme] .brand{min-height:95px;margin-top:10px;margin-bottom:18px}
 html:root[data-theme] .brand-name{font-size:27px}
 html:root[data-theme] .brand-mark{width:43px;height:48px}
 html:root[data-theme] .nav-btn{font-size:15px;min-height:46px}
 html:root[data-theme] .content{padding:16px 14px max(30px,env(safe-area-inset-bottom))}
 html:root[data-theme] .topbar{padding:8px 14px;min-height:64px;height:auto;gap:8px}
 html:root[data-theme] .top-actions{gap:7px;flex-wrap:nowrap}
 html:root[data-theme] .top-actions :is(.top-button,.icon-button){min-height:44px}
 html:root[data-theme] .theme-toggle{width:44px;min-width:44px;padding:8px}
 html:root[data-theme] .nav-toggle{width:44px;min-width:44px;min-height:44px;padding:8px}
 html:root[data-theme] .mobile-page-title{font-family:var(--ui-font);font-size:13px;font-weight:550;color:var(--e-text)}
 html:root[data-theme] .page-heading{min-height:164px;padding:21px 20px;margin-bottom:12px;border-radius:7px;background-position:64% 50%;gap:0}
 html:root[data-theme] .page-heading h1{font-size:31px;line-height:1.3;letter-spacing:.035em;margin-bottom:7px}
 html:root[data-theme] .page-heading p{font-size:12px;font-weight:400;line-height:1.9;max-width:29ch}
 html:root[data-theme] .subtitle-part{display:inline}
 html:root[data-theme] .subtitle-part+.subtitle-part:before{content:' · '}
 html:root[data-theme] .hero-kicker{font-size:9px;margin-bottom:8px;gap:8px;letter-spacing:.12em}
 html:root[data-theme] .hero-caption{font-size:10px;line-height:1.8;margin-top:8px;max-width:38ch}
 html:root[data-theme] .heading-side{display:none}
 html:root[data-theme] .demo-banner{padding:9px 11px;min-height:56px;margin-bottom:16px;gap:7px}
 html:root[data-theme] .snapshot-status{gap:7px}
 html:root[data-theme] .snapshot-status strong{font-size:10px;line-height:1.7}
 html:root[data-theme] .snapshot-status>div>span{display:block;font-size:10px;margin:3px 0 0;line-height:1.7}
 html:root[data-theme] .demo-banner button{min-height:44px;max-width:none;font-size:10px;padding:4px 0;white-space:nowrap}
 html:root[data-theme] .demo-banner button span{font-size:12px;margin:0}
 html:root[data-theme] .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}
 html:root[data-theme] .metric{min-height:99px;padding:16px 14px;border-radius:6px}
 html:root[data-theme] .metric-label{font-size:11px}
 html:root[data-theme] .metric-value{font-size:29px;margin-top:10px}
 html:root[data-theme] .metric-value small{font-size:10px;margin-left:4px}
 html:root[data-theme] :is(.toolbar,.variant-controls){padding:13px;gap:11px;margin-bottom:16px}
 html:root[data-theme] :is(.field select,.field input,.library-search input,.config-filter-popover select){height:44px;min-height:44px;font-size:16px}
 html:root[data-theme] .field{min-width:0}
 html:root[data-theme] .toolbar .field:not(.search-field){min-width:calc(50% - 6px);flex:1}
 html:root[data-theme] .real-toolbar .search-field{flex-basis:100%;min-width:0}
 html:root[data-theme] :is(.button,.config-more-filters>summary){min-height:44px;font-size:12px}
 html:root[data-theme] .panel-head{padding:17px 15px;min-height:67px}
 html:root[data-theme] .panel-head h2{font-size:16px}
 html:root[data-theme] .section-index{font-size:10px;margin-right:7px}
 html:root[data-theme] .top-five{font-size:9px;margin-left:5px;padding:2px 4px}
 html:root[data-theme] .panel-action{font-size:10px}
 html:root[data-theme] .panel-body{padding:0 15px}
 html:root[data-theme] .overview-row{grid-template-columns:18px minmax(0,1fr) auto;padding:17px 0;gap:9px;min-height:86px}
 html:root[data-theme] .overview-row .team-title{font-size:14px;line-height:1.8}
 html:root[data-theme] .overview-row .team-meta{font-size:10px}
 html:root[data-theme] .overview-row .rank-number{font-size:11px}
 html:root[data-theme] .ratio{font-size:24px}
 html:root[data-theme] .ratio small{font-size:9px}
 html:root[data-theme] :is(.real-table,.analysis-table){min-width:0!important}
 html:root[data-theme] :is(.real-table,.analysis-table) tbody{padding:12px;gap:12px}
 html:root[data-theme] :is(.real-table,.analysis-table) tbody tr{border:1px solid var(--e-border);background:var(--e-panel)!important;border-radius:6px;padding:16px 14px;box-shadow:none;gap:15px 12px}
 html:root[data-theme] :is(.real-table,.analysis-table) tbody tr:nth-child(even){background:var(--e-panel)!important}
 html:root[data-theme] :is(.real-table,.analysis-table) td{font-size:14px!important;padding:0!important;color:var(--e-text);line-height:1.7}
 html:root[data-theme] :is(.real-table,.analysis-table) td:before{font-family:var(--ui-font);font-size:10px;color:var(--e-muted);margin-bottom:5px;letter-spacing:0}
 html:root[data-theme] :is(.real-table,.analysis-table) .team-title{font-size:19px;font-weight:550;line-height:1.7;min-width:0;color:var(--e-text)}
 html:root[data-theme] .real-table .rank-number{font-size:15px}
 html:root[data-theme] .real-table td:nth-child(3){background:var(--e-accent-soft);padding:10px 12px!important;border-radius:4px}
 html:root[data-theme] :is(.real-table,.analysis-table) :is(.trusted,.exchange-value){font-size:27px!important;color:var(--e-accent)}
 html:root[data-theme] :is(.real-table,.analysis-table) :is(.loss-diff,.is-positive){color:var(--e-good)}
 html:root[data-theme] :is(.real-table,.analysis-table) :is(.negative,.is-negative){color:var(--e-negative)}
 html:root[data-theme] .data-table .status{font-size:10px;padding:3px 6px}
 html:root[data-theme] .client-config{grid-template-columns:1fr;gap:18px}
 html:root[data-theme] .ribbon-heading{padding:12px 14px;min-height:60px}
 html:root[data-theme] .ribbon-heading h2{font-size:16px}
 html:root[data-theme] .ribbon-heading .library-toggle{font-size:11px;padding:8px 10px;background:var(--e-accent-soft);border-color:var(--e-border);color:var(--e-text)}
 html:root[data-theme] .mobile-selected{background:var(--e-inset);border-top:1px solid var(--e-border);color:var(--e-secondary);padding:11px 14px;font-size:12px;line-height:1.8}
 html:root[data-theme] .config-library .team-list{max-height:55vh}
 html:root[data-theme] .config-library .team-button b{font-size:14px}
 html:root[data-theme] .team-button{grid-template-columns:22px minmax(0,1fr) 42px;gap:10px;min-height:78px}
 html:root[data-theme] .team-button small{font-size:11px}
 html:root[data-theme] .library-rank{font-size:13px}
 html:root[data-theme] .library-exchange{font-size:22px}
 html:root[data-theme] .config-workbar{display:block;min-height:0;margin-bottom:14px}
 html:root[data-theme] .config-workbar h2{font-size:18px;margin:0 0 12px}
 html:root[data-theme] .config-main-filters{gap:7px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 html:root[data-theme] .config-main-filters .field{min-width:0;max-width:none}
 html:root[data-theme] .config-main-filters select{height:44px;min-height:44px;font-size:12px;padding:8px;max-width:100%}
 html:root[data-theme] .baseline-panel{grid-template-columns:116px minmax(0,1fr);gap:12px;padding:18px 15px;margin-bottom:15px}
 html:root[data-theme] .baseline-value strong{font-size:37px}
 html:root[data-theme] .baseline-value>span{font-size:10px}
 html:root[data-theme] .baseline-signals{display:none}
 html:root[data-theme] .distribution-track{height:19px}
 html:root[data-theme] .distribution-legend{font-size:9px;gap:8px;margin-top:10px}
 html:root[data-theme] .configuration-toolbar>p{font-size:11px}
 html:root[data-theme] .build-summary{grid-template-columns:20px minmax(0,1fr) 58px 40px 8px;gap:8px;padding:16px 12px;min-height:102px}
 html:root[data-theme] .build-card[open]>.build-summary{min-height:88px}
 html:root[data-theme] .build-rank{font-size:15px}
 html:root[data-theme] .build-summary-title>strong{font-size:16px}
 html:root[data-theme] .build-short{font-size:10px;line-height:1.8;-webkit-line-clamp:2}
 html:root[data-theme] .build-hint{font-size:9px}
 html:root[data-theme] .build-expand-label{display:none}
 html:root[data-theme] .build-score b{font-size:28px}
 html:root[data-theme] .build-score small,html:root[data-theme] .build-samples small{font-size:9px}
 html:root[data-theme] .build-samples{padding-left:7px}
 html:root[data-theme] .build-samples b{font-size:20px}
 html:root[data-theme] .build-content{padding:20px 17px 0}
 html:root[data-theme] .build-units{grid-template-columns:1fr;gap:19px}
 html:root[data-theme] .unit-build{padding:0;border:0}
 html:root[data-theme] .unit-build+.unit-build{padding-top:19px;border-top:1px solid var(--e-border)}
 html:root[data-theme] .unit-build h3{font-size:22px;line-height:1.5;margin-bottom:14px}
 html:root[data-theme] .unit-build dl>div{grid-template-columns:28px minmax(0,1fr);gap:9px;margin-bottom:12px}
 html:root[data-theme] .unit-build dt{font-size:11px}
 html:root[data-theme] .unit-build dd{font-size:13px}
 html:root[data-theme] .skill-chips{flex-direction:row;flex-wrap:wrap;gap:7px}
 html:root[data-theme] .skill-chip{font-size:13px;padding:4px 7px}
 html:root[data-theme] .skill-level{font-size:10px}
 html:root[data-theme] .build-observation{font-size:10px}
 html:root[data-theme] .build-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px 0 20px;gap:15px}
 html:root[data-theme] .build-metrics>span{border:0;padding:0;font-size:10px}
 html:root[data-theme] .build-metrics b{font-size:15px}
 html:root[data-theme] .build-metrics>span:nth-child(-n+2) b{font-size:23px}
 html:root[data-theme] .matchup-context{padding:20px 17px}
 html:root[data-theme] .matchup-team h3{font-size:22px}
 html:root[data-theme] .context-metrics{gap:12px;margin-top:18px}
 html:root[data-theme] .context-metrics b{font-size:25px}
 html:root[data-theme] .context-metrics :is(span,small){font-size:10px}
 html:root[data-theme] .evidence-caption{font-size:11px;padding:12px 16px}
 html:root[data-theme] .note{font-size:11px;padding:13px 14px;line-height:2}
 html:root[data-theme] .modal-head{padding:18px}
 html:root[data-theme] .modal-head h2{font-size:19px}
 html:root[data-theme] .modal-body{padding:18px;font-size:13px}
 html:root[data-theme] .modal-body input{font-size:16px}
 html:root[data-theme] .footer{font-size:10px;margin-top:22px}
}
@media(max-width:359px){
 html:root[data-theme] .content{padding-inline:12px}
 html:root[data-theme] .topbar{padding-inline:12px;gap:6px}
 html:root[data-theme] .top-actions{gap:5px}
 html:root[data-theme] .top-actions [data-action=account]{font-size:11px;padding-inline:8px}
 html:root[data-theme] .page-heading{padding:19px 17px;min-height:164px}
 html:root[data-theme] .page-heading h1{font-size:29px}
 html:root[data-theme] .metric{padding:14px 12px}
 html:root[data-theme] .metric-value{font-size:26px}
 html:root[data-theme] .metric-value small{font-size:9px}
 html:root[data-theme] .panel-head{padding:15px 12px}
 html:root[data-theme] .panel-head h2{font-size:14px}
 html:root[data-theme] .section-index{display:none}
 html:root[data-theme] .panel-action{font-size:9px}
 html:root[data-theme] .baseline-panel{grid-template-columns:100px minmax(0,1fr);gap:8px;padding:15px 12px}
 html:root[data-theme] .baseline-value strong{font-size:33px}
 html:root[data-theme] .build-summary{grid-template-columns:18px minmax(0,1fr) 54px 35px 7px;gap:6px;padding:14px 10px}
 html:root[data-theme] .build-score b{font-size:26px}
 html:root[data-theme] .build-samples{padding-left:5px}
 html:root[data-theme] .build-score small,html:root[data-theme] .build-samples small{font-size:8px}
 html:root[data-theme] .build-summary-title>strong{font-size:15px}
 html:root[data-theme] .theme-options{width:calc(100vw - 48px);padding:13px}
}
@media(prefers-reduced-motion:reduce){html:root[data-theme] .nav-btn{transition:none}}
/* Second visual pass: contrast on bright artwork, intact hero names, readable labels. */
html:root[data-theme] .heading-side{background:#091712a8;border:1px solid #e5e6c52b;border-radius:6px;padding:15px 19px;backdrop-filter:blur(5px)}
html:root[data-theme] .nav-btn.active:before{display:block}
html:root[data-theme] .team-member{display:inline-block;white-space:nowrap}
html:root[data-theme] .team-join{opacity:.55;font-weight:400}
html:root[data-theme] .config-library .team-button b{font-size:14px}
html:root[data-theme] .build-samples small{white-space:nowrap}
html:root[data-theme] .build-summary{grid-template-columns:26px minmax(0,1fr) 74px 62px 12px}
html:root[data-theme] :is(.field label,.real-toolbar>.field>label,.metric-label){font-size:12px}
html:root[data-theme] .library-count{font-size:11px}
@media(min-width:768px) and (max-width:1199px){html:root[data-theme] .build-summary{grid-template-columns:22px minmax(0,1fr) 66px 51px 10px}}
@media(min-width:768px) and (max-width:900px){html:root[data-theme] .config-library .team-button b{font-size:13px}}
@media(max-width:767px){html:root[data-theme] .build-summary{grid-template-columns:20px minmax(0,1fr) 58px 43px 8px}html:root[data-theme] .metric-label{font-size:11px}html:root[data-theme] .config-library .team-button b{font-size:15px}}
@media(max-width:359px){html:root[data-theme] .build-summary{grid-template-columns:18px minmax(0,1fr) 54px 39px 7px}}
/* Final audit corrections, shared by all three palettes. */
html:root[data-theme] .nav-btn .frame-corner{display:none}
html:root[data-theme] .topbar .breadcrumb{color:var(--e-muted)}
html:root[data-theme] .topbar .breadcrumb b{color:var(--e-text)}
html:root[data-theme] .real-table [data-real-inspect]{background:var(--e-raised);border:1px solid var(--e-border);color:var(--e-accent);border-radius:5px;min-height:36px;min-width:38px;font-size:18px;letter-spacing:1px;padding:2px 8px}
@media(min-width:768px){
 html:root[data-theme] .page-rank .page-heading,html:root[data-theme] .page-white .page-heading,html:root[data-theme] .page-mid .page-heading,html:root[data-theme] .page-high .page-heading{min-height:160px;padding-top:20px;padding-bottom:20px}
 html:root[data-theme] .real-table td{padding-block:12px}
}
@media(max-width:767px){html:root[data-theme] .real-table [data-real-inspect]{min-height:44px;min-width:44px}}
/* Mobile data-first pass: remove only the fixed, non-interactive scope control. */
@media(max-width:767px){
 html:root[data-theme] .hero-kicker{display:none}
 html:root[data-theme] .page-heading{min-height:142px;padding:19px 20px}
 html:root[data-theme] .page-heading h1{font-size:29px}
 html:root[data-theme] .hero-caption{margin-top:6px;font-size:10px}
 html:root[data-theme] .demo-banner button span{display:inline}
 html:root[data-theme] .metric{min-height:90px;padding:14px}
 html:root[data-theme] .metric-value{margin-top:9px;font-size:28px}
 html:root[data-theme] .real-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
 html:root[data-theme] .real-toolbar>.field{min-width:0!important;margin:0;order:0;max-width:100%;width:100%}
 html:root[data-theme] .real-toolbar>.field:has(#side){display:none}
 html:root[data-theme] .real-toolbar>.search-field{grid-column:1/-1;order:0}
 html:root[data-theme] .real-toolbar>.button{order:1;width:100%}
 html:root[data-theme] .real-toolbar>.advanced-filters{grid-column:1/-1;order:2}
 html:root[data-theme] .real-toolbar>.field :is(input,select){width:100%;min-width:0}
 html:root[data-theme] .real-toolbar>.field:has(#search){order:0}
 html:root[data-theme] .build-hint{font-size:10px}
 html:root[data-theme] .build-score small,html:root[data-theme] .build-samples small{font-size:10px}
 html:root[data-theme] .baseline-value>span,html:root[data-theme] .distribution-label{font-size:11px}
 html:root[data-theme] .distribution-legend{font-size:10px}
}
@media(max-width:359px){html:root[data-theme] .page-heading{min-height:142px;padding:18px 16px}html:root[data-theme] .metric-value{font-size:25px}}