:root {
  --blue: #0284c7;
  --blue-dark: #075985;
  --cyan: #06b6d4;
  --cyan-soft: #cffafe;
  --sky-50: #f0f9ff;
  --sky-100: #e0f2fe;
  --ink: #0f172a;
  --text: #334155;
  --muted: #64748b;
  --border: #dbeafe;
  --surface: #ffffff;
  --success: #047857;
  --warning: #a16207;
  --shadow: 0 20px 50px rgba(2, 132, 199, .09);
  --radius: 20px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: #f8fcff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 100; padding: 12px 18px; border-radius: 10px; background: var(--ink); color: white; }
.skip-link:focus { top: 12px; }

.topbar { position: sticky; z-index: 1100; top: 0; display: flex; align-items: center; gap: 16px; min-height: 68px; padding: 12px 20px; background: #fff; border-bottom: 1px solid #dbe2ea; }
.brand { min-width: 220px; color: #536174; font-weight: 750; letter-spacing: -.02em; }
.brand-name { color: #0079c8; }
.brand-product { color: #536174; }
.beta-label { display: inline-flex; align-items: center; margin-left: 4px; padding: 2px 6px; color: #637083; background: #eef2f5; border: 1px solid #d5dde5; border-radius: 999px; font-size: 9px; font-weight: 800; letter-spacing: .05em; vertical-align: 2px; }
.brand small { display: block; margin-top: 2px; color: #637083; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.top-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; white-space: nowrap; }
.top-action { min-height: 32px; padding: 0 10px; color: #175f99; background: #eef6fb; border: 1px solid #bdd9ea; border-radius: 7px; font-size: 11px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.top-action-link { display: inline-flex; align-items: center; gap: 5px; text-decoration: none; }
.home-icon { display: none; width: 16px; height: 16px; }
.top-action:hover { color: #fff; background: #175f99; border-color: #175f99; }

.search-hero { position: relative; overflow: visible; padding: 70px 0 64px; background: radial-gradient(circle at 84% 0, rgba(34,211,238,.16), transparent 34%), linear-gradient(180deg, #fff, #f0faff); border-bottom: 1px solid var(--border); }
.search-hero::before { content: ""; position: absolute; width: 360px; height: 360px; left: -230px; bottom: -210px; border: 70px solid rgba(14,165,233,.07); border-radius: 50%; }
.hero-grid { position: relative; display: grid; grid-template-columns: 1fr 490px; gap: 64px; align-items: center; }
.eyebrow { margin: 0 0 10px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 0; max-width: 680px; font-size: clamp(38px, 5vw, 62px); line-height: 1.08; letter-spacing: -.045em; }
h1 span { color: var(--blue); }
.hero-copy { max-width: 610px; margin: 22px 0 0; color: var(--text); font-size: 17px; line-height: 1.75; }

.search-panel { position: relative; z-index: 5; min-height: 250px; padding: 10px 28px 24px; border: 1px solid rgba(186,230,253,.9); border-radius: 24px; background: rgba(255,255,255,.95); box-shadow: var(--shadow); }
.search-tabs { display: flex; gap: 24px; margin-bottom: 22px; border-bottom: 1px solid var(--border); }
.search-tab { min-height: 54px; padding: 0 2px; border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; cursor: pointer; font-weight: 700; }
.search-tab:hover { color: var(--blue); }
.search-tab.is-active { color: var(--blue); border-bottom-color: var(--cyan); }
.tab-panel label { display: block; margin-bottom: 9px; color: var(--text); font-size: 13px; font-weight: 700; }
.search-field { position: relative; flex: 1; }
.search-field svg { position: absolute; left: 15px; top: 50%; width: 21px; color: var(--blue); transform: translateY(-50%); pointer-events: none; }
.search-field input { width: 100%; height: 52px; padding: 0 15px 0 46px; border: 1px solid #bfdbfe; border-radius: 13px; outline: none; color: var(--ink); background: var(--surface); transition: border-color .2s, box-shadow .2s; }
.search-field input::placeholder { color: #94a3b8; }
.search-field input:focus { border-color: var(--blue); box-shadow: 0 0 0 4px rgba(14,165,233,.14); }
.field-help { margin: 11px 0 0; color: var(--muted); font-size: 12px; }
.address-row { display: flex; gap: 10px; }
.primary-button, .secondary-button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 18px; border-radius: 12px; cursor: pointer; text-decoration: none; font-size: 13px; font-weight: 800; transition: background .2s, border-color .2s, box-shadow .2s; }
.primary-button { border: 0; color: white; background: linear-gradient(135deg, var(--blue), #0891b2); }
.primary-button:hover { box-shadow: 0 8px 20px rgba(2,132,199,.22); }
.secondary-button { border: 1px solid #bae6fd; color: var(--blue-dark); background: var(--sky-50); }
.secondary-button:hover { border-color: var(--blue); background: var(--sky-100); }
.inline-notice { display: flex; gap: 10px; margin-top: 14px; padding: 12px; border-radius: 12px; color: var(--blue-dark); background: var(--sky-50); font-size: 12px; line-height: 1.45; }
.inline-notice svg { flex: 0 0 20px; width: 20px; margin-top: 2px; }
.inline-notice p { margin: 0; }
.address-suggestions { margin-top: 10px; max-height: 250px; overflow-y: auto; padding: 6px; border: 1px solid #bae6fd; border-radius: 13px; background: white; box-shadow: 0 14px 30px rgba(15,23,42,.09); }
.address-candidate { width: 100%; min-height: 48px; display: flex; align-items: center; gap: 10px; padding: 10px 11px; border: 0; border-radius: 9px; color: var(--ink); background: transparent; text-align: left; cursor: pointer; }
.address-candidate::before { content: ""; flex: 0 0 9px; width: 9px; height: 9px; border: 2px solid var(--cyan); border-radius: 50%; }
.address-candidate:hover, .address-candidate:focus-visible { outline: none; background: var(--sky-50); }
.address-candidate + .address-candidate { border-top: 1px solid #e0f2fe; }
.address-captcha { margin-top: 12px; min-height: 65px; }
.address-results { margin-top: 12px; padding: 14px; border: 1px solid #bae6fd; border-radius: 13px; color: var(--blue-dark); background: var(--sky-50); font-size: 12px; line-height: 1.5; }
.address-results.is-error { border-color: #fecaca; color: #991b1b; background: #fff7f7; }
.address-results p { margin: 0; }
.address-results a { color: inherit; font-weight: 800; }
.zone-result-header { margin-bottom: 12px; }
.zone-result-header strong { display: block; color: var(--ink); font-size: 14px; }
.zone-result-header span { color: var(--muted); }
.zone-result-groups { display: grid; gap: 9px; }
.zone-result-group { padding: 11px; border: 1px solid #dbeafe; border-radius: 10px; background: white; }
.zone-result-group h4 { margin: 0 0 7px; color: var(--blue-dark); font-size: 12px; }
.zone-school-list { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.zone-school-item { min-width: 0; }
.zone-school-name, .zone-school-button { display: inline-flex; max-width: 100%; padding: 6px 9px; border: 1px solid #bae6fd; border-radius: 999px; color: var(--ink); background: #f8fdff; font: inherit; text-align: left; }
.zone-school-button { cursor: pointer; font-weight: 800; }
.zone-school-button:hover, .zone-school-button:focus-visible { outline: none; border-color: var(--blue); color: var(--blue-dark); background: var(--sky-50); }
.zone-source { margin-top: 11px !important; color: var(--muted); }
.zone-disclaimer { margin-top: 7px !important; color: var(--muted); font-size: 11px; }
.suggestions { position: absolute; left: 28px; right: 28px; top: 178px; z-index: 40; max-height: 290px; overflow-y: auto; padding: 7px; border: 1px solid #bae6fd; border-radius: 14px; background: white; box-shadow: 0 20px 40px rgba(15,23,42,.13); }
.suggestion { width: 100%; min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 11px; border: 0; border-radius: 9px; text-align: left; color: var(--ink); background: transparent; cursor: pointer; }
.suggestion:hover, .suggestion:focus { outline: none; background: var(--sky-50); }
.suggestion span { display: block; }
.suggestion small { margin-top: 3px; color: var(--muted); }
.suggestion-type { flex: 0 0 auto; color: var(--blue); font-size: 11px; font-weight: 700; }

.school-content { padding-top: 34px; padding-bottom: 72px; }
.card { border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: 0 10px 30px rgba(15,23,42,.04); }
.school-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 28px; }
.school-title-block { min-width: 0; display: flex; align-items: center; gap: 18px; }
.school-monogram { flex: 0 0 58px; width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid #a5f3fc; border-radius: 17px; color: var(--blue-dark); background: linear-gradient(135deg, var(--sky-50), var(--cyan-soft)); font-size: 18px; font-weight: 900; }
.school-monogram.has-logo { overflow: hidden; padding: 5px; border-color: #dbe2ea; background: #fff; }
.school-monogram img { display: block; width: 100%; height: 100%; object-fit: contain; }
.title-line { display: flex; align-items: center; gap: 10px; }
.title-line h2 { margin: 0; font-size: clamp(23px, 3vw, 31px); letter-spacing: -.025em; }
.verified-badge { display: inline-flex; align-items: center; gap: 4px; color: var(--success); font-size: 11px; font-weight: 800; }
.verified-badge svg { width: 16px; }
.school-address { margin: 7px 0 11px; color: var(--muted); font-size: 13px; }
.tag-row { display: flex; flex-wrap: wrap; gap: 7px; }
.tag { padding: 6px 9px; border-radius: 999px; color: var(--blue-dark); background: var(--sky-50); border: 1px solid var(--border); font-size: 11px; font-weight: 700; }
.section-nav { position: sticky; top: 72px; z-index: 20; display: flex; gap: 28px; margin: 18px 0 0; padding: 0 16px; border-bottom: 1px solid var(--border); background: rgba(248,252,255,.94); backdrop-filter: blur(12px); overflow-x: auto; }
.section-nav a { flex: 0 0 auto; padding: 17px 0 14px; border-bottom: 2px solid transparent; color: var(--muted); text-decoration: none; font-size: 13px; font-weight: 700; }
.section-nav a:hover, .section-nav a.is-active { color: var(--blue); border-bottom-color: var(--cyan); }
.section-block { padding-top: 48px; scroll-margin-top: 120px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.section-heading h3 { margin: 0; font-size: 27px; letter-spacing: -.025em; }
.section-heading > p { max-width: 460px; margin: 0; color: var(--muted); font-size: 13px; text-align: right; }
.facts-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.fact-card { min-height: 145px; display: flex; flex-direction: column; padding: 21px; border: 1px solid var(--border); border-radius: 17px; background: var(--surface); }
.fact-card span { color: var(--muted); font-size: 12px; }
.fact-card strong { margin: 17px 0 auto; color: var(--blue-dark); font-size: 19px; line-height: 1.25; }
.fact-card small { margin-top: 14px; color: #94a3b8; font-size: 11px; }
.equity-card { border-color: #a5f3fc; background: linear-gradient(145deg, white, #ecfeff); }
.equity-card strong { color: #0e7490; }
.overview-radar-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 14px; margin-top: 16px; }
.radar-card, .radar-details { border: 1px solid var(--border); border-radius: var(--radius); background: white; }
.radar-card { padding: 24px; }
.radar-card-head { display: flex; align-items: start; justify-content: space-between; gap: 18px; }
.radar-head-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.comparison-open-button, .comparison-close-button { min-height: 44px; padding: 0 13px; border: 1px solid #7dd3fc; border-radius: 11px; color: var(--blue-dark); background: var(--sky-50); font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.comparison-open-button:hover { border-color: var(--cyan); background: #ecfeff; }
.radar-card h4, .radar-details h4 { margin: 7px 0 0; font-size: 20px; }
#school-radar { width: min(100%, 560px); height: auto; display: block; margin: 4px auto 0; overflow: visible; }
.radar-grid polygon { fill: none; stroke: #dbeafe; stroke-width: 1; }
.radar-grid polygon:last-child { stroke: #93c5fd; stroke-width: 1.2; }
.radar-grid line { stroke: #e0f2fe; stroke-width: 1; }
.radar-series polygon { fill: rgba(6,182,212,.2); stroke: var(--blue); stroke-width: 2.5; stroke-linejoin: round; }
.radar-series circle { fill: white; stroke: var(--cyan); stroke-width: 3; }
.radar-labels text { fill: var(--text); stroke: none; font-size: 13px; font-weight: 750; }
.radar-labels .radar-label-value { fill: var(--blue-dark); font-size: 12px; font-weight: 850; }
.radar-details { display: flex; flex-direction: column; padding: 24px; }
.radar-value-list { margin-top: 20px; }
.radar-value-row { display: grid; grid-template-columns: minmax(94px, .75fr) minmax(130px, 1.25fr); gap: 12px; align-items: center; padding: 11px 0; border-top: 1px solid #eaf4fc; }
.radar-value-row:first-child { border-top: 0; }
.radar-value-row span, .radar-value-row small { display: block; color: var(--muted); font-size: 9px; }
.radar-value-row strong { display: block; margin-top: 3px; color: var(--blue-dark); font-size: 14px; }
.radar-position i { height: 5px; display: block; margin: 5px 0; overflow: hidden; border-radius: 999px; background: #e0f2fe; }
.radar-position i b { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--cyan)); }
.eqi-explainer { margin-top: auto; padding: 14px; border-radius: 12px; color: var(--blue-dark); background: var(--sky-50); }
.eqi-explainer b { font-size: 11px; }
.eqi-explainer p { margin: 6px 0 8px; color: var(--text); font-size: 10px; line-height: 1.55; }
.eqi-explainer a { min-height: 44px; display: inline-flex; align-items: center; gap: 4px; color: var(--blue); font-size: 9px; font-weight: 800; text-decoration: none; }
.eqi-explainer a:hover { text-decoration: underline; }

.comparison-dialog { width: min(calc(100% - 32px), 980px); max-width: none; max-height: min(92dvh, 900px); padding: 0; overflow: hidden; border: 0; border-radius: 20px; background: white; box-shadow: 0 28px 80px rgba(15,23,42,.24); }
.comparison-dialog::backdrop { background: rgba(15,23,42,.48); backdrop-filter: blur(3px); }
.comparison-radar-card { padding: 24px; background: white; }
.comparison-dialog-shell { max-height: min(92dvh, 900px); overflow-y: auto; overscroll-behavior: contain; }
.comparison-radar-head { display: flex; align-items: start; justify-content: space-between; gap: 18px; }
.comparison-radar-head h4 { margin: 7px 0 0; font-size: 20px; }
.comparison-dialog-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.comparison-close-button { color: var(--muted); border-color: var(--border); background: white; }
.comparison-close-button:hover { color: var(--ink); background: var(--sky-50); }
.comparison-selectors { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
.comparison-select { min-width: 0; }
.comparison-select > span { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; color: var(--text); font-size: 11px; font-weight: 800; }
.comparison-select i { width: 18px; height: 3px; display: inline-block; border-radius: 999px; background: var(--series-color); }
.comparison-select select { width: 100%; min-height: 46px; padding: 0 36px 0 12px; border: 1px solid var(--border); border-radius: 11px; color: var(--ink); background: white; font: inherit; font-size: 12px; }
.comparison-select select:disabled { color: var(--text); background: var(--sky-50); opacity: 1; cursor: default; }
.comparison-chart-wrap { margin-top: 12px; overflow: hidden; }
#comparison-radar { width: min(100%, 720px); height: auto; display: block; margin: 0 auto; overflow: visible; }
.comparison-radar-grid polygon { fill: none; stroke: #dbeafe; stroke-width: 1; }
.comparison-radar-grid polygon:last-child { stroke: #93c5fd; stroke-width: 1.2; }
.comparison-radar-grid line { stroke: #e0f2fe; stroke-width: 1; }
.comparison-radar-series polygon { stroke-width: 3; stroke-linejoin: round; }
.comparison-radar-series circle { stroke-width: 3; }
.comparison-radar-labels text { fill: var(--text); stroke: white; stroke-width: 5px; paint-order: stroke; font-size: 14px; font-weight: 800; }
.comparison-radar-legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 6px; }
.comparison-school-card { min-width: 0; padding: 15px; border: 1px solid var(--border); border-top: 3px solid var(--series-color); border-radius: 12px; background: #fbfdff; }
.comparison-school-head { display: flex; align-items: start; gap: 9px; min-width: 0; }
.comparison-school-head > div { min-width: 0; }
.comparison-school-head strong { display: block; overflow: hidden; color: var(--ink); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.comparison-school-head small { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.comparison-line { flex: 0 0 24px; height: 3px; margin-top: 6px; background: var(--series-color); }
.comparison-school-card:nth-child(2) .comparison-line { background: repeating-linear-gradient(90deg, var(--series-color) 0 8px, transparent 8px 13px); }
.comparison-school-card:nth-child(3) .comparison-line { background: repeating-linear-gradient(90deg, var(--series-color) 0 2px, transparent 2px 7px); }
.comparison-school-card dl { margin: 12px 0 0; }
.comparison-school-card dl div { display: flex; justify-content: space-between; gap: 8px; padding: 6px 0; border-top: 1px solid #eaf4fc; }
.comparison-school-card dt, .comparison-school-card dd { margin: 0; font-size: 9px; }
.comparison-school-card dt { color: var(--muted); }
.comparison-school-card dd { color: var(--blue-dark); font-weight: 800; }
.comparison-radar-note { max-width: 820px; margin: 14px auto 0; color: var(--muted); font-size: 10px; line-height: 1.65; text-align: center; }

.academic-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .75fr); gap: 16px; }
.metric-card { padding: 24px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: 0 10px 30px rgba(15,23,42,.035); }
.metric-topline { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.metric-topline span { display: block; color: var(--muted); font-size: 12px; }
.metric-topline strong { display: block; margin-top: 6px; color: var(--blue-dark); font-size: 38px; letter-spacing: -.04em; }
.change-pill { padding: 7px 9px; border-radius: 999px; color: var(--success) !important; background: #ecfdf5; font-weight: 800; }
.change-pill.is-down { color: #b45309 !important; background: #fffbeb; }
.chart-wrap { margin-top: 16px; }
#ue-chart { display: block; width: 100%; height: 230px; overflow: visible; }
.chart-grid line { stroke: #e0f2fe; stroke-width: 1; }
.chart-grid text { fill: #94a3b8; stroke: none; font-size: 11px; }
.chart-series path { fill: none; stroke: url(#lineGradient); stroke-width: 4; }
.chart-series circle { fill: white; stroke: var(--cyan); stroke-width: 4; }
.chart-series text { fill: var(--blue-dark); stroke: none; font-size: 11px; font-weight: 800; }
.year-values { display: none; }
.sample-note { display: flex; gap: 24px; padding-top: 15px; border-top: 1px solid var(--border); color: var(--muted); font-size: 12px; }
.sample-note b { color: var(--ink); }
.ue-pathway-note { margin: 12px 0 0; padding: 11px 13px; border-left: 3px solid #7c3aed; border-radius: 0 10px 10px 0; color: #475569; background: #f5f3ff; font-size: 11px; line-height: 1.6; }
.ue-pathway-note button { display: inline-flex; min-height: 44px; align-items: center; margin: -12px 0; padding: 0; border: 0; color: #6d28d9; background: transparent; font: inherit; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; vertical-align: middle; cursor: pointer; }
.ue-pathway-note button:hover { color: #4c1d95; }
.source-line { margin: 13px 0 0; color: #94a3b8; font-size: 10px; }
.warning { margin-top: 12px; padding: 9px 11px; border-radius: 9px; color: var(--warning); background: #fefce8; font-size: 11px; }
.unavailable-card { display: flex; flex-direction: column; align-items: flex-start; background: linear-gradient(155deg, white, #f0faff); }
.status-icon { width: 45px; height: 45px; display: grid; place-items: center; margin-bottom: 24px; border-radius: 14px; color: var(--blue); background: var(--sky-100); }
.status-icon svg { width: 24px; }
.unavailable-card h4 { margin: 0; font-size: 20px; }
.empty-value { margin: 24px 0 18px; color: var(--blue); font-size: 28px; font-weight: 850; }
.unavailable-card p { color: var(--text); font-size: 13px; line-height: 1.65; }
.unavailable-card code { width: 100%; padding: 12px; border: 1px solid var(--border); border-radius: 10px; color: var(--blue-dark); background: white; font-size: 12px; }
.unavailable-card .muted-copy { margin-top: auto; color: var(--muted); font-size: 11px; }
.destination-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.destination-card-head h4 { margin: 2px 0 0; font-size: 20px; }
.destination-primary { padding: 18px; border: 1px solid #bae6fd; border-radius: 14px; background: linear-gradient(145deg, #f0faff, #fff); }
.destination-primary span, .destination-primary small, .destination-school-status span, .destination-school-status small { display: block; color: var(--muted); }
.destination-primary span, .destination-school-status span { font-size: 11px; font-weight: 750; }
.destination-primary strong { display: block; margin: 7px 0 5px; color: var(--blue-dark); font-size: 38px; letter-spacing: -.04em; }
.destination-primary small { font-size: 11px; }
.destination-primary small b { color: var(--ink); }
.destination-school-status { margin-top: 10px; padding: 13px 14px; border-radius: 12px; background: #f8fafc; }
.destination-school-status strong { display: block; margin: 5px 0 3px; color: #64748b; font-size: 17px; }
.destination-school-status > b { display: block; margin-bottom: 5px; color: var(--blue-dark); font-size: 11px; }
.destination-school-status small { font-size: 10px; line-height: 1.5; }
.destination-note { margin: 16px 0 10px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.international-results-card { grid-column: 1 / -1; }
.international-results-head { display: flex; align-items: start; justify-content: space-between; gap: 18px; }
.international-results-head h4 { margin: 7px 0 0; font-size: 20px; }
.international-results-list { display: grid; gap: 12px; margin-top: 20px; }
.international-result-block { padding: 17px; scroll-margin-top: 120px; border: 1px solid var(--border); border-radius: 14px; background: linear-gradient(145deg, white, #f8fcff); }
.international-result-title { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.international-result-title > div { display: flex; align-items: center; gap: 9px; }
.international-result-title strong { font-size: 14px; }
.international-result-title a { min-height: 44px; display: inline-flex; align-items: center; gap: 4px; color: var(--blue); font-size: 10px; font-weight: 800; text-decoration: none; }
.international-result-title a:hover { text-decoration: underline; }
.qualification-badge { display: inline-flex; padding: 6px 9px; border-radius: 999px; font-size: 10px; font-weight: 900; letter-spacing: .04em; }
.qualification-badge.is-ib { color: #075985; background: #e0f2fe; }
.qualification-badge.is-cambridge { color: #6d28d9; background: #f3e8ff; }
.international-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; margin-top: 14px; }
.international-metrics > div { min-width: 0; padding: 12px; border-radius: 10px; background: white; box-shadow: inset 0 0 0 1px #eaf4fc; }
.international-metrics span { display: block; color: var(--muted); font-size: 9px; line-height: 1.35; }
.international-metrics strong { display: block; margin-top: 6px; color: var(--blue-dark); font-size: 16px; line-height: 1.25; }
.international-result-block > small { display: block; margin-top: 11px; color: #94a3b8; font-size: 9px; }
.international-cohort { margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; color: #334155; background: #eef9ff; font-size: 10px; line-height: 1.55; }
.international-cohort.is-missing { color: #64748b; background: #f8fafc; }
.international-cohort small { color: #64748b; }
.international-results-note { margin: 14px 0 0; color: var(--muted); font-size: 10px; line-height: 1.6; }

.mini-label { display: block; color: var(--blue); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.matrix-heading h4 { margin: 7px 0 0; font-size: 20px; }
.coverage-pill { padding: 7px 10px; border: 1px solid #a5f3fc; border-radius: 999px; color: var(--blue-dark); background: #ecfeff; font-size: 11px; font-weight: 800; }
.matrix-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.matrix-stats { display: flex; gap: 10px; }
.matrix-stats span { padding: 8px 10px; border-radius: 10px; color: var(--muted); background: var(--sky-50); font-size: 10px; }
.matrix-stats b { color: var(--blue-dark); font-size: 14px; }
.matrix-note { max-width: 820px; margin: 9px 0 18px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.course-matrix { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.course-row { min-width: 0; padding: 17px; border: 1px solid var(--border); border-radius: 15px; background: white; }
.course-row.is-highlight { border-color: #67e8f9; background: linear-gradient(135deg, white, #f0fdff); }
.course-row-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.course-row-title { display: flex; align-items: center; gap: 8px; min-width: 0; }
.course-row-title h5 { margin: 0; overflow: hidden; text-overflow: ellipsis; font-size: 14px; white-space: nowrap; }
.breadth-badge { flex: 0 0 auto; padding: 4px 6px; border-radius: 999px; color: #0e7490; background: #cffafe; font-size: 8px; font-weight: 800; }
.course-count { flex: 0 0 auto; color: var(--blue-dark); font-size: 11px; font-weight: 800; }
.course-bar { height: 5px; margin: 13px 0; overflow: hidden; border-radius: 999px; background: #e0f2fe; }
.course-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--cyan)); }
.subject-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.subject-tag { max-width: 100%; padding: 6px 8px; border-radius: 8px; color: var(--text); background: #f8fafc; font-size: 9px; }
.subject-tag b { color: var(--blue-dark); font-weight: 800; }
.course-empty { grid-column: 1 / -1; padding: 28px; border: 1px dashed #93c5fd; border-radius: 15px; color: var(--muted); background: var(--sky-50); text-align: center; font-size: 12px; }
.participation-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.participation-card { min-width: 0; display: flex; align-items: center; gap: 15px; padding: 19px; border: 1px solid var(--border); border-radius: 16px; background: white; }
.participation-card.is-verified { border-color: #a5f3fc; background: linear-gradient(135deg, white, #ecfeff); }
.participation-icon { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: var(--blue); background: var(--sky-100); }
.participation-icon svg { width: 23px; }
.participation-card span, .participation-card small { display: block; color: var(--muted); font-size: 10px; }
.participation-card strong { display: block; margin: 5px 0 3px; color: var(--blue-dark); font-size: 21px; line-height: 1.1; }
.participation-note { margin: 9px 0 0; color: var(--muted); font-size: 10px; }
.achievement-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin: 34px 0 16px; }
.achievement-toolbar h4 { margin: 7px 0 0; font-size: 20px; }
.achievement-filters { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.achievement-filter { min-height: 38px; padding: 0 13px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); background: white; cursor: pointer; font-size: 11px; font-weight: 800; transition: color .2s, border-color .2s, background .2s; }
.achievement-filter:hover { color: var(--blue); border-color: #7dd3fc; }
.achievement-filter.is-active { color: white; border-color: var(--blue); background: var(--blue); }
.achievement-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.achievement-card { min-width: 0; padding: 19px; border: 1px solid var(--border); border-radius: 16px; background: white; }
.achievement-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.achievement-card-top time { color: var(--muted); font-size: 11px; font-weight: 800; }
.achievement-category { padding: 5px 8px; border-radius: 999px; color: #0369a1; background: #e0f2fe; font-size: 9px; font-weight: 850; }
.achievement-category.is-sport { color: #047857; background: #ecfdf5; }
.achievement-category.is-music { color: #0e7490; background: #ecfeff; }
.achievement-category.is-arts { color: #9a3412; background: #fff7ed; }
.achievement-category.is-academic { color: #6d28d9; background: #f5f3ff; }
.achievement-card h5 { margin: 17px 0 7px; font-size: 16px; line-height: 1.35; }
.achievement-card p { min-height: 34px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.achievement-card > strong { display: block; margin-top: 13px; color: var(--blue-dark); font-size: 14px; line-height: 1.45; }
.achievement-meta { display: flex; flex-wrap: wrap; gap: 6px; margin: 15px 0; }
.achievement-meta span { padding: 5px 7px; border-radius: 7px; color: var(--text); background: #f8fafc; font-size: 9px; }
.achievement-card a { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; color: var(--blue); font-size: 10px; font-weight: 800; text-decoration: none; }
.achievement-card a:hover { text-decoration: underline; }
.achievement-empty { grid-column: 1 / -1; padding: 28px; border: 1px dashed #93c5fd; border-radius: 16px; color: var(--text); background: var(--sky-50); text-align: center; }
.achievement-empty strong { font-size: 14px; }
.achievement-empty p { max-width: 720px; margin: 8px auto 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.achievement-empty a { color: var(--blue); }
.achievement-method { display: flex; gap: 11px; margin-top: 14px; padding: 14px 16px; border-radius: 13px; color: var(--blue-dark); background: #f0f9ff; }
.achievement-method svg { flex: 0 0 20px; width: 20px; }
.achievement-method p { margin: 0; color: var(--text); font-size: 10px; line-height: 1.6; }
.review-grid { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.6fr); gap: 14px; align-items: start; }
.review-card { min-height: 215px; padding: 24px; border: 1px solid var(--border); border-radius: 17px; background: white; }
.review-label { display: flex; align-items: center; gap: 7px; color: var(--blue); font-size: 12px; font-weight: 800; }
.review-label svg { width: 20px; }
.review-card h4 { margin: 22px 0 10px; font-size: 20px; }
.review-card p { color: var(--muted); font-size: 13px; line-height: 1.65; }
.ero-review-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-top: 18px; }
.ero-review-head h4 { margin: 0; }
.ero-summary-list { display: grid; gap: 12px; margin-top: 18px; }
.ero-summary-item { padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--soft-blue, #f4fbff); }
.ero-summary-item strong { display: block; color: var(--ink); font-size: 13px; }
.ero-summary-item p { margin: 4px 0 0; }
.ero-review-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.ero-summary-note { margin: 12px 0 0; font-size: 12px !important; }
.data-status { display: inline-flex; margin-top: 12px; padding: 6px 9px; border-radius: 999px; color: #9a3412; background: #fff7ed; font-size: 10px; font-weight: 800; }
.data-status.is-ready { color: var(--success); background: #ecfdf5; }
.environment-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0 0; padding: 0; list-style: none; }
.environment-list li { padding: 7px 9px; border-radius: 9px; color: var(--text); background: var(--sky-50); font-size: 11px; }
.environment-card { min-width: 0; }
.environment-title-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.environment-title-row h4 { margin-bottom: 0; }
.environment-title-row .data-status { flex: 0 0 auto; margin-top: 20px; }
.environment-sections { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); gap: 12px; margin-top: 18px; }
.environment-panel { min-width: 0; padding: 18px; border: 1px solid #dbeafe; border-radius: 15px; background: #fbfdff; }
.environment-panel:first-child { grid-row: span 2; }
.environment-panel-head { display: flex; align-items: start; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.environment-panel h5 { margin: 5px 0 0; font-size: 16px; }
.source-year { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; color: #0369a1; background: #e0f2fe; font-size: 9px; font-weight: 850; }
.source-year.is-pending { color: #64748b; background: #f1f5f9; }
.ethnicity-list { display: grid; gap: 10px; }
.ethnicity-row-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 5px; color: var(--text); font-size: 10px; }
.ethnicity-row-head strong { flex: 0 0 auto; color: var(--blue-dark); font-size: 10px; }
.ethnicity-track { height: 7px; overflow: hidden; border-radius: 999px; background: #e8f2f8; }
.ethnicity-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0284c7, #06b6d4); }
.international-student { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding: 10px 12px; border-radius: 10px; color: #155e75; background: #ecfeff; font-size: 10px; }
.international-student strong { color: #0e7490; }
.environment-note { margin: 12px 0 0; color: var(--muted); font-size: 9px; line-height: 1.6; }
.staffing-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.staffing-metrics > div { padding: 11px; border-radius: 10px; background: white; box-shadow: inset 0 0 0 1px #e2e8f0; }
.staffing-metrics span { display: block; color: var(--muted); font-size: 8px; line-height: 1.4; }
.staffing-metrics strong { display: block; margin-top: 7px; color: var(--blue-dark); font-size: 20px; }
.ratio-card { margin-top: 9px; padding: 12px; border-radius: 11px; color: white; background: linear-gradient(135deg, #0369a1, #0891b2); }
.ratio-card > span, .ratio-card small { display: block; font-size: 8px; line-height: 1.5; }
.ratio-card strong { display: block; margin: 7px 0 5px; font-size: 14px; line-height: 1.45; }
.ratio-card small { color: #cffafe; }
.ratio-card.is-unavailable { color: var(--text); background: #f1f5f9; }
.ratio-card.is-unavailable small { color: var(--muted); }
.pending-metric { padding: 13px; border: 1px dashed #94a3b8; border-radius: 11px; background: white; }
.pending-metric strong, .pending-metric span { display: block; }
.pending-metric strong { color: var(--text); font-size: 13px; }
.pending-metric span { margin-top: 5px; color: var(--muted); font-size: 9px; }
.source-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 4px; color: var(--blue); font-size: 9px; font-weight: 800; text-decoration: none; }
.source-link:hover { text-decoration: underline; }
.overall-assessment { padding-bottom: 54px; }
.assessment-card { padding: 28px; border: 1px solid #a5f3fc; border-radius: 19px; background: linear-gradient(135deg, white 0%, #f0fdff 100%); box-shadow: 0 18px 42px rgba(2,132,199,.08); }
.assessment-card-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; }
.assessment-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; color: var(--blue); background: #e0f2fe; }
.assessment-icon svg { width: 25px; }
.assessment-card h4 { margin: 6px 0 0; font-size: 21px; }
.assessment-conclusion { display: grid; max-width: 920px; margin: 24px 0 0; color: var(--text); font-size: 15px; line-height: 1.7; }
.assessment-summary-row { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 14px; padding: 12px 0; border-bottom: 1px solid #dbeafe; }
.assessment-summary-row:last-child { border-bottom: 0; }
.assessment-summary-row strong { color: var(--blue-dark); font-size: 12px; line-height: 1.7; }
.assessment-ranking-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-top: 26px; padding-top: 22px; border-top: 1px solid #cfe9f6; }
.assessment-ranking-heading h5 { margin: 5px 0 0; font-size: 17px; }
.assessment-ranking-heading > p { max-width: 520px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; text-align: right; }
.assessment-ranking-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; margin-top: 14px; }
.assessment-ranking-item { min-width: 0; min-height: 168px; padding: 18px; border: 1px solid #dbeafe; border-radius: 14px; background: rgba(255,255,255,.9); }
.assessment-ranking-item.is-leading { border-color: #86efac; background: #f0fdf4; }
.assessment-ranking-item.is-trailing { border-color: #fed7aa; background: #fffaf2; }
.assessment-ranking-item.is-coverage { border-color: #c4b5fd; background: #faf8ff; }
.assessment-ranking-top span { display: block; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .04em; }
.assessment-ranking-top h6 { margin: 6px 0 0; color: var(--ink); font-size: 14px; line-height: 1.35; }
.assessment-position { display: block; margin-top: 17px; color: var(--muted); font-size: 9px; font-weight: 800; }
.assessment-primary-value { display: block; margin-top: 7px; color: var(--blue-dark); font-size: 23px; line-height: 1.15; letter-spacing: -.03em; }
.assessment-secondary-value { display: block; margin-top: 8px; color: var(--muted); font-size: 9px; font-weight: 700; line-height: 1.45; }
.assessment-ranking-item.is-leading .assessment-primary-value { color: #166534; }
.assessment-ranking-item.is-trailing .assessment-primary-value { color: #9a3412; }
.assessment-ranking-item.is-coverage .assessment-primary-value { color: #5b21b6; }
.assessment-note { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid #cfe9f6; color: var(--muted); font-size: 10px; line-height: 1.65; }
footer { position: relative; z-index: 1100; padding: 7px 18px 6px; color: #536174; background: #fff8e7; border-top: 1px solid #eadba9; font-size: 12px; }
footer a { color: #175f99; text-decoration: underline; text-underline-offset: 2px; }
.footer-main { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start; }
.footer-status { display: flex; flex-direction: column; min-width: 112px; line-height: 1.25; }
.footer-status strong { color: #765400; }
.footer-status span { margin-top: 2px; color: #2e603c; font-size: 10px; font-weight: 750; letter-spacing: .02em; }
.footer-disclosure { min-width: 0; }
.footer-copy { display: -webkit-box; min-width: 0; overflow: hidden; line-height: 1.45; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
footer.is-expanded .footer-copy { display: block; overflow: visible; }
.footer-toggle { margin: 2px 0 0; padding: 0; color: #175f99; background: transparent; border: 0; font-size: 11px; font-weight: 750; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.footer-legal { margin-top: 5px; padding-top: 5px; border-top: 1px solid #eadba9; font-size: 11px; text-align: center; overflow-wrap: anywhere; }
.footer-separator { margin: 0 5px; color: #9d8d62; }

:focus-visible { outline: 3px solid rgba(6,182,212,.45); outline-offset: 3px; }
[hidden] { display: none !important; }

@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr; gap: 38px; }
  .search-panel { max-width: 640px; }
  .facts-grid { grid-template-columns: repeat(3, 1fr); }
  .academic-grid { grid-template-columns: 1fr; }
  .overview-radar-layout { grid-template-columns: 1fr; }
  .comparison-radar-legend { grid-template-columns: 1fr 1fr; }
  .achievement-list { grid-template-columns: repeat(2, 1fr); }
  .international-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .review-grid { grid-template-columns: 1fr; }
  .environment-sections { grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr); }
}

@media (max-width: 600px) {
  .shell { width: min(100% - 28px, 1180px); }
  .topbar { gap: 8px; min-width: 0; padding: calc(8px + env(safe-area-inset-top, 0px)) calc(10px + env(safe-area-inset-right, 0px)) 8px calc(10px + env(safe-area-inset-left, 0px)); }
  .brand { min-width: 0; font-size: 14px; }
  .brand small { font-size: 9px; white-space: nowrap; }
  .beta-label { margin-left: 2px; padding: 1px 4px; font-size: 8px; }
  .top-actions { gap: 4px; }
  .top-action { min-height: 28px; padding: 0 7px; font-size: 10px; }
  .home-icon { display: block; }
  .home-label { display: none; }
  .search-hero { padding: 44px 0 38px; }
  h1 { font-size: 38px; }
  .hero-copy { font-size: 15px; }
  .search-panel { min-height: 270px; padding: 8px 18px 20px; border-radius: 18px; }
  .suggestions { left: 18px; right: 18px; top: 176px; }
  .address-row { display: block; }
  .address-row .primary-button { width: 100%; margin-top: 10px; }
  .address-results { padding: 12px; }
  .zone-school-list { display: grid; }
  .zone-school-name, .zone-school-button { width: 100%; border-radius: 9px; }
  .school-content { padding-top: 20px; }
  .school-heading { display: block; padding: 20px; }
  .school-title-block { align-items: flex-start; }
  .school-monogram { flex-basis: 48px; width: 48px; height: 48px; border-radius: 14px; font-size: 15px; }
  .title-line { display: block; }
  .verified-badge { margin-top: 7px; }
  .school-heading .secondary-button { width: 100%; margin-top: 18px; }
  .section-nav { top: 64px; gap: 22px; margin-inline: -14px; padding-inline: 14px; }
  .section-block { padding-top: 38px; }
  .section-heading { display: block; }
  .section-heading > p { margin-top: 7px; text-align: left; }
  .facts-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .fact-card { min-height: 130px; padding: 16px; }
  .fact-card strong { font-size: 16px; }
  .overview-radar-layout { margin-top: 10px; }
  .radar-card, .radar-details { padding: 18px; }
  .radar-card-head { display: block; }
  .radar-head-actions { justify-content: flex-start; margin-top: 10px; }
  #school-radar { width: 100%; margin-top: 8px; }
  .radar-labels text { font-size: 14px; }
  .radar-labels .radar-label-value { font-size: 13px; }
  .comparison-dialog { width: calc(100% - 20px); max-height: 94dvh; border-radius: 17px; }
  .comparison-radar-card { padding: 18px; }
  .comparison-dialog-shell { max-height: 94dvh; }
  .comparison-radar-head { display: block; }
  .comparison-dialog-actions { justify-content: space-between; margin-top: 10px; }
  .comparison-selectors, .comparison-radar-legend { grid-template-columns: 1fr; }
  .comparison-chart-wrap { margin-inline: -8px; }
  .comparison-radar-labels text { font-size: 18px; }
  .metric-card { padding: 18px; }
  .international-results-head, .international-result-title { align-items: flex-start; }
  .international-results-head { display: block; }
  .international-results-head .coverage-pill { display: inline-flex; margin-top: 10px; }
  .international-result-title { display: block; }
  .international-result-title a { margin-top: 5px; }
  .international-metrics { grid-template-columns: 1fr 1fr; }
  #ue-chart { height: 190px; }
  .metric-topline strong { font-size: 34px; }
  .review-grid { grid-template-columns: 1fr; }
  .environment-title-row { display: block; }
  .environment-title-row .data-status { margin-top: 10px; }
  .environment-sections { grid-template-columns: 1fr; }
  .environment-panel:first-child { grid-row: auto; }
  .ethnicity-row-head { align-items: flex-start; }
  .course-matrix { grid-template-columns: 1fr; }
  .participation-grid, .achievement-list { grid-template-columns: 1fr; }
  .achievement-toolbar { display: block; }
  .achievement-filters { justify-content: flex-start; margin-top: 13px; }
  .matrix-heading { display: block; }
  .matrix-stats { margin-top: 12px; }
  .assessment-card { padding: 20px; }
  .assessment-card-head { grid-template-columns: auto 1fr; }
  .assessment-card-head .coverage-pill { grid-column: 1 / -1; justify-self: start; }
  .assessment-conclusion { font-size: 15px; }
  .assessment-summary-row { grid-template-columns: 1fr; gap: 3px; }
  .assessment-ranking-heading { display: block; }
  .assessment-ranking-heading > p { margin-top: 7px; text-align: left; }
  .assessment-ranking-grid { grid-template-columns: 1fr; }
  .sample-note { justify-content: space-between; }
  footer { min-width: 0; padding: 6px calc(10px + env(safe-area-inset-right, 0px)) calc(6px + env(safe-area-inset-bottom, 0px)) calc(10px + env(safe-area-inset-left, 0px)); }
  .footer-main { grid-template-columns: 82px minmax(0, 1fr); gap: 8px; }
  .footer-status { min-width: 0; font-size: 11px; }
  .footer-copy { -webkit-line-clamp: 2; }
  .footer-legal { font-size: 10px; line-height: 1.5; }
  .footer-separator { margin: 0 3px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}