@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{color-scheme:light;--bg:#f7f8fc;--surface:#fff;--soft:#f9faff;--ink:#181a2c;--ink-soft:#3b3f58;--muted:#697084;--line:#e8eaf3;--line-strong:#d9ddeb;--violet:#6956ef;--violet-light:#f0edff;--orange:#bb5c31;--shadow:0 12px 40px #2b2f5a05;--ref:65%}html[data-theme=dark]{color-scheme:dark;--bg:#0e111a;--surface:#171b27;--soft:#1b2030;--ink:#f5f5ff;--ink-soft:#c9cbe1;--muted:#a2a8bb;--line:#2a3040;--line-strong:#3a4156;--violet:#ae9eff;--violet-light:#29233f;--orange:#ffb08a;--shadow:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.5 Inter,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--violet);outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.045em}input,select{min-width:0;color:var(--ink)}.shell{width:min(1440px,calc(100% - 80px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;top:-100px;left:20px;z-index:40;padding:12px;background:var(--surface)}.skip:focus{top:15px}[hidden]{display:none!important}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:calc(20px * var(--text-scale,1));font-weight:750;letter-spacing:-.045em;line-height:1.3}.brand small{display:block;font-size:calc(11px * var(--text-scale,1));letter-spacing:.13em;color:var(--muted);font-weight:600;margin-top:5px}.brand-mark{display:flex;align-items:flex-end;justify-content:center;gap:4px;width:36px;height:36px;background:var(--ink);border-radius:12px;padding:10px 8px}.brand-mark i{width:4px;height:8px;background:var(--surface);border-radius:3px}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:19px}.top-actions{display:flex;align-items:center;gap:8px}.top-actions>button:not(.icon-button){font-size:calc(14px * var(--text-scale,1));border:0;background:none;padding:10px 12px;color:var(--ink-soft)}.top-actions>button>span{margin-left:12px}.icon-button{display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:11px;width:38px;height:38px}.icon-button svg{width:17px;height:17px}.icon-button:hover{background:var(--violet-light);color:var(--violet)}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:33px 0 28px;gap:20px}.eyebrow{font-size:calc(11.5px * var(--text-scale,1));font-weight:750;letter-spacing:.12em;color:var(--violet);display:flex;align-items:center;gap:7px}.eyebrow>span{width:5px;height:5px;background:var(--violet);border-radius:50%}h1{font-size:calc(34px * var(--text-scale,1));line-height:1.2;font-weight:700;margin:10px 0 8px}.page-heading p:not(.eyebrow){font-size:calc(15px * var(--text-scale,1));color:var(--muted)}.data-seal{display:flex;align-items:center;gap:7px;font-size:calc(12px * var(--text-scale,1));color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:7px 11px;white-space:nowrap}.data-seal i{width:5px;height:5px;border-radius:50%;background:var(--violet)}.workspace{display:grid;grid-template-columns:239px minmax(0,1fr);gap:25px;align-items:start}.rail{position:sticky;top:24px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.rail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.rail-heading h2{font-size:calc(18px * var(--text-scale,1));letter-spacing:-.02em}.rail-heading button{border:0;padding:0;background:none;font-size:calc(12px * var(--text-scale,1));color:var(--muted)}.field{display:flex;flex-direction:column;gap:8px;margin:0 0 22px;font-size:calc(13px * var(--text-scale,1));color:var(--ink-soft);font-weight:600}.field select{width:100%;border:1px solid var(--line-strong);border-radius:9px;min-height:41px;padding:9px 10px;background:var(--soft);font-size:calc(14px * var(--text-scale,1));font-weight:450}fieldset{border:0;padding:0;margin:0 0 23px;min-width:0}legend{width:100%;font-size:calc(13px * var(--text-scale,1));font-weight:600;color:var(--ink-soft);padding:0;margin:0 0 9px}.segments{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:3px;gap:2px}.segments button{flex:1;border:0;border-radius:6px;background:none;padding:8px 7px;font-size:calc(13px * var(--text-scale,1));white-space:nowrap;color:var(--muted)}.segments button.active{background:var(--surface);color:var(--violet);box-shadow:0 1px 4px #2b2f5a0a;font-weight:650}.field-help{font-size:calc(12px * var(--text-scale,1));color:var(--muted);line-height:1.6;margin-top:7px}.number-wrap{display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:9px;padding:0 10px;background:var(--soft);font-size:calc(14px * var(--text-scale,1));height:42px;gap:8px}.number-wrap>span{font-size:calc(13px * var(--text-scale,1));color:var(--muted);font-weight:450}.number-wrap input{width:100%;background:none;border:0;padding:9px 0;font-size:calc(16px * var(--text-scale,1));font-weight:600;appearance:textfield;-moz-appearance:textfield}.number-wrap input::-webkit-inner-spin-button{appearance:none}.number-wrap button{background:none;border:0;padding:8px 0;color:var(--violet);font-size:calc(12px * var(--text-scale,1));font-weight:550}.count-group .field{margin-bottom:10px}.check{display:flex;align-items:center;gap:7px;font-size:calc(12px * var(--text-scale,1));color:var(--muted);line-height:1.5;cursor:pointer}.check input{accent-color:var(--violet);width:12px;height:12px;margin:0}.rail-divider{height:1px;background:var(--line);margin:23px 0}.optional{font-size:calc(11px * var(--text-scale,1));font-weight:400;color:var(--muted);float:right}.reference-controls{margin-bottom:0}.reference-modes button:first-child{flex:1.4}.reference-empty{font-size:calc(13px * var(--text-scale,1));line-height:1.7;color:var(--muted);margin-top:13px}.reference-field{margin-top:17px;margin-bottom:14px}.reference-value{display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:10px;padding:8px 12px;background:var(--soft)}.reference-value input{width:100%;font-size:calc(25px * var(--text-scale,1));font-weight:600;letter-spacing:-.04em;background:none;border:0;appearance:textfield;-moz-appearance:textfield}.reference-value input::-webkit-inner-spin-button{appearance:none}.reference-value>span{color:var(--violet);font-size:calc(16px * var(--text-scale,1));white-space:nowrap}.reference-controls input[type=range]{width:100%;accent-color:var(--violet);height:5px;margin:5px 0 0;cursor:pointer}.reference-controls #base-field{margin-bottom:15px}.reference-controls #base-field select{font-size:calc(12px * var(--text-scale,1));padding:10px 6px}.rail-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:23px;padding-top:16px;font-size:calc(12px * var(--text-scale,1));color:var(--muted)}.rail-foot-note{font-size:calc(12px * var(--text-scale,1));color:var(--muted);line-height:1.7;margin-top:9px}.chart-area{min-width:0}.context-strip{display:flex;align-items:center;justify-content:space-between;padding:0 3px 14px;min-height:28px;font-size:calc(12px * var(--text-scale,1));color:var(--muted);gap:12px}.context-strip>span:first-child{font-weight:550;color:var(--ink-soft)}.context-strip i{font-style:normal;color:var(--line-strong);margin:0 8px}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.chart-head{padding:25px 26px 23px;display:flex;justify-content:space-between;align-items:center;gap:14px}.chart-head .eyebrow{font-size:calc(11px * var(--text-scale,1));letter-spacing:.1em;color:var(--muted)}.chart-head h2{font-size:calc(25px * var(--text-scale,1));font-weight:700;margin-top:8px;line-height:1.2}.chart-head h2 span{font-weight:450;color:var(--muted);margin-left:7px}.view-mode button{padding:7px 12px;font-size:calc(12px * var(--text-scale,1))}.chart-tools{margin:0 26px;padding:0 0 17px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:9px;flex:1;min-width:100px}.search svg{width:14px;height:14px;color:var(--muted);flex:none}.search input{background:none;border:0;width:100%;font-size:calc(13px * var(--text-scale,1));padding:7px 0;outline:none;color:var(--ink-soft)}.search:focus-within{outline:2px solid var(--violet);outline-offset:4px;border-radius:4px}.axis-select{display:flex;align-items:center;gap:7px;font-size:calc(12px * var(--text-scale,1));color:var(--muted)}.axis-select select{border:1px solid var(--line);border-radius:7px;background:var(--soft);font-size:calc(12px * var(--text-scale,1));padding:7px;color:var(--ink-soft)}.export{padding:8px 0 8px 10px;background:none;border:0;border-left:1px solid var(--line);font-size:calc(12px * var(--text-scale,1));white-space:nowrap;color:var(--ink-soft)}.export span{margin-left:5px}.legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:17px 26px 12px;color:var(--muted);font-size:calc(11px * var(--text-scale,1));min-height:43px}.legend>span{display:flex;align-items:center;gap:6px}.violet-square{width:6px;height:6px;background:var(--violet);border-radius:2px}.line-icon{height:0;width:13px;border-top:1.5px dashed var(--orange)}.comparison-count{margin-left:auto;color:var(--violet);font-weight:600}.axis-header,.chart-row{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(130px,1.3fr) 66px;gap:18px;padding-inline:26px}.axis-header{align-items:center;padding-block:10px 12px;font-size:calc(11px * var(--text-scale,1));letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line)}#axis-ticks{display:flex;justify-content:space-between;letter-spacing:0}.axis-header>span:last-child{text-align:right}.chart-row{position:relative;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding-block:12px;min-height:59px;color:var(--ink-soft)}.chart-row:last-child{border-bottom:0}.chart-row:hover{background:var(--soft)}.career-label{display:flex;align-items:center;gap:12px;min-width:0}.rank{flex:none;width:20px;font-size:calc(12px * var(--text-scale,1));color:var(--muted);font-variant-numeric:tabular-nums}.career-label strong{display:block;font-size:calc(13px * var(--text-scale,1));line-height:1.5;font-weight:550;color:var(--ink-soft)}.career-label small{display:block;font-size:calc(11px * var(--text-scale,1));font-weight:400;color:var(--muted);margin-top:2px}.plot{height:100%;min-height:30px;position:relative;display:flex;align-items:center;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px);background-size:25% 100%;border-right:1px solid var(--line)}.bar-track{width:100%;height:10px;background:var(--violet-light);border-radius:3px}.bar{display:block;width:var(--cut);height:10px;background:var(--violet);border-radius:3px;opacity:.9}.chart-row.unreached .bar{opacity:.43}.ref-line{position:absolute;left:var(--ref);top:-13px;bottom:-13px;width:0;border-left:1.5px dashed var(--orange);z-index:2;pointer-events:none}.value{text-align:right;font-variant-numeric:tabular-nums}.value strong{display:block;font-size:calc(15px * var(--text-scale,1));letter-spacing:-.025em;color:var(--ink);font-weight:650}.value small{display:block;font-size:calc(11px * var(--text-scale,1));color:var(--muted);margin-top:2px}.chart-row.unreached .value strong{color:var(--orange)}.chart-bottom{padding:15px 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:calc(11px * var(--text-scale,1));line-height:1.7}.chart-bottom a{color:var(--violet);white-space:nowrap}.reading-note{font-size:calc(12px * var(--text-scale,1));color:var(--muted);line-height:1.8;padding:12px 4px 0;max-width:850px}.reading-note+.reading-note{padding-top:5px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:calc(13px * var(--text-scale,1));text-align:left}th,td{padding:14px 12px;border-bottom:1px solid var(--line);font-weight:450}th{font-size:calc(11px * var(--text-scale,1));text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:var(--soft);white-space:nowrap}th:first-child,td:first-child{padding-left:26px}td:last-child,th:last-child{padding-right:26px}td:nth-child(n+3){font-variant-numeric:tabular-nums;white-space:nowrap}td button{border:0;background:none;padding:0;text-align:left;font-size:calc(13px * var(--text-scale,1));color:var(--ink-soft);line-height:1.6}td small{display:block;font-size:calc(11px * var(--text-scale,1));color:var(--muted)}tr:hover td{background:var(--soft)}.empty{text-align:center;padding:55px 25px}.empty strong{font-size:calc(16px * var(--text-scale,1))}.empty p{font-size:calc(14px * var(--text-scale,1));color:var(--muted);margin:10px 0 20px}.empty button{border:1px solid var(--line);padding:8px 13px;border-radius:8px;background:var(--violet-light);color:var(--violet);font-size:calc(13px * var(--text-scale,1))}.empty.error button{display:none}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);margin-top:40px!important;padding-block:22px 30px;font-size:calc(11px * var(--text-scale,1));color:var(--muted)}footer>span:first-child{font-weight:550;color:var(--ink-soft)}footer i{font-style:normal;margin:0 6px;color:var(--line-strong)}footer a{color:var(--violet)}dialog{width:min(620px,calc(100% - 32px));max-height:85vh;border:1px solid var(--line);padding:34px;border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 24px 100px #14182b35;overflow:auto}dialog::backdrop{background:#15182b66;backdrop-filter:blur(5px)}.close-dialog{position:absolute;right:17px;top:12px;font-size:calc(26px * var(--text-scale,1));width:36px;height:36px;background:none;border:0;color:var(--muted)}dialog h2{font-size:calc(30px * var(--text-scale,1));line-height:1.25;margin:19px 25px 24px 0}dialog h3{font-size:calc(15px * var(--text-scale,1));margin:23px 0 7px}dialog p{font-size:calc(14px * var(--text-scale,1));color:var(--muted);line-height:1.85}dialog a{color:var(--violet);font-size:calc(14px * var(--text-scale,1))}.sources-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.sources-list a{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:var(--soft);font-size:calc(14px * var(--text-scale,1))}.method-foot{margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:calc(13px * var(--text-scale,1))}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:23px 0;border-block:1px solid var(--line);margin:20px 0}.detail-grid span{display:block;color:var(--muted);font-size:calc(13px * var(--text-scale,1))}.detail-grid strong{display:block;font-size:calc(25px * var(--text-scale,1));letter-spacing:-.04em;margin-top:6px;color:var(--ink);font-weight:600}.detail-note{margin:15px 0 18px}#detail-comparison{color:var(--violet)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:var(--ink);color:var(--surface);border-radius:10px;padding:12px 18px;font-size:calc(14px * var(--text-scale,1));max-width:90vw;z-index:50;transition:opacity .2s,transform .2s;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){h1{font-size:calc(37px * var(--text-scale,1))}.workspace{grid-template-columns:255px minmax(0,1fr);gap:30px}.chart-row{min-height:61px}.career-label strong{font-size:calc(14px * var(--text-scale,1))}.chart-head h2{font-size:calc(27px * var(--text-scale,1))}}
@media(max-width:1100px){.shell{width:calc(100% - 48px)}.workspace{grid-template-columns:215px minmax(0,1fr);gap:18px}.rail{padding:19px 17px}.axis-header,.chart-row{grid-template-columns:minmax(150px,1fr) minmax(115px,1.1fr) 58px;gap:14px;padding-inline:20px}.chart-head{padding-inline:20px}.chart-tools{margin-inline:20px;gap:12px}.legend,.chart-bottom{padding-inline:20px}.career-label{gap:8px}.career-label strong{font-size:calc(12px * var(--text-scale,1))}.export{font-size:calc(11px * var(--text-scale,1))}.chart-head h2{font-size:calc(24px * var(--text-scale,1))}}
@media(max-width:820px){.shell{width:calc(100% - 32px)}.topbar{height:78px}.brand{font-size:calc(18px * var(--text-scale,1))}.brand small{font-size:calc(10px * var(--text-scale,1))}.brand-mark{width:33px;height:33px}.top-actions>button:not(.icon-button){font-size:calc(13px * var(--text-scale,1));padding:7px}.icon-button{width:34px;height:34px}.page-heading{padding:27px 0 23px}.page-heading h1{font-size:calc(30px * var(--text-scale,1))}.page-heading p:not(.eyebrow){font-size:calc(14px * var(--text-scale,1))}.data-seal{display:none}.workspace{grid-template-columns:1fr;gap:18px}.rail{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:20px;border-radius:17px}.rail-heading{grid-column:1/-1;margin-bottom:20px}.field{margin-bottom:19px}.rail fieldset{margin-bottom:17px}.count-group{margin-bottom:18px}.rail-divider{grid-column:1/-1;margin:0 0 18px}.reference-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.reference-controls legend{grid-column:1/-1}.reference-modes{align-self:start}.reference-empty{margin-top:0}.reference-controls #reference-inputs{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:12px}.reference-field{margin:0}.reference-controls #base-field{margin:0}.reference-controls #reference-range{align-self:center;grid-column:1/-1;margin-top:10px}#reference-equivalence{grid-column:1/-1;margin-top:0}.reference-controls .optional{float:none;margin-left:5px}.rail-foot{grid-column:1/-1;margin-top:16px;padding-top:12px}.rail-foot-note{grid-column:1/-1;margin-top:7px}.chart-head h2{font-size:calc(25px * var(--text-scale,1))}.career-label strong{font-size:calc(14px * var(--text-scale,1))}.axis-header,.chart-row{grid-template-columns:minmax(180px,.9fr) minmax(130px,1.2fr) 64px;gap:18px}.chart-row{min-height:62px}footer{flex-wrap:wrap;font-size:calc(12px * var(--text-scale,1));line-height:1.7}}
@media(max-width:520px){.top-actions>button:not(.icon-button)>span{display:none}.top-actions>button:not(.icon-button){font-size:calc(12px * var(--text-scale,1));padding:7px 2px}.top-actions{gap:6px}.brand{font-size:calc(17px * var(--text-scale,1));gap:8px}.brand-mark{width:30px;height:32px;border-radius:10px;padding:9px 7px}.brand small{font-size:calc(9px * var(--text-scale,1));letter-spacing:.11em}.brand-mark i{width:3px}.brand-mark i:nth-child(3){height:17px}.icon-button{width:32px;height:32px}.icon-button svg{width:15px}.topbar{gap:10px}.page-heading h1{font-size:calc(29px * var(--text-scale,1));letter-spacing:-.05em}.page-heading .eyebrow{font-size:calc(11px * var(--text-scale,1))}.rail{padding:17px;gap:0 14px}.rail .field select{font-size:calc(13px * var(--text-scale,1));padding:10px 7px}.field select,.number-wrap{min-height:42px}.field{font-size:calc(12px * var(--text-scale,1))}.segments button{font-size:calc(13px * var(--text-scale,1));min-height:35px}.modality button{padding:7px 5px}.check{font-size:calc(11px * var(--text-scale,1));gap:5px}.check input{width:11px;height:11px;flex:none}.field-help{font-size:calc(12px * var(--text-scale,1))}.reference-empty{font-size:calc(12px * var(--text-scale,1))}.reference-controls #reference-inputs{gap:8px 14px}.reference-controls #base-field select{font-size:calc(12px * var(--text-scale,1))}.number-wrap input{font-size:calc(19px * var(--text-scale,1))}.reference-value input{font-size:calc(24px * var(--text-scale,1))}.number-wrap{padding:0 8px;gap:5px}.number-wrap button{font-size:calc(11px * var(--text-scale,1))}.chart-head{padding:20px 16px;align-items:center}.chart-head h2{font-size:calc(23px * var(--text-scale,1));line-height:1.3}.chart-head .eyebrow{font-size:calc(10px * var(--text-scale,1))}.view-mode button{min-height:32px;padding:6px 8px;font-size:calc(11px * var(--text-scale,1))}.chart-tools{margin-inline:16px;flex-wrap:wrap;gap:11px;padding-bottom:14px}.search{width:100%;flex:auto}.search input{font-size:calc(19px * var(--text-scale,1));padding:7px 0}.search svg{width:15px;height:15px}.axis-select{margin-right:auto;font-size:calc(13px * var(--text-scale,1))}.axis-select select{font-size:calc(14px * var(--text-scale,1));min-height:34px}.export{font-size:calc(13px * var(--text-scale,1));padding-left:12px}.legend{padding:14px 16px 10px;font-size:calc(11px * var(--text-scale,1));gap:8px 15px}.comparison-count{width:100%;margin:0}.axis-header{display:none}.chart-row{padding:14px 16px 16px;grid-template-columns:1fr 64px;gap:11px 13px;min-height:87px}.career-label{gap:10px}.rank{width:20px;font-size:calc(12px * var(--text-scale,1))}.career-label strong{font-size:calc(14px * var(--text-scale,1))}.career-label small{font-size:calc(11px * var(--text-scale,1))}.plot{grid-column:1/-1;grid-row:2;margin-left:30px;min-height:10px;height:10px;border:0}.bar,.bar-track{height:8px}.ref-line{top:-6px;bottom:-7px}.value strong{font-size:calc(15px * var(--text-scale,1))}.value small{font-size:calc(11px * var(--text-scale,1))}.chart-row:hover{background:var(--surface)}.chart-bottom{padding:13px 16px;align-items:flex-start;font-size:calc(11px * var(--text-scale,1));gap:12px}.chart-bottom>span{max-width:210px}.chart-bottom a{font-size:calc(11px * var(--text-scale,1))}.reading-note{font-size:calc(12px * var(--text-scale,1))}.chart-card{border-radius:17px}footer{display:grid;gap:9px;margin-top:28px!important;padding-bottom:25px}dialog{padding:28px 22px}dialog h2{font-size:calc(27px * var(--text-scale,1))}.detail-grid strong{font-size:calc(24px * var(--text-scale,1))}.sources-list{grid-template-columns:1fr}.method-content p{font-size:calc(15px * var(--text-scale,1))}}
@media(pointer:coarse){button.icon-button{width:42px;height:42px}.segments button{min-height:40px}.field input,.field select{font-size:calc(19px * var(--text-scale,1))}.check{min-height:32px}.close-dialog{min-height:44px}.export{min-height:40px}.top-actions>button:not(.icon-button){min-height:44px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

.filter-toggle{display:none}.rail-heading #reset{margin-left:auto}.career-label strong{font-size:calc(14px * var(--text-scale,1))}.career-label small{font-size:calc(12px * var(--text-scale,1))}.field,legend{font-size:calc(14px * var(--text-scale,1))}.field select{font-size:calc(15px * var(--text-scale,1))}.legend{font-size:calc(12px * var(--text-scale,1))}.chart-tools .search input{font-size:calc(14px * var(--text-scale,1))}.axis-select,.axis-select select,.export{font-size:calc(13px * var(--text-scale,1))}
@media(max-width:820px){.filter-toggle{display:block;background:var(--violet-light)!important;color:var(--violet)!important;border-radius:7px;padding:7px 11px!important;font-size:calc(13px * var(--text-scale,1))!important}.rail.collapsed>:not(.rail-heading){display:none!important}.rail.collapsed .rail-heading{margin-bottom:0}.rail.collapsed{padding:16px 20px}.rail.collapsed #reset{display:none}.rail.collapsed .filter-toggle{margin-left:auto}.rail-heading{gap:16px}.field,legend{font-size:calc(13px * var(--text-scale,1))}}
@media(max-width:520px){.chart-tools .search input{font-size:calc(19px * var(--text-scale,1))}.field select{font-size:calc(15px * var(--text-scale,1))}.rail .field select{font-size:calc(15px * var(--text-scale,1))}.context-strip{font-size:calc(11px * var(--text-scale,1))}.context-strip i{margin:0 5px}.career-label strong{font-size:calc(14px * var(--text-scale,1))}.career-label small{font-size:calc(12px * var(--text-scale,1))}.page-heading h1{font-size:calc(28px * var(--text-scale,1))}.legend{font-size:calc(12px * var(--text-scale,1))}}

/* Expanded reading scale and composed controls. */
:root{--text-scale:1;--ease:cubic-bezier(.22,1,.36,1)}
body{font-size:calc(16px * var(--text-scale))}.shell{width:calc(100% - 48px);max-width:1880px}.topbar{height:84px}.page-heading{padding:25px 0 24px}.workspace{grid-template-columns:calc(270px * var(--text-scale)) minmax(0,1fr);gap:24px}.rail{padding:22px;top:18px}.chart-head{padding-block:25px 20px}.chart-row{min-height:72px;padding-block:15px}.axis-header,.chart-row{grid-template-columns:minmax(225px,.95fr) minmax(130px,1.5fr) calc(78px * var(--text-scale));gap:20px}.chart-head h2{font-size:calc(27px * var(--text-scale))}.career-label strong{font-size:calc(14px * var(--text-scale))}.career-label small,.rank{font-size:calc(11px * var(--text-scale))}.value strong{font-size:calc(16px * var(--text-scale))}.value small{font-size:calc(11px * var(--text-scale))}.chart-tools{flex-wrap:wrap}.search{min-width:190px}.chart-tools .search input{font-size:calc(14px * var(--text-scale))}.field select{min-height:48px;padding:12px 35px 12px 13px}.field,.rail legend{font-size:calc(13px * var(--text-scale))}.field-help,.reference-empty,.rail-foot-note,.check{font-size:calc(11px * var(--text-scale))}.field select,.axis-select select{font-size:calc(14px * var(--text-scale))}.segments{padding:4px;border-radius:12px;border-color:var(--line-strong)}.segments button{font-size:calc(12px * var(--text-scale));border-radius:8px;padding:10px 8px;min-height:40px;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.segments button.active{background:var(--violet-light);color:var(--violet);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--violet) 15%,transparent)}.segments button:hover{color:var(--violet);background:var(--violet-light)}.segments button:active{transform:scale(.97)}.check input{appearance:none;display:grid;place-content:center;width:16px;height:16px;border:1.5px solid var(--line-strong);background:var(--soft);border-radius:5px;flex:none;transition:background .18s,border-color .18s}.check input:checked{background:var(--violet);border-color:var(--violet)}.check input:checked:after{content:'';height:6px;width:3px;border:solid var(--surface);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%238b7beb' stroke-width='1.8'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s}.axis-select select{padding:10px 34px 10px 12px}.field select:hover,.axis-select select:hover{border-color:var(--violet)}.field select:focus-visible,.axis-select select:focus-visible{box-shadow:0 0 0 4px var(--violet-light)}
@supports(appearance:base-select){select,select::picker(select){appearance:base-select}select{display:flex;align-items:center;justify-content:space-between;background-image:none!important;padding-right:12px!important}select::picker-icon{content:'⌄';color:var(--violet);font-size:18px;transition:transform .25s}select:open::picker-icon{transform:rotate(180deg)}select::picker(select){background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:13px;padding:6px;box-shadow:0 12px 40px #1a1c3520;margin-top:6px;max-height:330px;overflow:auto}select option{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:calc(13px * var(--text-scale));transition:background .15s}select option:hover,select option:focus{background:var(--soft)}select option:checked{background:var(--violet-light);color:var(--violet);font-weight:600}select option::checkmark{order:2;margin-left:auto;color:var(--violet)}}
input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:8px!important;border-radius:20px;outline-offset:7px;background:linear-gradient(to right,var(--violet) 0 var(--fill,65%),var(--line-strong) var(--fill,65%) 100%);cursor:pointer;border:0;margin:20px 0 13px!important}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--surface);border:5px solid var(--violet);box-shadow:0 2px 7px #241c6630;transition:box-shadow .18s,transform .18s}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--surface);border:5px solid var(--violet);box-shadow:0 2px 7px #241c6630}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px var(--violet-light)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.reference-value{border-radius:12px;padding:11px 13px;border-color:color-mix(in srgb,var(--violet) 25%,var(--line));background:var(--violet-light)}.reference-value input{font-size:calc(29px * var(--text-scale))}.number-wrap{min-height:48px;border-radius:11px}.number-wrap input{font-size:calc(17px * var(--text-scale))}.number-wrap>span,.number-wrap button{font-size:calc(12px * var(--text-scale))}
.reading-tools{position:relative}.reading-tools summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:40px;min-width:46px;background:var(--surface);border:1px solid var(--line);border-radius:11px;font-size:16px;font-weight:600;letter-spacing:-.04em}.reading-tools summary::-webkit-details-marker{display:none}.reading-tools[open] summary{background:var(--violet-light);color:var(--violet);border-color:var(--violet)}.reading-panel{position:absolute;top:50px;right:0;width:290px;padding:22px;border:1px solid var(--line-strong);border-radius:17px;box-shadow:0 16px 60px #1a1c3520;background:var(--surface);z-index:30;animation:panelIn .22s var(--ease)}.reading-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:calc(13px * var(--text-scale))}.reading-heading output{font-variant-numeric:tabular-nums;color:var(--violet);font-weight:650}.reading-panel p{font-size:calc(11px * var(--text-scale));color:var(--muted);margin-top:13px;line-height:1.7}.font-actions{display:flex;justify-content:space-between;gap:8px;margin-top:17px}.font-actions button{background:var(--soft);border:1px solid var(--line-strong);border-radius:8px;padding:7px 12px;font-size:calc(12px * var(--text-scale))}.font-actions button:hover{background:var(--violet-light);color:var(--violet)}.export-bar{margin:0 26px 20px;padding:12px 14px;background:var(--soft);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.export-bar>span{font-size:calc(11px * var(--text-scale));color:var(--muted)}.export-bar>div{display:flex;gap:8px}.pdf-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);border-radius:8px;padding:9px 12px;background:var(--surface);color:var(--ink-soft);font-size:calc(12px * var(--text-scale));white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}.pdf-button:hover{background:var(--violet-light);border-color:var(--violet);color:var(--violet);transform:translateY(-1px)}.pdf-button:disabled{opacity:.5;cursor:progress;transform:none}.pdf-button>span{color:var(--violet);font-size:18px}.topbar,.page-heading,.rail,.chart-card{animation:panelIn .55s var(--ease) both}.page-heading{animation-delay:.04s}.rail{animation-delay:.08s}.chart-card{animation-delay:.12s}.animate-rows .chart-row{animation:rowIn .32s var(--ease) both;animation-delay:calc(min(var(--i,0),10) * 18ms)}.animate-rows .bar{transform-origin:left;animation:growBar .65s var(--ease) both;animation-delay:calc(min(var(--i,0),10) * 18ms)}.bar{transition:opacity .2s,background .2s}.ref-line{transition:left .22s var(--ease)}.chart-row{transition:background .18s}.icon-button,.export,.rail-heading button{transition:background .18s,color .18s,transform .18s}.icon-button:hover{transform:translateY(-2px)}dialog[open]{animation:panelIn .25s var(--ease)}dialog::backdrop{animation:fadeIn .25s}.chart-bottom,.reading-note{font-size:calc(11px * var(--text-scale))}td button,td{font-size:calc(13px * var(--text-scale))}th,td small{font-size:calc(11px * var(--text-scale))}.brand small{font-size:calc(9px * var(--text-scale))}.ref-line{border-left-width:2px}
@keyframes panelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rowIn{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes growBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.shell{width:calc(100% - 32px)}.workspace{grid-template-columns:1fr}.rail{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.rail-heading,.rail-divider,.reference-controls,.rail-foot,.rail-foot-note{grid-column:1/-1}.rail-heading{margin-bottom:20px}.rail.collapsed>:not(.rail-heading){display:none!important}.rail.collapsed .rail-heading{margin-bottom:0}.rail.collapsed{padding:17px 22px}.filter-toggle{display:block;background:var(--violet-light)!important;color:var(--violet)!important;padding:9px 13px!important;border-radius:8px}.rail.collapsed #reset{display:none}.rail.collapsed .filter-toggle{margin-left:auto}.reference-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.reference-controls legend,#reference-inputs{grid-column:1/-1}.reference-empty{margin-top:0}.reference-controls #reference-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:14px}.reference-field{margin:0}#reference-range,#reference-equivalence{grid-column:1/-1}.rail-divider{margin:5px 0 20px}.rail-foot{margin-top:16px}.axis-header,.chart-row{grid-template-columns:minmax(220px,1fr) minmax(145px,1.3fr) calc(78px * var(--text-scale))}.topbar{height:80px}}
@media(max-width:620px){.shell{width:calc(100% - 24px)}.page-heading{padding:23px 0}.page-heading h1{font-size:calc(29px * var(--text-scale))}.page-heading p:not(.eyebrow){font-size:calc(12px * var(--text-scale))}.brand{font-size:calc(16px * var(--text-scale));gap:8px}.brand small{font-size:7px;letter-spacing:.07em}.brand-mark{width:30px;height:32px;flex:none}.top-actions{gap:5px}.topbar{gap:7px}.top-actions #method-button{font-size:0;padding:5px}.top-actions #method-button:before{content:'Método';font-size:11px}.top-actions #method-button>span{display:none}.icon-button{width:32px!important;height:36px!important}.reading-tools summary{height:36px;min-width:34px;font-size:14px}.reading-panel{right:-70px;width:min(290px,calc(100vw - 28px))}.rail{padding:18px;gap:0 14px}.field,.rail legend{font-size:calc(12px * var(--text-scale))}.field select,.rail .field select{font-size:calc(13px * var(--text-scale));padding:11px 28px 11px 10px}.reference-controls{gap:0 15px}.segments button{font-size:calc(11px * var(--text-scale));padding:8px 5px}.rail-heading h2{font-size:calc(16px * var(--text-scale))}.rail-heading button{font-size:calc(11px * var(--text-scale))}.chart-head{padding:20px 16px}.chart-head h2{font-size:calc(22px * var(--text-scale))}.chart-head .eyebrow{font-size:calc(9px * var(--text-scale))}.view-mode{flex:none}.view-mode button{font-size:calc(10px * var(--text-scale));padding:6px}.export-bar{margin:0 16px 15px;flex-direction:column;align-items:stretch;padding:12px}.export-bar>div{display:grid;grid-template-columns:1fr 1fr}.pdf-button{padding:8px;font-size:calc(11px * var(--text-scale));white-space:normal;line-height:1.5}.export-bar>span{font-size:calc(10px * var(--text-scale))}.chart-tools{gap:12px;margin-inline:16px}.chart-tools .search input{font-size:16px}.axis-select,.axis-select select,.export{font-size:calc(12px * var(--text-scale))}.chart-tools .search{min-width:100%;width:100%}.legend{padding-inline:16px;font-size:calc(10px * var(--text-scale))}.axis-header{display:none}.chart-row{grid-template-columns:1fr calc(75px * var(--text-scale));gap:12px;padding:17px 16px;min-height:100px}.career-label{gap:8px}.career-label strong{font-size:calc(13px * var(--text-scale))}.career-label small,.rank{font-size:calc(10px * var(--text-scale))}.value strong{font-size:calc(15px * var(--text-scale))}.value small{font-size:calc(10px * var(--text-scale))}.plot{grid-column:1/-1;grid-row:2;margin-left:28px;min-height:10px}.bar,.bar-track{height:10px}.chart-bottom{padding:14px 16px;flex-wrap:wrap;gap:8px}.chart-bottom,.chart-bottom a,.reading-note{font-size:calc(11px * var(--text-scale))}.chart-bottom>span{max-width:none}.reference-value input{font-size:calc(25px * var(--text-scale))}.reference-controls #base-field select{font-size:calc(11px * var(--text-scale))}.context-strip{flex-wrap:wrap;font-size:calc(10px * var(--text-scale))}.reference-controls .optional{font-size:calc(9px * var(--text-scale))}.check{font-size:calc(10px * var(--text-scale))}.reference-controls #reference-inputs{gap:8px 12px}.chart-head{flex-wrap:wrap}.chart-head .view-mode{margin-left:auto}.reading-note{overflow-wrap:anywhere}footer{font-size:calc(11px * var(--text-scale))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.topbar{position:relative;z-index:40}.reading-tools summary:focus-visible{outline:3px solid var(--violet);outline-offset:3px}

@media(max-width:620px){.topbar{height:auto;min-height:80px;padding-block:14px}.brand{flex:1;min-width:0}.top-actions{flex:none}}

.export-control{position:relative;flex:none}.export-toggle{display:flex;align-items:center;justify-content:center;gap:15px;min-height:42px;border:1px solid color-mix(in srgb,var(--violet) 25%,var(--line));border-radius:10px;padding:10px 16px;background:var(--violet-light);color:var(--violet);font-size:calc(13px * var(--text-scale));font-weight:600;transition:background .2s,border-color .2s,transform .2s}.export-toggle:hover,.export-toggle[aria-expanded=true]{border-color:var(--violet);background:var(--surface)}.export-toggle:active{transform:translateY(1px)}.export-toggle:disabled{opacity:.5;cursor:default}.export-toggle span{font-size:17px}.export-menu{position:absolute;right:0;top:calc(100% + 8px);width:calc(250px * min(var(--text-scale),1.2));max-width:calc(100vw - 56px);z-index:15;border:1px solid var(--line-strong);border-radius:14px;padding:6px;background:var(--surface);box-shadow:0 15px 45px #1b183521;animation:panelIn .18s var(--ease)}.export-target{padding:10px 10px 12px;font-size:calc(11px * var(--text-scale));font-weight:550;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px}.export-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;color:var(--ink-soft);padding:12px 10px;border-radius:8px;font-size:calc(13px * var(--text-scale));line-height:1.5;min-height:48px}.export-menu button:hover,.export-menu button:focus-visible{background:var(--violet-light);color:var(--violet)}.format-mark{display:grid;place-items:center;flex:none;min-width:32px;height:28px;padding:0 4px;background:var(--soft);border:1px solid var(--line);border-radius:6px;font-size:9px;font-weight:700;letter-spacing:.03em;color:var(--violet)}.menu-arrow{margin-left:auto;color:var(--muted);font-size:16px}.export-menu-note{font-size:calc(10px * var(--text-scale));color:var(--muted);padding:10px;border-top:1px solid var(--line);margin-top:4px}.chart-tools{position:relative;z-index:10}.chart-card{position:relative}.export-menu button:disabled{opacity:.5;cursor:default}@media(max-width:620px){.export-toggle{font-size:calc(12px * var(--text-scale));padding:9px 12px;gap:10px}.export-menu{width:260px}.export-menu button{font-size:calc(12px * var(--text-scale))}.export-menu-note{font-size:calc(10px * var(--text-scale))}}
@media(prefers-reduced-motion:reduce){.export-menu{animation:none}}

/* The sidebar stays centered in the viewport, independently of page scrolling. */
@media(min-width:1101px){body{--rail-width:calc(270px * var(--text-scale))}.topbar.shell,main.shell,footer.shell{width:calc(100% - var(--rail-width) - 72px);margin-left:calc(var(--rail-width) + 48px);margin-right:24px;max-width:none}.workspace{display:block}.rail{position:fixed;left:24px;top:50%;width:var(--rail-width);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;transform:translateY(-50%);z-index:30;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;animation:railFixedIn .4s var(--ease) both}.chart-area{width:100%}.page-heading h1{max-width:1050px}.page-heading .data-seal{flex:none}}
@keyframes railFixedIn{from{opacity:0;transform:translate(-8px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
.brand small{font-size:calc(11px * var(--text-scale));letter-spacing:.01em;text-transform:none;font-weight:500;margin-top:2px;line-height:1.35}.brand{letter-spacing:-.025em}.page-heading h1{line-height:1.2;letter-spacing:-.04em}.page-heading p:not(.eyebrow){line-height:1.75;max-width:730px}.select-frame{position:relative;display:block;width:100%;min-width:0}.select-frame select{width:100%;padding-right:46px!important;background-image:none!important;margin:0;line-height:1.45}.select-frame select::picker-icon{display:none!important;content:none!important}.select-chevron{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--violet-light);color:var(--violet);pointer-events:none;transition:background .18s}.select-chevron svg{display:block;width:17px;height:17px;transition:transform .2s}.select-frame:has(select:open) .select-chevron svg{transform:rotate(180deg)}.select-frame:has(select:hover) .select-chevron{background:color-mix(in srgb,var(--violet) 16%,var(--surface))}.axis-select .select-frame{width:auto;min-width:145px}.axis-select .select-frame select{padding-block:10px}
@media(max-width:1100px){.rail{transform:none}.brand small{font-size:calc(10px * var(--text-scale))}}
@media(max-width:620px){.brand small{font-size:calc(9px * var(--text-scale));max-width:145px}.page-heading h1{font-size:calc(28px * var(--text-scale))}.page-heading p:not(.eyebrow){font-size:calc(13px * var(--text-scale))}.select-chevron{width:25px;height:25px;right:7px}.select-chevron svg{width:16px;height:16px}.select-frame select{padding-right:39px!important}.axis-select .select-frame{min-width:132px}}
@media(prefers-reduced-motion:reduce){.rail{animation:none}.select-chevron svg{transition:none}}

/* Subtle scrollbars, synchronized contextual selectors and exam navigation. */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 38%,transparent) transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 32%,transparent);border:2px solid transparent;background-clip:padding-box;border-radius:20px}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 55%,transparent);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}
.top-actions #method-button{border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-weight:450;padding:10px 13px;transition:background .2s,color .2s,border-color .2s}.top-actions #method-button:hover{background:var(--soft);color:var(--ink-soft);border-color:var(--line-strong)}
.context-choices{display:flex;align-items:center;flex-wrap:wrap;gap:3px}.context-choice{display:block;min-width:0}.context-choice .select-frame{width:auto;display:inline-flex}.context-choice .select-frame select{font-size:calc(11px * var(--text-scale));font-weight:500;color:var(--ink-soft);padding:7px 22px 7px 8px!important;min-height:32px;border:1px solid transparent;border-radius:8px;background-color:transparent;cursor:pointer;line-height:1.35}.context-choice .select-frame select:hover,.context-choice .select-frame select:focus-visible{background-color:var(--surface);border-color:var(--line-strong)}.context-choice .select-chevron{right:4px;width:14px;height:18px;background:transparent;color:var(--muted)}.context-choice .select-chevron svg{width:13px;height:13px}.context-strip i{margin:0 2px}.context-strip{gap:8px}
.exam-switch{position:relative;flex:none}.exam-switch summary{list-style:none;cursor:pointer;border-radius:12px;padding:6px 9px 6px 0;transition:background .2s}.exam-switch summary::-webkit-details-marker{display:none}.exam-switch summary:hover,.exam-switch[open] summary{background:var(--violet-light)}.exam-switch summary:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.exam-chevron{width:15px;height:15px;margin-left:5px;color:var(--muted);transition:transform .2s}.exam-switch[open] .exam-chevron{transform:rotate(180deg)}.exam-menu{position:absolute;top:calc(100% + 10px);left:0;width:300px;max-width:calc(100vw - 32px);padding:8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:15px;box-shadow:0 15px 45px #1b18351c;z-index:60;animation:panelIn .2s var(--ease)}.exam-menu>p{font-size:calc(11px * var(--text-scale));color:var(--muted);padding:9px 10px 13px}.exam-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:none;border:0;border-radius:9px;padding:12px 10px;min-height:60px}.exam-menu button[aria-current]{background:var(--violet-light);color:var(--violet)}.exam-menu strong{font-size:calc(14px * var(--text-scale));font-weight:650}.exam-menu small{display:block;font-size:calc(10px * var(--text-scale));color:var(--muted);font-weight:400;margin-top:3px}.exam-state{font-size:calc(10px * var(--text-scale));white-space:nowrap}.exam-menu button:disabled{color:var(--muted);opacity:.65;cursor:not-allowed}
.page-heading{flex-direction:column;text-align:center;justify-content:center;align-items:center;gap:14px}.page-heading>div{width:100%}.page-heading .eyebrow{justify-content:center}.page-heading h1,.page-heading p:not(.eyebrow){margin-left:auto;margin-right:auto}.page-heading .data-seal{align-self:center}.chart-head{position:relative;justify-content:center}.chart-head>div:first-child{width:100%;text-align:center;padding:0 130px}.chart-head .eyebrow{justify-content:center}.chart-head .view-mode{position:absolute;right:26px;top:50%;transform:translateY(-50%)}
@media(min-width:1101px){.topbar.shell{height:84px;width:calc(100% - 48px);margin-left:24px;margin-right:24px}.rail{top:calc(50% + 42px);max-height:calc(100dvh - 116px);scrollbar-color:color-mix(in srgb,var(--muted) 38%,transparent) transparent}.page-heading{width:calc(100vw - 48px);margin-left:calc(-1 * (var(--rail-width) + 24px));padding:30px 24px 25px}.page-heading>div{max-width:900px}}
@media(max-width:1100px){.page-heading{padding:25px 0}.chart-head>div:first-child{padding:0 110px}.chart-head .view-mode{right:20px}}
@media(max-width:620px){.exam-switch{flex:1;min-width:0}.exam-chevron{width:12px;height:12px;margin-left:0}.exam-switch summary{gap:7px;padding-right:4px}.exam-switch .brand>span:nth-child(2){min-width:0}.exam-menu{width:280px}.chart-head{flex-direction:column;gap:16px}.chart-head>div:first-child{padding:0}.chart-head .view-mode{position:static;transform:none;margin:0!important}.context-choices{gap:0;max-width:100%}.context-choice .select-frame select{font-size:calc(10px * var(--text-scale));padding-left:5px!important;padding-right:17px!important}.context-choice .select-chevron{right:1px;width:12px}.context-strip{flex-direction:column;align-items:flex-start;gap:6px}.context-strip #available{padding-left:5px}.page-heading h1{font-size:calc(27px * var(--text-scale))}.top-actions #method-button{padding:8px}.top-actions #method-button:before{content:none}.top-actions #method-button{font-size:calc(10px * var(--text-scale))}}
@media(prefers-reduced-motion:reduce){.exam-menu{animation:none}.exam-chevron{transition:none}}

@media(max-width:620px){.top-actions #method-button{font-size:0}.top-actions #method-button:before{content:'Método';font-size:calc(10px * var(--text-scale))}}

@media(min-width:1101px){.page-heading>div{max-width:max(240px,calc(100vw - 2 * (var(--rail-width) + 48px)))}}

/* Persistent navigation; translucency only after the page starts scrolling. */
.topbar.shell{position:sticky;top:0;z-index:50;background:var(--bg);transition:background .25s,border-color .25s,box-shadow .25s;isolation:isolate}.topbar::before{content:'';position:absolute;inset:0 -24px;z-index:-1;background:var(--bg);transition:background .25s,box-shadow .25s;pointer-events:none}.topbar.scrolled{background:transparent;border-color:color-mix(in srgb,var(--line-strong) 65%,transparent)}.topbar.scrolled::before{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 5px 24px #181a2c08}.chart-head{justify-content:flex-start}.chart-head>div:first-child{text-align:left;padding:0 150px 0 0}.chart-head .eyebrow{justify-content:flex-start}
@media(max-width:620px){.topbar::before{inset:0 -12px}.chart-head{align-items:stretch}.chart-head>div:first-child{padding:0}.chart-head .view-mode{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){.topbar,.topbar::before{transition:none}}
/* Shared historical and ENEM explorer controls. */
.exam-subview{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
#sisu-filters .field,#stats-filters .field{margin-bottom:17px}
#course-filter{width:100%;padding:12px;border:1px solid var(--line-strong);background:var(--soft);border-radius:10px;outline-offset:3px}
#mode-select,#institution-filter,#geo-filter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%}
.select-frame{min-width:0;max-width:100%}
.coverage-note{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--soft);line-height:1.7}
#source-provenance{overflow-wrap:anywhere}.career-label small{line-height:1.5;overflow-wrap:anywhere}
.exam-menu button[aria-current=true]{border-color:var(--violet);background:var(--violet-light)}
.chart-row .value strong{overflow-wrap:anywhere}.table-scroll td:nth-child(2){min-width:210px}
@media(max-width:620px){.context-choice .select-frame{max-width:130px}.context-choice select{max-width:130px}.chart-head h2{overflow-wrap:normal}.coverage-note{font-size:calc(12px * var(--text-scale));padding:14px}}
/* Quiet scrollbars: neutral thumb, transparent track, no arrow buttons. */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 22%,transparent) transparent}
.rail{scrollbar-color:color-mix(in srgb,var(--ink) 22%,transparent) transparent}
@supports selector(::-webkit-scrollbar){
 *,.rail{scrollbar-width:auto;scrollbar-color:auto}
 *::-webkit-scrollbar{width:5px;height:5px}
 *::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}
 *::-webkit-scrollbar-button{display:none;width:0;height:0}
 *::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 22%,transparent);border:1px solid transparent;background-clip:padding-box;border-radius:999px}
 *::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ink) 38%,transparent);background-clip:padding-box}
}
.admission-badge{display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;margin:5px 0;color:var(--violet);font-size:calc(10px * var(--text-scale));font-weight:650;line-height:1.5;flex-wrap:wrap}
.admission-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:2px}
.admission-badge[data-process="enem-usp"]{color:#25746b}
.admission-badge span{color:var(--muted);font-weight:500}
#admissions-scope .field{margin-bottom:20px}#admission-process{max-width:100%;text-overflow:ellipsis}
@media(forced-colors:active){*{scrollbar-color:auto;scrollbar-width:auto}.admission-badge{color:CanvasText}}

html[data-theme=dark] .admission-badge[data-process="enem-usp"]{color:#7ac8b7}
/* Exam identities remain distinguishable by name, active check and accent. */
.exam-menu #choose-fuvest{--exam-accent:#6956ef;--exam-tint:#f0edff}
.exam-menu #choose-enem{--exam-accent:#087d78;--exam-tint:#e6f5f2}
.exam-menu button{border:1px solid transparent!important;border-left:3px solid var(--exam-accent)!important;background:var(--surface);margin-bottom:5px;transition:background .18s,transform .18s}
.exam-menu button[aria-current=false]{background:var(--surface);color:var(--ink)}
.exam-menu button:hover,.exam-menu button[aria-current=true]{background:var(--exam-tint);color:var(--exam-accent);border-color:color-mix(in srgb,var(--exam-accent) 28%,transparent)!important;border-left-color:var(--exam-accent)!important}
.exam-menu strong{color:var(--exam-accent)}.exam-menu .exam-state{border:1px solid color-mix(in srgb,var(--exam-accent) 25%,transparent);border-radius:20px;padding:4px 7px}
html[data-exam=enem]{--violet:#087d78;--violet-light:#e6f5f2}
html[data-exam=enem] .brand-mark{background:#087d78}
html[data-exam=fuvest] .brand-mark{background:#6956ef}
html[data-theme=dark][data-exam=enem]{--violet:#73d4c6;--violet-light:#153933}
html[data-theme=dark] .exam-menu #choose-enem{--exam-accent:#73d4c6;--exam-tint:#153933}
html[data-theme=dark] .exam-menu #choose-fuvest{--exam-accent:#ae9eff;--exam-tint:#29233f}
.stat-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0 0 18px;background:var(--line)}
.stat-summary>div{background:var(--surface);padding:15px 20px;display:grid;gap:4px;min-width:0}
.stat-summary span{font-size:calc(11px * var(--text-scale));color:var(--muted)}
.stat-summary strong{font-size:calc(16px * var(--text-scale));font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere}
#stat-summary+ .chart-card .chart-head h2{max-width:850px}
#stats-filters .select-frame select{white-space:normal;text-overflow:ellipsis}
@media(max-width:620px){.stat-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.stat-summary>div{padding:12px 15px}.stat-summary strong{font-size:calc(14px * var(--text-scale))}}
@media(prefers-reduced-motion:reduce){.exam-menu button{transition:none}}
/* Each exploration has an explicit label and a restrained page tint. */
html[data-explore]{--explore-accent:#6956ef;--explore-bg:#f5f4fc}
html[data-explore^="admissions"]{--explore-accent:#14756d;--explore-bg:#eef7f5}
html[data-explore="admissions-enem-usp"]{--explore-accent:#9a5c20;--explore-bg:#faf5ed}
html[data-explore^="enem-"]{--explore-accent:#166f92;--explore-bg:#eff6fa}
html[data-explore="enem-distribution"],html[data-explore="enem-profile"],html[data-explore="fuvest-profile"]{--explore-accent:#925080;--explore-bg:#faf1f7}
html[data-explore$="history"],html[data-explore="enem-enrollHistory"]{--explore-accent:#315daa;--explore-bg:#f0f3fb}
html[data-explore$="States"],html[data-explore$="Regions"],html[data-explore="enem-states"],html[data-explore="enem-regions"]{--explore-accent:#26765a;--explore-bg:#eff7f2}
html[data-explore]{--bg:#f7f8fc;--violet:var(--explore-accent);--violet-light:color-mix(in srgb,var(--explore-accent) 9%,var(--surface))}
html[data-theme="dark"][data-explore]{--bg:#0e111a;--violet:color-mix(in srgb,var(--explore-accent) 50%,#e0dfff);--violet-light:color-mix(in srgb,var(--explore-accent) 22%,#171b27)}
body{transition:background-color .25s ease}.explore-feedback{margin:0;padding:10px 26px;background:var(--violet-light);color:var(--violet);border-block:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.015em}
.data-info{position:relative;display:inline-flex;vertical-align:middle}.info-trigger{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted);background:var(--surface);font:600 12px Georgia,serif;cursor:help}.info-trigger:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.info-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;z-index:80;width:min(310px,70vw);padding:13px 15px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink-soft);box-shadow:0 8px 30px #1112;font:400 12px/1.65 Inter,'Segoe UI',sans-serif;text-align:left;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s}.data-info:hover>.info-tooltip,.data-info:focus-within>.info-tooltip{visibility:visible;opacity:1;pointer-events:auto}.data-info:hover,.data-info:focus-within{z-index:81}#empty-info{display:block;margin-bottom:12px}#coverage-info{float:left;margin:12px 8px 0 0}#filter-data-info:not(:empty){margin:0 0 16px}td .info-tooltip{position:fixed;left:50%;bottom:24px;transform:translateX(-50%)}
@media(max-width:620px){.explore-feedback{padding-inline:16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){body,.info-tooltip{transition:none}}
#empty-info .info-tooltip{left:50%;transform:translateX(-50%)}
/* Sidebar groups follow the user's sequence: choose, filter, order, compare. */
.rail .rail-group{margin:0 0 16px;padding:16px 14px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.rail .rail-group-title{margin:0 0 18px;padding:0 0 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:calc(10px * var(--text-scale));font-weight:650;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}
.rail .rail-group:first-of-type{background:var(--soft)}
.rail .rail-group .field{margin-bottom:16px}.rail .rail-group .field:last-child{margin-bottom:0}
.rail .rail-group fieldset{margin:0;padding:0;border:0;min-width:0}
.rail .rail-group .fuvest-subview,.rail .rail-group .exam-subview{margin:0 0 16px;padding:0;border:0}
.rail .rail-group #mode-field{margin-bottom:16px}.rail .rail-group #mode-field:last-child{margin-bottom:0}
.rail .rail-group .check{margin-top:14px}.rail .rail-group .reference-empty{margin-bottom:0}
.rail .rail-group .reference-controls{display:block}.rail .rail-group .reference-controls legend{margin-bottom:12px}
.rail .rail-foot{margin-top:4px}.rail .rail-heading{margin-bottom:18px}
@media(max-width:1100px){.rail .rail-group{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.rail .rail-group-title,.rail .rail-group>fieldset,.rail .rail-group>#sisu-filters,.rail .rail-group>#stats-filters,.rail .rail-group>.count-group{grid-column:1/-1}.rail .rail-group #stats-filters,.rail .rail-group #sisu-filters{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.rail .rail-group .reference-controls #reference-inputs{display:block}.rail .rail-group .reference-controls #reference-inputs[hidden]{display:none}.rail .rail-group #filter-data-info:empty{display:none}.rail .rail-group .reference-controls{grid-column:1/-1}}
@media(max-width:620px){.rail .rail-group{display:block;padding:15px 13px;margin-bottom:14px}.rail .rail-group #stats-filters,.rail .rail-group #sisu-filters{display:block}.rail .rail-group-title{font-size:calc(10px * var(--text-scale));margin-bottom:16px}}
@media(min-width:1101px){body{--rail-width:calc(300px * var(--text-scale))}.rail{padding:18px 16px}.rail .rail-group{padding:15px 12px 13px}}
/* Progressive disclosure keeps secondary settings available without crowding the chart. */
.rail .rail-disclosure{display:block}
.rail-disclosure>summary{cursor:pointer;list-style:none;position:relative;padding-right:22px;min-height:32px}
.rail-disclosure>summary::-webkit-details-marker{display:none}
.rail-disclosure>summary::after{content:'+';position:absolute;right:0;top:0;color:var(--muted);font-size:18px;line-height:20px;font-weight:400}
.rail-disclosure[open]>summary::after{content:'−'}
.rail .rail-disclosure .rail-group-title{display:block;border:0;margin:0;padding:0;line-height:1.6}
.group-preview{display:block;color:var(--ink-soft);font-size:calc(12px * var(--text-scale));line-height:1.55;margin-top:5px;overflow-wrap:anywhere}
.rail-disclosure[open] .group-preview{display:none}
.rail-group-body{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.rail-disclosure:not([open])>.rail-group-body{display:none}
.rail-disclosure>summary:focus-visible{outline:2px solid var(--violet);outline-offset:5px;border-radius:4px}
.edition-explanation{padding:13px 26px;border-top:1px solid var(--line);background:var(--soft);font-size:12px;line-height:1.7;color:var(--ink-soft)}
.edition-explanation summary{cursor:pointer;color:var(--violet);font-weight:600}.edition-explanation p{max-width:850px;margin:12px 0 0}
@media(max-width:1100px){.rail .rail-disclosure{display:block}.rail .rail-group-body #stats-filters,.rail .rail-group-body #sisu-filters{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}}
@media(max-width:620px){.rail .rail-group-body #stats-filters,.rail .rail-group-body #sisu-filters{display:block}.edition-explanation{padding-inline:16px}}
#process-years{display:grid;grid-template-columns:1fr 1fr;gap:12px}#process-years .field{min-width:0;margin-bottom:0}.rail-group:first-of-type .field>span{line-height:1.5}.rail-group:first-of-type .exam-subview select{min-height:46px}.rail-group:first-of-type .field{margin-bottom:13px}
#process-years .field>span{display:block;min-height:calc(36px * var(--text-scale))}

/* A small marker in the header identifies the exploration; page surfaces stay neutral. */
.topbar::after{content:'';position:absolute;top:0;left:0;width:100px;height:3px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,var(--explore-accent,var(--violet)),transparent);opacity:.55;pointer-events:none}
.explore-feedback{background:var(--surface);border-left:2px solid color-mix(in srgb,var(--violet) 40%,var(--surface))}
/* Process identity: restrained surfaces, distinct shapes, and one shared legend. */
:root{--sisu-color:#26738a;--sisu-surface:#f4f9fc;--usp-color:#9c7433;--usp-surface:#fdf9f1}
html[data-theme=dark]{--sisu-color:#8bc8dd;--sisu-surface:#19232d;--usp-color:#d9b878;--usp-surface:#29251e}
.chart-row[data-process="sisu"],#table-body tr[data-process="sisu"]{background:var(--sisu-surface)}
.chart-row[data-process="enem-usp"],#table-body tr[data-process="enem-usp"]{background:var(--usp-surface)}
.chart-row[data-process]{border-left:3px solid transparent}
.chart-row[data-process="sisu"]{border-left-color:color-mix(in srgb,var(--sisu-color) 45%,transparent)}
.chart-row[data-process="enem-usp"]{border-left-color:color-mix(in srgb,var(--usp-color) 45%,transparent)}
.chart-row[data-process]:hover{background:color-mix(in srgb,var(--surface) 70%,var(--line-strong))}
.process-symbol{display:inline-block;flex:none;width:7px;height:7px;background:var(--sisu-color);border-radius:50%;vertical-align:middle}
.process-symbol[data-process="enem-usp"]{background:var(--usp-color);border-radius:1px;transform:rotate(45deg)}
.admission-meta{display:flex;align-items:center;gap:7px;margin:5px 0;font-size:calc(10px * var(--text-scale));line-height:1.5;color:var(--muted)}
.process-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 26px;border-top:1px solid var(--line);font-size:calc(11px * var(--text-scale));color:var(--ink-soft)}
.process-legend>span{display:inline-flex;align-items:center;gap:8px}.process-legend small{color:var(--muted);font-size:inherit;margin-left:auto}
.process-coverage-info{margin:-1px 0 13px;display:flex;flex-wrap:wrap;gap:6px 12px}.process-coverage-item{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:calc(11px * var(--text-scale));line-height:1.5}
.process-coverage-info .info-tooltip{position:fixed;left:24px;bottom:24px;width:min(340px,calc(100vw - 48px));transform:none}
.info-tooltip a{display:inline-block;margin-top:8px;color:var(--violet);text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){.process-legend{padding-inline:16px;gap:12px}.process-legend small{width:100%;margin:0}.process-coverage-info .info-tooltip{left:16px;width:calc(100vw - 32px)}}
@media(forced-colors:active){.process-symbol{background:CanvasText;border:1px solid CanvasText}.chart-row[data-process]{border-left-color:CanvasText}}
.info-tooltip[popover]:popover-open{visibility:visible;opacity:1;position:fixed;inset:auto auto 24px 24px;margin:0;transform:none;pointer-events:auto;width:min(340px,calc(100vw - 48px));max-height:65dvh;overflow:auto}.info-tooltip[popover]::backdrop{background:transparent}
/* One contextual row: process legend and optional explanation, without stacked bands. */
.legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.legend .process-legend{padding:0;border:0;gap:18px;font-size:inherit}
.legend .edition-explanation{margin:0 0 0 auto;padding:0;border:0;background:transparent;font-size:inherit;color:var(--muted);min-width:0}
.legend .edition-explanation summary{color:var(--muted);font-weight:500;list-style:none;display:flex;justify-content:flex-end;align-items:center;gap:7px}
.legend .edition-explanation summary::-webkit-details-marker{display:none}
.legend .edition-explanation summary::before{content:'i';font:600 10px Georgia,serif;border:1px solid var(--line-strong);border-radius:50%;width:15px;height:15px;display:inline-grid;place-items:center}
.legend .edition-explanation summary:hover{color:var(--violet)}
.legend .edition-explanation summary:focus-visible{outline:2px solid var(--violet);outline-offset:5px;border-radius:3px}
.legend .edition-explanation[open]{flex-basis:100%;padding:14px 16px;background:var(--soft);border:1px solid var(--line);border-radius:10px}
.legend .edition-explanation p{font-size:calc(12px * var(--text-scale));line-height:1.75;max-width:850px}
#explore-feedback{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:620px){.legend{gap:10px 14px}.legend .process-legend{gap:12px}.legend .edition-explanation summary{font-size:calc(10px * var(--text-scale))}}
/* Native customizable select pickers need their own scrollbar rules. */
select::picker(select){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 22%,transparent) transparent;overscroll-behavior:contain}
select::picker(select)::-webkit-scrollbar{width:4px;height:4px}
select::picker(select)::-webkit-scrollbar-track,select::picker(select)::-webkit-scrollbar-corner{background:transparent}
select::picker(select)::-webkit-scrollbar-thumb{border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 22%,transparent)}
select::picker(select)::-webkit-scrollbar-button{display:none;width:0;height:0}
.year-coverage-info{margin-left:4px;vertical-align:middle;letter-spacing:normal;text-transform:none}.year-coverage-info .info-trigger{width:17px;height:17px;font-size:10px}
#process-years .field>span{display:flex;align-items:center;flex-wrap:wrap;gap:3px}
select option[data-note]{color:var(--muted)}
.selector-option-info{position:fixed;inset:auto;margin:0;z-index:200;padding:13px 15px;max-height:190px;overflow:auto;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink-soft);box-shadow:0 8px 30px #1112;font:400 12px/1.65 Inter,'Segoe UI',sans-serif;pointer-events:none}
.selector-option-info::backdrop{background:transparent}
@media(forced-colors:active){select::picker(select){scrollbar-color:auto}.selector-option-info{border-color:CanvasText}}
select option:focus-visible{outline:1px solid color-mix(in srgb,var(--violet) 45%,var(--line));outline-offset:-1px}
/* The panel owns its rounded frame; only the inset content area scrolls. */
.rail{display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:auto}
.rail>.rail-heading{flex:none;margin-bottom:18px}
.rail-scroll{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 0 3px;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 22%,transparent) transparent;border-radius:8px}
.rail-scroll::-webkit-scrollbar{width:4px}.rail-scroll::-webkit-scrollbar-track{background:transparent}.rail-scroll::-webkit-scrollbar-thumb{border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 22%,transparent)}.rail-scroll::-webkit-scrollbar-button{display:none;width:0;height:0}
@media(max-width:1100px){.rail{display:block}.rail-scroll{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;overflow:visible;padding:0;scrollbar-gutter:auto}.rail-scroll>.rail-group,.rail-scroll>.rail-foot,.rail-scroll>.rail-foot-note{grid-column:1/-1}.rail.collapsed>.rail-scroll{display:none!important}}
@media(max-width:620px){.rail-scroll{display:block}}
@supports(appearance:base-select){select::picker(select){overflow:clip auto;scrollbar-gutter:stable both-edges;padding:6px;border-radius:13px}}
#process-years .field>span{min-height:24px;flex-wrap:nowrap;justify-content:space-between}#process-years .year-coverage-info{flex:none;margin:0}
@supports selector(::-webkit-scrollbar){.rail-scroll,select::picker(select){scrollbar-width:auto;scrollbar-color:auto}}
/* Keep both scrollbar tracks inset from content and from the rounded frame. */
@media(min-width:1101px){.rail-scroll{padding-inline:6px;scrollbar-gutter:stable both-edges}.rail-scroll::-webkit-scrollbar{width:3px}}
@supports(appearance:base-select){
 select::picker(select){overflow:hidden;max-height:none;padding:8px;scrollbar-gutter:auto;scrollbar-width:none}
 select::picker(select)::-webkit-scrollbar{display:none;width:0;height:0}
 select optgroup.picker-options{display:block;max-height:min(300px,calc(100dvh - 110px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 6px;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 22%,transparent) transparent;font-weight:400;border:0;margin:0;min-width:0}
 select optgroup.picker-options::before{display:none}
 select optgroup.picker-options::-webkit-scrollbar{width:3px;height:3px}
 select optgroup.picker-options::-webkit-scrollbar-track{background:transparent}
 select optgroup.picker-options::-webkit-scrollbar-thumb{border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 22%,transparent)}
 select optgroup.picker-options::-webkit-scrollbar-button{display:none;width:0;height:0}
}
@supports selector(::-webkit-scrollbar){select optgroup.picker-options{scrollbar-width:auto;scrollbar-color:auto}}
.info-tooltip[popover]{inset:auto auto 24px 24px;margin:0;width:min(340px,calc(100vw - 48px));max-height:35dvh;overflow:auto;transform:none}
#info-dialog{width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;margin:auto;padding:32px;border-radius:20px}
#info-dialog-text{font-size:calc(15px * var(--text-scale));line-height:1.8;color:var(--ink-soft);white-space:pre-line;margin:20px 0 25px}
.info-dialog-context{font-size:12px;color:var(--muted);margin-top:10px}#info-dialog h3{font-size:13px;margin:0 0 12px}
.info-dialog-sources{display:grid;gap:9px}.info-dialog-sources a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:9px;color:var(--violet);font-size:13px;overflow-wrap:anywhere;background:var(--soft)}
.info-dialog-sources a:hover{border-color:var(--violet)}
@media(max-width:620px){#info-dialog{padding:27px 22px}}
/* Short transitions preserve focus and let the content settle without overshoot. */
dialog{opacity:0;transform:none;transition:opacity .32s cubic-bezier(.2,0,0,1),display .32s allow-discrete,overlay .32s allow-discrete}
dialog[open]{animation:none;opacity:1;transform:none}
dialog::backdrop{animation:none;opacity:0;transition:opacity .32s cubic-bezier(.2,0,0,1),display .32s allow-discrete,overlay .32s allow-discrete}
dialog[open]::backdrop{opacity:1}
@starting-style{dialog[open]{opacity:0}dialog[open]::backdrop{opacity:0}}
#chart-rows,#table-body{transition:opacity .18s ease}.chart-area[aria-busy=true] #chart-rows,#chart[aria-busy=true] #chart-rows{opacity:.45}
.segments button,.view-mode button{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}
@supports selector(details::details-content){
 .rail-disclosure,.edition-explanation{interpolate-size:allow-keywords}
 .rail-disclosure::details-content,.edition-explanation::details-content{display:flow-root;block-size:0;overflow:clip;opacity:0;transition:block-size .32s cubic-bezier(.2,0,0,1),opacity .26s ease,content-visibility .32s allow-discrete}
 .rail-disclosure[open]::details-content,.edition-explanation[open]::details-content{block-size:auto;opacity:1}
 .rail-disclosure:not([open])>.rail-group-body{display:block}
}
@media(prefers-reduced-motion:reduce){dialog,dialog::backdrop,.rail-disclosure::details-content,.edition-explanation::details-content,#chart-rows,#table-body,.segments button,.view-mode button{animation:none!important;transition:none!important}dialog[open]{transform:none}}
@supports(appearance:base-select){
 select::picker(select){opacity:0;transform:none;transition:opacity .24s cubic-bezier(.2,0,0,1),display .24s allow-discrete,overlay .24s allow-discrete}
 select:open::picker(select){opacity:1;transform:none}
 @starting-style{select:open::picker(select){opacity:0}}
}
@media(prefers-reduced-motion:reduce){select::picker(select){transition:none!important;transform:none!important}}
/* Rounded windows never own a visible scrollbar: the inset body does. */
dialog,#info-dialog{overflow:hidden;max-height:calc(100dvh - 40px);padding:28px 22px}
.dialog-scroll{max-height:calc(100dvh - 100px);min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 7px 4px;scrollbar-gutter:stable both-edges;border-radius:8px}
dialog>.close-dialog{z-index:2;right:13px;top:10px;background:var(--surface);border-radius:50%}
.dialog-scroll>h2{padding-right:20px}
:is(.rail-scroll,.dialog-scroll,.picker-options,.table-scroll){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 18%,transparent) transparent}
:is(.rail-scroll,.dialog-scroll,.picker-options,.table-scroll)::-webkit-scrollbar{width:3px;height:3px}
:is(.rail-scroll,.dialog-scroll,.picker-options,.table-scroll)::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 18%,transparent);border:0;border-radius:999px}
:is(.rail-scroll,.dialog-scroll,.picker-options,.table-scroll)::-webkit-scrollbar-track,:is(.rail-scroll,.dialog-scroll,.picker-options,.table-scroll)::-webkit-scrollbar-corner{background:transparent}
:is(.rail-scroll,.dialog-scroll,.picker-options,.table-scroll)::-webkit-scrollbar-button{display:none;width:0;height:0}
@supports selector(::-webkit-scrollbar){:is(.rail-scroll,.dialog-scroll,.picker-options,.table-scroll){scrollbar-width:auto;scrollbar-color:auto}}
@supports(appearance:base-select){select::picker(select){padding:6px}select optgroup.picker-options{padding-inline:4px}}
.info-tooltip[popover],.info-tooltip[popover]:popover-open{overflow:hidden;max-height:none}
@media(max-width:620px){dialog,#info-dialog{padding:26px 14px 18px}.dialog-scroll{max-height:calc(100dvh - 88px);padding-inline:5px}}
@media(forced-colors:active){:is(.rail-scroll,.dialog-scroll,.picker-options,.table-scroll){scrollbar-color:auto}}
/* Keep the disclosure trigger in the legend row; only the copy opens below it. */
.legend{row-gap:0}
.legend .edition-explanation,.legend .edition-explanation[open]{display:contents}
.legend .edition-explanation>summary{margin-left:auto;flex:none;padding-block:4px}
.legend .edition-explanation::details-content{display:flow-root;flex:0 0 100%;min-width:0}
.edition-explanation-body{margin-top:9px;padding:12px 15px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.legend .edition-explanation .edition-explanation-body p{margin:0;line-height:1.7}
.legend .edition-explanation .edition-explanation-body p+p{margin-top:8px}

/* Shared baseline for informational notes; the icon stays inside the panel. */
.coverage-callout{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-top:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.coverage-callout #coverage-info{float:none;display:flex;align-items:center;flex:0 0 auto;margin:0}
.coverage-callout #coverage-note{margin:0;padding:0;border:0;border-radius:0;background:none;min-width:0;flex:1;line-height:1.7}
.exam-menu{max-height:calc(100dvh - 110px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;overscroll-behavior:contain}
.exam-coming{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;color:var(--muted)}
.exam-menu .exam-coming strong{color:var(--muted);font-size:12px}.exam-coming .exam-state{border:0;background:var(--soft);font-size:10px}.exam-upcoming-label{border-top:1px solid var(--line);margin-top:10px!important;padding-bottom:8px!important}
.exam-menu::-webkit-scrollbar{width:3px}.exam-menu::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:10px}

/* One compact entry point for presentation settings. */
.chart-head{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.chart-head>div:first-child{padding:0!important;min-width:0;flex:1 1 270px}
.chart-view-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-left:auto}
.chart-head .chart-view-controls .view-mode{position:static;transform:none;margin:0!important;align-self:center}
#customize-view{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:calc(12px * var(--text-scale));white-space:nowrap}
#customize-view:hover{background:var(--soft);border-color:var(--line);color:var(--ink)}
#customize-view:focus-visible{outline:2px solid var(--violet);outline-offset:3px}#customize-view svg{width:16px;height:16px;flex:none}
#presentation-state{font-size:calc(10px * var(--text-scale));color:var(--violet);background:var(--violet-light);padding:3px 6px;border-radius:5px}
.row-extra{display:flex;flex-wrap:wrap;gap:3px 14px;margin-top:7px;line-height:1.55;color:var(--muted);font-size:calc(11px * var(--text-scale));font-weight:400}
.row-extra>span{display:inline;overflow-wrap:anywhere}.career-label>span:last-child{min-width:0}
#presentation-dialog{width:min(600px,calc(100vw - 30px))}
#presentation-dialog h2{font-size:calc(26px * var(--text-scale));line-height:1.25;margin-bottom:12px}
#presentation-intro{font-size:calc(14px * var(--text-scale));line-height:1.7;color:var(--muted);margin:0 0 20px}
.presentation-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;border:0;margin:0 0 20px}
.presentation-presets label{display:flex;gap:10px;align-items:flex-start;padding:15px 13px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--surface);transition:background .2s,border-color .2s}
.presentation-presets label:has(:checked){border-color:var(--violet);background:var(--violet-light)}
.presentation-presets input,.presentation-field input{accent-color:var(--violet);width:16px;height:16px;margin:3px 0 0;flex:none}
.presentation-presets strong{font-size:calc(14px * var(--text-scale));font-weight:650;display:block}.presentation-presets small{display:block;font-size:calc(12px * var(--text-scale));line-height:1.5;color:var(--muted);margin-top:5px}
#presentation-choices{border-block:1px solid var(--line);padding:0;margin-bottom:12px}
#presentation-choices>summary{cursor:pointer;list-style:none;padding:15px 0;font-size:calc(14px * var(--text-scale));font-weight:550;display:flex;align-items:center;gap:6px}
#presentation-choices>summary::-webkit-details-marker{display:none}#presentation-choices>summary::after{content:'+';margin-left:auto;font-size:18px;color:var(--muted)}#presentation-choices[open]>summary::after{content:'−'}
#presentation-count{font-size:calc(12px * var(--text-scale));color:var(--muted);font-weight:400}
#presentation-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:0 0 14px}
.presentation-field{display:flex;gap:10px;align-items:flex-start;padding:11px 0;cursor:pointer}.presentation-field:has(input:disabled){cursor:default;opacity:.6}
.presentation-field strong{font-size:calc(13px * var(--text-scale));font-weight:500;line-height:1.5;display:block}.presentation-field small{font-size:calc(11px * var(--text-scale));line-height:1.5;color:var(--muted);display:block;margin-top:3px}
.presentation-preview{font-size:calc(12px * var(--text-scale));line-height:1.65;color:var(--ink-soft);margin:14px 0 10px}
.presentation-note{font-size:calc(11px * var(--text-scale));line-height:1.7;color:var(--muted);margin:0 0 20px}
.presentation-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:16px}
.presentation-actions button{border:1px solid var(--line);border-radius:9px;padding:11px 15px;font-size:calc(13px * var(--text-scale));background:var(--surface);color:var(--ink-soft)}
.presentation-actions #apply-presentation{background:var(--violet);color:white;border-color:var(--violet)}
.presentation-actions button:focus-visible,.presentation-presets input:focus-visible,.presentation-field input:focus-visible,#presentation-choices>summary:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
@media(max-width:620px){.chart-view-controls{width:100%;justify-content:space-between;gap:8px}.chart-head .chart-view-controls .view-mode{align-self:center}#customize-view{padding-left:0;font-size:calc(11px * var(--text-scale))}#presentation-state{font-size:calc(9px * var(--text-scale))}.row-extra{font-size:calc(10px * var(--text-scale));gap:3px 12px}}
@media(max-width:400px){.presentation-presets,#presentation-fields{grid-template-columns:1fr}.presentation-presets label{padding:12px}#presentation-dialog h2{font-size:calc(22px * var(--text-scale))}.presentation-actions button{padding:10px;font-size:calc(12px * var(--text-scale))}}
html.booting #brand-name,html.booting .page-heading>div>*,html.booting #data-seal-text,html.loading #data-seal-text{visibility:hidden}
.chart-loading{margin:0;padding:48px 16px;text-align:center;color:var(--muted)}
html.unready .context-strip{visibility:hidden}
@media(max-width:620px){.chart-head>div:first-child{flex:0 0 auto}}
