/* MCF workspace: presentation only. Rating tables and formulas live in js/calc.js. */
:root {
  color-scheme: light;
  --bg:#f5f7fb; --card:#fff; --text:#172b46; --muted:#5b6d83;
  --border:#dce4ee; --border-subtle:#eaf0f6; --accent:#2563eb;
  --accent-gold:#2563eb; --accent-hover:#1d4ed8; --accent-light:#edf3ff;
  --positive:#08734e; --positive-bg:#e7f5ee; --negative:#b72e44; --negative-bg:#fff0f2;
  --warning-bg:#fff6dd; --warning-text:#79570b;
  --input-bg:#f9fbfe; --input-border:#cbd7e6;
  --table-head:#f2f6fb; --table-head-text:#52647c; --table-zebra:#fbfcfe;
  --sidebar-bg:#fff; --sidebar-text:#53657d;
  --shadow:0 2px 7px rgb(23 43 70 / .035); --radius:8px;
}
html[data-theme="dark"] {
  color-scheme:dark;
  --bg:#26394f; --card:#30465f; --text:#f1f6ff; --muted:#c3d1e2;
  --border:#526b85; --border-subtle:#425b75; --accent:#afd0ff;
  --accent-gold:#afd0ff; --accent-hover:#d1e3ff; --accent-light:#3b5676;
  --positive:#9aefc8; --positive-bg:#244f48; --negative:#ffb8c3; --negative-bg:#553e50;
  --warning-bg:#514b35; --warning-text:#ffe2a0;
  --input-bg:#2a4059; --input-border:#6d86a0;
  --table-head:#354f6b; --table-head-text:#dfebf9; --table-zebra:#324a64;
  --sidebar-bg:#253c55; --sidebar-text:#c6d7e9; --shadow:none;
}
* { box-sizing:border-box; }
html { font-family:Arial,Helvetica,sans-serif; font-size:16px; }
body,button,input,select,textarea,table { font-family:Arial,Helvetica,sans-serif; }
body { margin:0; background:var(--bg); color:var(--text); line-height:1.55; font-size:.9375rem; }
[hidden] { display:none!important; }
button,input,select,textarea { font:inherit; }
button { touch-action:manipulation; cursor:pointer; transition:background .15s,border-color .15s; }
button:disabled { cursor:not-allowed; opacity:.55; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.skip-link { position:fixed; top:8px; left:8px; transform:translateY(-160%); z-index:200; background:var(--card); padding:12px; color:var(--text); }
.skip-link:focus { transform:none; }
.wrap { display:grid; grid-template-columns:248px minmax(0,1fr); max-width:none; padding:0; margin:0; min-height:100vh; }
.sidebar { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; min-width:0; background:var(--sidebar-bg); border-right:1px solid var(--border); padding:24px 16px; overflow-y:auto; }
.brand { display:flex; align-items:center; gap:12px; padding:0 10px 26px; text-decoration:none; color:var(--text); }
.brand img { width:44px; height:44px; object-fit:contain; background:white; border:1px solid #dce4ee; border-radius:50%; padding:4px; flex-shrink:0; }
.brand-product { display:block; font-size:.875rem; line-height:1.5; font-weight:700; margin-top:0; letter-spacing:0; }
.tabs { display:flex; flex-direction:column; padding:18px 0 0; margin:0; border:0; border-top:1px solid var(--border); gap:5px; overflow:visible; white-space:normal; }
.tab-btn { display:grid; grid-template-columns:20px minmax(0,1fr); align-items:center; column-gap:12px; min-height:46px; padding:11px 13px; margin:0; border:1px solid transparent; border-radius:8px; text-align:left; font-size:.875rem; font-weight:500; color:var(--sidebar-text); background:transparent; }
.tab-btn::before { content:none; }
.tab-btn.active { background:var(--accent-light); color:var(--accent); border-color:var(--border); font-weight:700; box-shadow:none; }
.tab-btn:hover { background:var(--accent-light); color:var(--text); }
.nav-icon { display:block; width:20px; height:20px; color:currentColor; }
.nav-label { line-height:1.5; white-space:normal; }
body:not(.logged-in) .tab-btn.nav-locked { display:none!important; }
body:not(.logged-in) .tab-btn.nav-locked .nav-label::after { content:none; }

/* Admin landing menu (#adminHomeView): the 5 admin screens grouped into 3
   clearly-named categories, shown as big pick-one cards instead of a long
   flat sidebar list. Each card is the SAME .tab-btn element the sidebar
   used to show (see index.html) — only its look is overridden here, the
   click behaviour is unchanged. */
.admin-category h2 { margin-bottom:4px; }
.admin-menu-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px; margin-top:4px; }
.admin-menu-card.tab-btn { display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-height:0; height:auto; padding:16px 18px; border:1px solid var(--border); border-radius:10px; background:var(--bg); white-space:normal; }
.admin-menu-card.tab-btn:hover { background:var(--accent-light); border-color:var(--accent); }
.admin-menu-card.tab-btn strong { font-size:.9375rem; font-weight:700; color:var(--text); }
.admin-menu-card.tab-btn span { font-size:.8125rem; font-weight:400; color:var(--muted); line-height:1.5; }
.workspace { min-width:0; padding:0 36px 0; }
.top-bar { min-height:80px; padding:16px 0; margin:0 0 28px; display:flex; justify-content:space-between; align-items:center; gap:16px; background:transparent; border:0; border-bottom:1px solid var(--border); border-radius:0; box-shadow:none; }
.top-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.mongolia-clock { display:flex; flex-direction:column; gap:2px; color:var(--muted); }
.mongolia-clock>span { font-size:.75rem; white-space:nowrap; }
.mongolia-clock small { font-size:inherit; margin-left:5px; }
.mongolia-clock time { font-size:.9375rem; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:.02em; color:var(--text); }
.theme-switch { display:flex; gap:2px; background:var(--input-bg); border:1px solid var(--border); padding:3px; border-radius:9px; }
.theme-switch button { border:0; border-radius:6px; background:transparent; width:36px; height:36px; padding:4px; color:var(--text); font-size:1rem; }
.theme-switch button[aria-pressed="true"] { background:var(--card); box-shadow:var(--shadow); outline:1px solid var(--border); }
.settings-button { width:42px; height:42px; padding:8px; border-radius:8px; border:1px solid var(--border); color:var(--text); background:var(--card); }
.page-heading { margin:0 0 26px; display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
h1 { margin:0; font-size:1.875rem; font-weight:700; letter-spacing:-.025em; line-height:1.3; color:var(--text); }
.page-heading p { margin:9px 0 0; font-size:.9375rem; color:var(--muted); line-height:1.6; }
h2 { font-size:1.0625rem; line-height:1.5; font-weight:600; color:var(--text); }
section { min-width:0; max-width:1480px; margin:0 auto; }
.calculator-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,320px); gap:24px; align-items:start; }
.calculator-inputs { min-width:0; }
.card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:24px; margin:0 0 20px; box-shadow:var(--shadow); }
.card h2 { display:flex; align-items:center; gap:10px; margin:0 0 20px; text-align:left; }
.section-number { width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:7px; background:var(--accent-light); color:var(--accent); font-size:.8125rem; font-weight:700; flex:0 0 28px; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.field { margin:0 0 18px; min-width:0; }
.card>.field:last-child { margin-bottom:0; }
.grid>.field { margin-bottom:16px; }
.field label { display:block; font-size:.875rem; font-weight:600; margin-bottom:7px; color:var(--muted); line-height:1.5; }
input:not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea { width:100%; min-height:46px; border:1px solid var(--input-border); border-radius:8px; padding:10px 12px; color:var(--text); background:var(--input-bg); font-size:1rem; box-shadow:none; }
input::placeholder { color:var(--muted); opacity:.7; }
input:focus,select:focus,textarea:focus { outline:2px solid var(--accent); outline-offset:2px; border-color:var(--accent); }
input[aria-invalid=true] { border-color:var(--negative)!important; }
input[type=checkbox],input[type=radio] { width:18px; height:18px; min-height:0; margin:0; padding:0; accent-color:#2563eb; flex:0 0 18px; }
input[type=file] { max-width:100%; font-size:.875rem; color:var(--text); }
.toggle-row { display:flex; flex-wrap:wrap; gap:10px 20px; }
.field label.opt,.opt { display:flex; align-items:center; gap:8px; font-size:.875rem; font-weight:400; color:var(--text); margin:0; cursor:pointer; }
.opponents { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px 12px; align-items:start; }
.opp-row { display:flex; flex-direction:column; gap:7px; min-width:0; }
.opp-round { color:var(--muted); font-size:.875rem; font-weight:500; line-height:1.5; text-align:left; }
.opp-row input { text-align:center; font-variant-numeric:tabular-nums; letter-spacing:.02em; min-width:0; }
.hint,.rating-rule { font-size:.875rem; color:var(--muted); line-height:1.6; margin:10px 0 0; white-space:pre-line; }
.hint:empty { display:none; }
.registration-details { border-top:1px solid var(--border-subtle); margin:18px 0; padding-top:14px; }
summary { cursor:pointer; font-size:.875rem; font-weight:600; color:var(--muted); padding:8px 0; }
details[open]>summary { margin-bottom:14px; }
.compute-btn,.add-btn { min-height:46px; width:100%; padding:12px 18px; border:1px solid #2563eb; border-radius:8px; background:#2563eb; color:#fff; font-size:1rem; font-weight:600; box-shadow:none; }
.compute-btn:hover:not(:disabled),.add-btn:hover:not(:disabled) { background:#1d4ed8; transform:none; }
.mini-btn { min-height:40px; border:1px solid var(--border); border-radius:8px; padding:8px 12px; color:var(--text); background:var(--card); font-size:.875rem; font-weight:500; white-space:normal; }
.mini-btn:hover { background:var(--accent-light); border-color:var(--input-border); }
.mini-btn.danger { color:var(--negative); background:transparent; }
.result-panel { position:sticky; top:24px; min-width:0; background:var(--card); border:1px solid var(--border); border-top:3px solid #2563eb; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); }
.result-panel-heading { padding:18px 22px; font-size:.875rem; font-weight:600; border-bottom:1px solid var(--border-subtle); color:var(--muted); }
#resultPlaceholder { padding:28px 22px 32px; text-align:center; }
.empty-number { color:var(--input-border); font-size:3rem; line-height:1.3; }
#resultPlaceholder h2 { margin:8px 0; }
#resultPlaceholder p { color:var(--muted); font-size:.875rem; line-height:1.6; margin:0; }
.result-panel:has(#resultCard.show) #resultPlaceholder { display:none; }
.result-panel #resultCard { padding:0 22px 22px; margin:0; border:0; border-radius:0; box-shadow:none; background:transparent; }
.big-result { display:flex; flex-direction:column; text-align:center; padding:28px 0 22px; margin:0 0 14px; border-bottom:1px solid var(--border-subtle); }
.newrating { font-size:3.25rem; font-weight:700; letter-spacing:-.04em; line-height:1.2; color:var(--text); font-variant-numeric:tabular-nums; }
.delta { font-size:1.0625rem; font-weight:600; margin-top:10px; }
.pos { color:var(--positive); }.neg { color:var(--negative); }.zero { color:var(--muted); }
.storage-note { padding:14px 22px; margin:0; background:var(--table-head); color:var(--muted); font-size:.8125rem; border-top:1px solid var(--border-subtle); }
body.logged-in .storage-note { display:none; }
.calculation-details { margin-bottom:16px; }
#breakdownTable td,#npBreakdownTable td { white-space:normal; font-size:.875rem; padding:9px 0; vertical-align:top; }
#breakdownTable td:last-child { text-align:right; padding-left:10px; font-variant-numeric:tabular-nums; }
.error-box { border:1px solid var(--negative); border-radius:8px; padding:14px 16px; background:var(--negative-bg); color:var(--negative); margin:14px 0; font-size:.9375rem; }
.dropzone { background:var(--input-bg); border:1px dashed var(--input-border); border-radius:9px; padding:24px 16px; text-align:center; color:var(--muted); font-size:.875rem; cursor:pointer; }
.dropzone:hover,.dropzone.dragover { border-color:var(--accent); background:var(--accent-light); }
.dropzone strong { color:var(--text); font-weight:600; }
.table-wrap { overflow:auto; border:1px solid var(--border); border-radius:9px; max-height:68vh; background:var(--card); }
table { width:100%; border-collapse:separate; border-spacing:0; font-size:.875rem; }
th { background:var(--table-head); color:var(--table-head-text); font-size:.875rem; font-weight:600; position:sticky; top:0; z-index:2; text-align:left; white-space:nowrap; }
th,td { padding:13px 14px; border-bottom:1px solid var(--border-subtle); line-height:1.5; }
td { color:var(--text); font-size:.875rem; }
tbody tr:nth-child(even) { background:var(--table-zebra); }
tbody tr:hover { background:var(--accent-light); }
tbody tr:last-child td { border-bottom:0; }
.history-toolbar,.history-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; justify-content:space-between; margin-bottom:16px; }
.history-toolbar h2 { margin:0; }
.history-actions { justify-content:flex-start; margin:0; }
.history-actions input,.history-actions select { width:auto; max-width:100%; min-width:130px; }
.badge { font-size:.8125rem; border-radius:5px; }
.warn-note { white-space:normal; min-width:190px; max-width:340px; font-size:.8125rem; }
.progress-item .status-icon { width:auto; min-width:110px; font-size:.8125rem; }
.progress-item .fname { white-space:normal; overflow-wrap:anywhere; font-size:.875rem; }
.modal-overlay { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; padding:20px; background:rgb(12 27 48 / .5); z-index:100; }
.modal { width:min(100%,560px); max-height:90vh; overflow:auto; padding:28px; background:var(--card); border:1px solid var(--border); border-radius:8px; box-shadow:0 24px 70px #091c3430; }
.modal h2 { font-size:1.25rem; margin-bottom:22px; }
.modal-actions { display:flex; gap:10px; justify-content:flex-end; align-items:center; margin-top:24px; }
.modal-actions button { width:auto; }
.creator-footer { display:flex; justify-content:space-between; text-align:left; align-items:flex-start; gap:32px; border-top:1px solid var(--border); padding:22px 0 26px; margin-top:36px; color:var(--muted); font-size:.75rem; line-height:1.6; }
.creator-footer strong { display:block; font-size:.8125rem; font-weight:600; color:var(--text); margin:4px 0; }
.creator-footer p { margin:0; font-size:.75rem; }
.footer-label { font-size:.75rem; letter-spacing:.06em; }
.footer-date { margin-top:16px!important; white-space:nowrap; }
#syncErrorBanner { background:var(--negative-bg); color:var(--negative); border-radius:8px; margin-top:14px; font-size:.875rem; }
@media(min-width:1600px) { .workspace { padding-inline:52px; }.opponents { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media(max-width:1200px) { .wrap { grid-template-columns:220px minmax(0,1fr); }.workspace { padding-inline:24px; }.calculator-layout { grid-template-columns:minmax(0,1fr) 280px; gap:18px; }.card { padding:20px; }.opponents { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1000px) { .wrap { grid-template-columns:1fr; }.sidebar { position:static; height:auto; padding:18px 24px 12px; border-right:0; border-bottom:1px solid var(--border); overflow:visible; }.brand { padding:0 0 16px; }.brand-federation br { display:none; }.brand-federation { font-size:.8125rem; }.brand-product { margin-top:0; }.tabs { flex-direction:row; gap:6px; overflow-x:auto; padding:12px 0 0; }.tab-btn { flex:0 0 auto; grid-template-columns:18px auto; font-size:.875rem; min-height:42px; padding:9px 12px; }.nav-label { white-space:nowrap; }.nav-icon { width:18px; height:18px; }.calculator-layout { grid-template-columns:minmax(0,1fr) 290px; }.opponents { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { .workspace { padding-inline:18px; }.sidebar { padding-inline:18px; }.top-bar { margin-bottom:22px; min-height:74px; }.top-actions { gap:7px; }.theme-switch button { width:32px; height:32px; }#loginBtn { max-width:115px; font-size:.8125rem; padding:6px 9px; }.calculator-layout { grid-template-columns:1fr; gap:22px; }.result-panel { position:static; }.opponents { grid-template-columns:repeat(4,minmax(0,1fr)); }h1 { font-size:1.6rem; }.page-heading p { font-size:.875rem; }.card { padding:20px; }.history-toolbar { align-items:flex-start; }.table-wrap { max-height:65vh; }.creator-footer { align-items:flex-start; } }
@media(max-width:440px) { .workspace,.sidebar { padding-inline:14px; }.card { padding:18px; }.grid { grid-template-columns:1fr; gap:0; }.opponents { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 10px; }.theme-switch button { width:30px; }.top-actions { gap:5px; }h1 { font-size:1.5rem; }.creator-footer { text-align:left; justify-content:flex-start; }.modal { padding:20px; }.mongolia-clock small { display:block; margin:0; }.toggle-row { flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media print { .wrap { display:block; }.sidebar,.top-bar,.skip-link { display:none!important; }.workspace { padding:0; }.calculator-layout { display:block; }.result-panel { position:static; border:0; }.table-wrap { max-height:none; overflow:visible; }.creator-footer { color:#333; } }
/* Result typography. */
.compute-btn:hover,.add-btn:hover { box-shadow:none; }

/* Feedback module and shared accessibility. */
.feedback-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,1fr); gap:24px; align-items:start; }
.feedback-context p,.feedback-context li { font-size:.875rem; color:var(--muted); }
.feedback-context ul { padding-left:20px; }.feedback-context li+li { margin-top:16px; }
#feedbackForm { margin-top:24px; }fieldset { border:0; padding:0; margin:0; min-width:0; }
textarea { resize:vertical; }.field-error { display:block; color:var(--negative); font-size:.8125rem; margin-top:4px; }
select[aria-invalid=true],textarea[aria-invalid=true] { border-color:var(--negative); }
.feedback-actions { display:flex; gap:24px; align-items:center; justify-content:space-between; }.feedback-actions button { width:auto; min-width:112px; }.feedback-actions p { margin:0; }
.feedback-status:empty { display:none; }.feedback-status { padding:16px; border:1px solid var(--border); border-radius:8px; background:var(--input-bg); overflow-wrap:anywhere; }
.feedback-status[data-state=error] { color:var(--negative); border-color:var(--negative); background:var(--negative-bg); }.feedback-status[data-state=success] { color:var(--positive); background:var(--positive-bg); }
.honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }

/* Feedback admin inbox ("Санал хүсэлт" tab) */
#feedbackAdminTable tbody tr { cursor:pointer; }
#feedbackAdminTable tbody tr:hover { background:var(--input-bg); }
#feedbackAdminTable tbody tr.is-open { background:var(--input-bg); outline:2px solid var(--accent); outline-offset:-2px; }
.feedback-status-pill { display:inline-block; padding:2px 10px; border-radius:999px; font-size:.75rem; font-weight:600; white-space:nowrap; }
.feedback-status-pill[data-status=new] { background:var(--negative-bg); color:var(--negative); }
.feedback-status-pill[data-status=replied] { background:var(--positive-bg); color:var(--positive); }
.feedback-admin-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 20px; margin:12px 0 16px; font-size:.875rem; }
.feedback-admin-fields dt { color:var(--muted); font-size:.75rem; margin-bottom:2px; }
.feedback-admin-fields dd { margin:0; overflow-wrap:anywhere; }
.feedback-admin-message { white-space:pre-wrap; overflow-wrap:anywhere; border:1px solid var(--border); border-radius:8px; padding:12px; background:var(--input-bg); }
#fbAdminReplyText { width:100%; margin-top:8px; }
.table-wrap { max-width:100%; }select { text-overflow:ellipsis; }.modal-actions { flex-wrap:wrap; }
@media(max-width:1000px) { .tabs { flex-wrap:wrap; overflow:visible; }.tab-btn { flex:1 1 160px; }.nav-label { white-space:normal; } }
@media(max-width:760px) { .feedback-layout { grid-template-columns:1fr; }.feedback-context { order:-1; }.feedback-actions { align-items:flex-start; flex-direction:column; gap:16px; }.feedback-actions button { width:100%; }.top-bar { flex-wrap:wrap; }.brand-product { max-width:260px; } }

/* Federation information and public directory */
.creator-footer { flex-wrap:wrap; padding-block:24px 32px; }
.developer-info { max-width:420px; }.creator-footer strong { font-size:.875rem; }.creator-footer p { font-size:.8125rem; line-height:1.7; }
.footer-links { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.footer-links button,.footer-links a { font:inherit; font-size:.875rem; color:var(--muted); background:none; border:0; padding:0; text-decoration:none; text-align:left; }
.footer-links button:hover,.footer-links a:hover { color:var(--accent); text-decoration:underline; }
#federationView p,#federationView li,#federationView dd { font-size:1rem; line-height:1.7; }
#federationView p:first-child { margin-top:0; }#federationView p:last-child { margin-bottom:0; }
.institution-english { font-size:1rem; color:var(--muted); }.federation-intro { border-left:3px solid var(--accent); }
.institution-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 32px; margin:0; }
.institution-facts dt { color:var(--muted); font-size:.875rem; margin-bottom:4px; }.institution-facts dd { margin:0; }.full-width { grid-column:1/-1; }
.institution-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.institution-columns>* { min-width:0; }
.institution-list { padding-left:20px; margin:0; }.institution-list li+li { margin-top:8px; }
.committees h3 { margin:0 0 8px; font-size:1rem; }.committees p { color:var(--muted); }
.federation-contact address { font-style:normal; }.contact-name { font-weight:600; }
.federation-contact a { color:var(--accent); text-decoration-thickness:1px; text-underline-offset:4px; overflow-wrap:anywhere; }
.federation-cta { display:flex; align-items:center; gap:24px; justify-content:space-between; }.federation-cta h2 { margin-bottom:8px; }.federation-cta p { color:var(--muted); }.federation-cta button { flex-shrink:0; }
.list-count { display:inline-block; font-size:.8125rem; color:var(--muted); font-weight:400; margin-left:8px; }
.rating-directory .grid { grid-template-columns:minmax(0,1fr) minmax(240px,1fr); margin-top:24px; }
.directory-table { border-inline:0; border-radius:0; }.directory-table table { min-width:700px; }
.directory-table th { padding:12px 16px; font-size:.8125rem; }.directory-table td { padding:16px; font-variant-numeric:tabular-nums; }
.directory-table .rating-value { font-size:1.125rem; font-weight:700; color:var(--text); }.directory-table .player-cell { font-weight:600; min-width:200px; }
.directory-table .number-cell { text-align:right; white-space:nowrap; }.directory-table .missing-value { color:var(--muted); font-size:.8125rem; font-weight:400; }
.directory-table td:first-child { color:var(--muted); width:56px; }#seasonListEmpty { padding:24px 0; text-align:center; }
@media(max-width:760px) { .institution-columns,.institution-facts,.rating-directory .grid { grid-template-columns:1fr; }.federation-cta { align-items:flex-start; flex-direction:column; }.footer-links { width:100%; border-top:1px solid var(--border); padding-top:16px; } }