:root{color-scheme:light;--bg:#f3f7fb;--surface:#fff;--text:#173047;--muted:#667a8d;--border:#dfebf2;--primary:#087e87;--primary-strong:#08646b;--primary-soft:#e3f7f5;--navy:#18344a;--gold:#ad6b12;--green:#00805e;--shadow:0 10px 35px rgba(17,56,82,.055)}
:root[data-theme=dark]{color-scheme:dark;--bg:#0c1725;--surface:#142438;--text:#edf6fa;--muted:#a4b7c9;--border:#2d4459;--primary:#57ddcf;--primary-strong:#8af0df;--primary-soft:#1c3c44;--navy:#e7f3fc;--gold:#f1c079;--green:#75dcc3;--shadow:0 10px 35px rgba(0,0,0,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.65}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h2{font-size:20px;line-height:1.5;margin-bottom:0}h3{font-size:15px;line-height:1.65}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.hidden{display:none!important}.container{width:min(1080px,calc(100% - 36px));margin-inline:auto}.skip-link{position:absolute;top:-100px;right:16px;z-index:1000;background:var(--surface);padding:12px}.skip-link:focus{top:10px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:25}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;direction:ltr;background:linear-gradient(140deg,#0b9b95,#125880);color:#fff;font:800 22px Arial,sans-serif}.logo-title{display:flex;flex-direction:column;line-height:1.4}.logo-title strong{font-size:17px}.logo-title small{font:700 11px Arial,sans-serif;letter-spacing:.12em;color:var(--primary)}.header-tools{display:flex;align-items:center;gap:10px}.year-chip{border:1px solid var(--border);border-radius:99px;padding:5px 12px;color:var(--muted);font-size:12px}.nav-admin{font-size:12px;color:var(--muted);padding:9px}.nav-admin:hover{color:var(--primary)}.icon-button{width:39px;height:39px;border:1px solid var(--border);border-radius:13px;color:var(--text);background:var(--bg);font-size:20px}.page{padding-top:27px;padding-bottom:25px}.intro{text-align:center;margin:7px auto 26px;max-width:760px}.overline{display:inline-flex;color:var(--primary);font-size:12px;font-weight:bold;background:var(--primary-soft);border-radius:100px;padding:4px 15px;margin-bottom:9px}.intro h1{font-size:clamp(24px,3.5vw,35px);line-height:1.55;letter-spacing:-.4px;margin:0 0 3px}.intro p{color:var(--muted);font-size:14px;margin:0}.step-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:26px;margin-bottom:17px;scroll-margin-top:92px}.step-heading{display:flex;align-items:center;gap:12px;margin-bottom:19px}.step-heading p{font-size:13px;color:var(--muted);margin:4px 0 0}.step-num{width:37px;height:37px;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-size:18px;font-weight:800;display:grid;place-items:center;flex-shrink:0}.choice-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:21px;max-width:550px}.choice{border:1px solid var(--border);border-radius:13px;background:var(--bg);color:var(--text);padding:13px;font-weight:bold;font-size:13px}.choice.is-active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.form-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.input-field{display:flex;flex-direction:column;font-size:13px;font-weight:bold;gap:7px;min-width:0}.optional{font-weight:normal;font-size:11px;color:var(--muted)}input[type=number],input[type=search],select{height:47px;width:100%;padding:8px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);outline:none}select:disabled{background:var(--bg);color:var(--muted)}.record-select{margin-top:13px;max-width:850px}.record-select small{color:var(--muted);font-size:11px;font-weight:normal}.form-action{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:19px}.primary-button,.secondary-button,.compare-button{border:1px solid transparent;border-radius:11px;padding:11px 19px;min-height:43px;font-size:13px;font-weight:bold}.primary-button{background:var(--primary);color:var(--surface)}:root[data-theme=dark] .primary-button{color:#082d30}.primary-button:hover:not(:disabled){filter:brightness(.94)}.secondary-button{background:var(--bg);border-color:var(--border);color:var(--text)}.text-button{background:none;border:0;color:var(--primary);font-size:12px;font-weight:bold;padding:9px 4px}.inline-feedback{font-size:12px;color:var(--muted)}.average-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:660px;gap:15px}.baseline-preview{display:flex;align-items:center;gap:11px;margin-top:22px;background:var(--bg);border:1px solid var(--border);border-radius:13px;padding:12px 15px}.baseline-preview.has-value{border-color:var(--primary);background:var(--primary-soft)}.preview-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--primary);font-weight:bold}.preview-copy{display:flex;flex:1;flex-direction:column;min-width:0}.preview-copy strong{font-size:14px}.preview-copy small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.search-step{position:relative}.search-field{height:64px;display:flex;align-items:center;gap:6px;border:2px solid var(--primary);border-radius:16px;padding:0 15px;background:var(--surface);box-shadow:0 3px 14px rgba(27,155,158,.07)}.search-field:focus-within{box-shadow:0 0 0 4px var(--primary-soft)}.search-field input{border:0;background:transparent;flex:1;height:59px;min-width:0;font-size:16px;margin:0;box-shadow:none;outline:0}.search-field input:focus-visible{outline:0}.magnifier{font-size:31px;color:var(--primary);line-height:1}.clear-search{border:0;background:transparent;color:var(--muted);font-size:15px;padding:9px}.search-examples{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:13px 0 22px}.search-examples span{font-size:12px;color:var(--muted)}.search-examples button{font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:99px;padding:5px 10px;color:var(--muted)}.search-examples button:hover{border-color:var(--primary);color:var(--primary)}.simple-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 0;border-top:1px solid var(--border)}.simple-toolbar label{display:flex;align-items:center;gap:8px;font-size:13px}.simple-toolbar select{width:175px;height:40px}.simple-check{cursor:pointer;color:var(--text)}.simple-check input{accent-color:var(--primary);width:17px;height:17px}.simple-check:has(input:disabled){color:var(--muted)}.advanced{border-top:1px solid var(--border);padding-top:13px}.advanced summary{color:var(--primary);font-size:13px;font-weight:bold;cursor:pointer;list-style-position:inside;user-select:none}.summary-hint{font-weight:normal;color:var(--muted);font-size:11px;margin-inline-start:6px}.advanced-body{padding-top:17px;grid-template-columns:repeat(3,minmax(0,1fr))}.advanced-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-top:18px}.result-heading{margin-bottom:13px}.result-heading>div{flex:1}.count-pill{border-radius:99px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:bold;padding:5px 13px;white-space:nowrap}.quick-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:2px 0 15px}.quick-stats>div{border-radius:12px;background:var(--bg);border:1px solid var(--border);padding:13px 14px;display:flex;flex-direction:column;gap:2px}.quick-stats span{font-size:11px;color:var(--muted)}.quick-stats strong{font-size:22px;direction:ltr;text-align:right}.search-status{font-size:12px;color:var(--muted);margin:1px 0 13px}.result-list{display:flex;flex-direction:column;gap:8px}.result-row{display:grid;grid-template-columns:minmax(180px,1fr) 130px 132px 109px;align-items:center;gap:13px;border:1px solid var(--border);border-radius:13px;padding:15px;background:var(--surface)}.result-row.chosen{border-color:var(--primary);background:var(--primary-soft)}.result-main{min-width:0}.result-main h3{margin:2px 0 6px;overflow-wrap:anywhere}.uni-name{font-size:12px;font-weight:bold;color:var(--primary)}.record-details{display:flex;gap:6px;flex-wrap:wrap}.record-details span{border:1px solid var(--border);border-radius:99px;background:var(--bg);color:var(--muted);padding:2px 8px;font-size:10px}.rate-box{display:flex;flex-direction:column;align-items:center;gap:0}.rate-box span{font-size:10px;color:var(--muted)}.rate-box strong{font-size:24px;line-height:1.5;color:var(--text)}.difference{display:flex;flex-direction:column;align-items:center;gap:2px}.difference strong{font-size:17px;white-space:nowrap}.difference span{font-size:10px;color:var(--muted);text-align:center}.difference.higher strong{color:var(--gold)}.difference.lower strong{color:var(--green)}.difference.equal strong{color:var(--primary)}.difference.neutral strong{color:var(--muted)}.compare-button{background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary);padding:10px 6px;white-space:nowrap}.compare-button.chosen{background:var(--primary);color:var(--surface)}:root[data-theme=dark] .compare-button.chosen{color:#032e2e}.no-results{text-align:center;padding:40px 16px;background:var(--bg);border:1px dashed var(--border);border-radius:13px}.no-results p{font-size:13px;color:var(--muted);margin:8px 0 0}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.pagination span{color:var(--muted);font-size:12px}.comparison-section{border-color:var(--primary)}.compare-icon{background:var(--primary);color:var(--surface)}.comparison-bars{background:var(--bg);border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:12px}.bar-entry{display:grid;grid-template-columns:190px 1fr 90px;align-items:center;gap:15px}.bar-entry>span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:12px;background:var(--border);border-radius:30px;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:30px;background:var(--primary)}.base-entry .bar-track i{background:var(--navy)}.bar-entry b{font-size:12px;text-align:left}.compare-list{margin-top:14px}.comparison-item{display:grid;grid-template-columns:minmax(175px,1fr) 90px 115px 34px;align-items:center;gap:13px;border-bottom:1px solid var(--border);padding:12px 4px}.comparison-item>div{display:flex;flex-direction:column}.comparison-item>div strong{font-size:12px}.comparison-item>div small{font-size:11px;color:var(--muted)}.comparison-item>b{font-size:16px;text-align:center}.comparison-item>.difference{font-size:13px;text-align:center;display:block;white-space:nowrap}.comparison-item>.difference.higher{color:var(--gold)}.comparison-item>.difference.lower{color:var(--green)}.remove-button{background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:21px;color:var(--muted)}.source-note{font-size:12px;color:var(--muted);padding:8px 6px 12px;text-align:center;line-height:2}.footer{border-top:1px solid var(--border);background:var(--surface);padding:20px 0}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted)}.footer-inner>span:first-child{font-weight:bold;color:var(--primary);font-size:14px;direction:ltr}.alert{padding:12px 16px;border-radius:11px;background:var(--primary-soft);border:1px solid var(--primary);font-size:13px;margin-bottom:18px}.alert.danger{background:#fff0ef;border-color:#e39b9b;color:#a02d35}:root[data-theme=dark] .alert.danger{background:#411f2a;color:#f4b6b6}
@media(max-width:900px){.result-row{grid-template-columns:minmax(150px,1fr) 110px 110px;gap:10px}.result-row .compare-button{grid-column:2/4;justify-self:stretch}.rate-box strong{font-size:21px}}@media(max-width:700px){.step-card{padding:18px}.form-columns,.advanced-body{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{margin-bottom:19px}.intro p{font-size:13px}.quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.result-row{grid-template-columns:minmax(0,1fr) 115px;gap:9px;padding:13px}.result-main{grid-column:1/-1}.rate-box{align-items:flex-start}.rate-box strong{font-size:22px}.difference{align-items:flex-end}.result-row .compare-button{grid-column:1/-1}.comparison-item{grid-template-columns:minmax(0,1fr) 66px 80px 30px;gap:5px}.bar-entry{grid-template-columns:95px 1fr 64px;gap:9px}.search-field{height:59px}.search-field input{height:53px;font-size:14px}}@media(max-width:490px){.container{width:calc(100% - 22px)}.header-inner{height:63px}.logo-icon{height:37px;width:37px;font-size:19px;border-radius:10px}.logo-title strong{font-size:14px}.year-chip{display:none}.nav-admin{font-size:11px}.intro h1{font-size:23px}.form-columns,.advanced-body,.average-layout{grid-template-columns:1fr}.choice-switch{gap:7px}.choice{font-size:11px;padding:12px 6px}.step-heading{align-items:flex-start}.step-num{height:33px;width:33px}.step-heading h2{font-size:17px}.result-heading{flex-wrap:wrap}.result-heading .count-pill{margin-right:45px}.simple-toolbar{align-items:flex-start;flex-direction:column}.simple-toolbar label:first-child{width:100%;justify-content:space-between}.simple-toolbar select{flex:1}.bar-entry{grid-template-columns:88px 1fr 57px}.comparison-item{grid-template-columns:minmax(0,1fr) 75px 27px;gap:6px}.comparison-item>.difference{grid-column:1/3;text-align:right}.comparison-item .remove-button{grid-row:1/3;grid-column:3}.footer-inner{flex-direction:column;align-items:center}.inline-feedback{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}