/* Elementor's container offset on live */
.college-predictor { margin-top: 30px; }
/* ==========================================================================
   College Predictor — page styles on top of base.css.
   Ported 1:1 from 03 Features/02 College Predictor (Josaa)/campusloom_colleg predictor josaa.html. Rules are scoped to .college-predictor (on <main>), the page's
   dark-mode overrides became [data-theme="dark"] and keyframes are prefixed.
   !important is kept: in these pages it decides same-specificity conflicts
   (the .mobile-only / .desktop-only helpers), so dropping it breaks layout.
   ========================================================================== */

.college-predictor-page { overflow-x: hidden; background: #FFFBF5; }
/* The page's own background (the source's body rule) is painted here: fixed,
   behind everything, and inside <main> so it can read the page's tokens. */
.college-predictor::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; }
[data-theme="dark"] .college-predictor-page { background: #0E0E0E; }
.college-predictor { padding: 0px; }   /* the Elementor container's padding on live (0 or 10, per page) */
/* Blocksy wrapped every page's content in a container with overflow: clip, so
   anything wider than the page was trimmed rather than scrollable — Connect's
   directory grid is wider than its box, and its tools dropdown bleeds 100vw.
   clip (not hidden) doesn't make <main> a scroll container. */
.college-predictor { overflow-x: clip; }

/* The element baseline every page sat on in WordPress — measured on live by
   _migration/compare-baseline.py, not guessed. Anything the page doesn't
   style itself falls back to these, exactly as it did on live; the page's own
   rules below override them (same specificity, later in the file). */
/* Blocksy's element layer (its bundle/main.min.css), in its own order and at
   its own selector strength plus the scope — so a page's rules win or lose
   against it exactly as they did on live. Variables resolved to live values;
   sizes measured with _migration/compare-baseline.py. */
.college-predictor :is(p, h1, h2, h3, h4, h5, h6, em, ol, ul, li, tr, th, td, dl, ins, sub, sup, big, cite, form, small, label, table, figure, button, legend, strike, address, caption, fieldset, blockquote) { margin: 0; padding: 0; border: none; font: inherit; }
.college-predictor :is(b, strong) { font-weight: bold; }
.college-predictor small { font-size: 80%; }
.college-predictor hr { height: 1px; border: none; background-color: #E1E8ED; }
.college-predictor img { height: auto; max-width: 100%; vertical-align: middle; }
.college-predictor :is(figure, textarea) { display: block; }
.college-predictor hr { margin: 0; }
.college-predictor table { max-width: 100%; }
.college-predictor :is(code, kbd, samp) { padding: 3px 6px; background: #F2F5F7; border-radius: 3px; }
.college-predictor :is(table, th, td) { border: 1px solid #E1E8ED; }
.college-predictor :is(th, td) { padding: 0.7em 1em; }
.college-predictor th { font-weight: 600; }
.college-predictor h1 { color: #FF6B4A; font-family: "Bricolage Grotesque", sans-serif; font-size: 40px; }
.college-predictor h2 { color: #1A1A1A; font-family: "Bricolage Grotesque", sans-serif; font-size: 35px; }
.college-predictor h3 { color: #1A1A1A; font-family: "Plus Jakarta Sans", sans-serif; font-size: 30px; }
.college-predictor h4 { color: #FFFBF5; font-size: 25px; }
.college-predictor h5 { color: #FFFBF5; font-size: 20px; }
.college-predictor h6 { color: #FFFBF5; font-size: 16px; }
.college-predictor :is(h1, h2, h3, h4, h5, h6) { font-weight: 700; line-height: 1.5; }
.college-predictor p { margin-block-end: 1.5em; }
.college-predictor :is(ul, ol) { padding-inline-start: 2.5em; margin-block-end: 1.5em; }
.college-predictor :is(h1, h2, h3, h4, h5, h6) { margin-block-end: calc(.3em + 10px); }
.college-predictor :is(h1, h2, h3, h4, h5, h6):where(:last-child) { margin-block-end: 0; }
.college-predictor ul:last-child, .college-predictor ol:last-child, .college-predictor ul li:last-child, .college-predictor ol li:last-child, .college-predictor label:last-child { margin-bottom: 0; }
.college-predictor a { color: #FF6B4A; }
.college-predictor select, .college-predictor textarea, .college-predictor input:is([type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"]) {
  appearance: none; width: 100%; height: 40px; padding: 0 15px; color: #1A1A1A;
  background-color: transparent; border: 1px solid #E1E8ED; border-radius: 3px;
  font-family: inherit; font-size: 16px; font-weight: 400; line-height: inherit;
  transition: color .12s, outline .12s, border-color .12s, background .12s; }
.college-predictor select { padding-inline-end: 25px; }
.college-predictor textarea { line-height: 1.5; resize: vertical; padding: 12px 15px; }
.college-predictor label { font-size: 15px; line-height: inherit; cursor: pointer; margin: 0 0 0.5em; }
.college-predictor blockquote:where(:not(.is-style-plain):not(.has-text-align-center):not(.has-text-align-right)) { padding-inline-start: 1.5em; border-inline-start: 4px solid #FF6B4A; }
.college-predictor [type="submit"] { appearance: none; height: 40px; padding: 5px 20px; border: 0; border-radius: 3px; color: #fff; background-color: #FF6B4A; font-size: 15px; font-weight: 500; }

.college-predictor { line-height: 1.65; color: #1A1A1A; color-scheme: normal; }
/* Inside Elementor's content area on live: <hr> without the theme's grey fill. */
.college-predictor hr { background-color: transparent; }

.college-predictor *, .college-predictor *::before, .college-predictor *::after {box-sizing:border-box;margin:0;padding:0}
.college-predictor {
  --orange:#FF6B4A;--peach:#FFD6A8;--canvas:#FFFBF5;--ink:#1A1A1A;
  --pill:#FFF0D9;--border:#EDE6DC;--brown:#8B4A0C;--mid:#6B6B6B;
}
/* ── BASE ── */
.college-predictor {font-family:'Plus Jakarta Sans',sans-serif !important;transition:background 0.45s,color 0.45s}
/* ══════════════ DARK MODE VARS ══════════════ */
[data-theme="dark"] .college-predictor {
  --bg:#0E0B08;--bg2:#161210;--surface:#1E1A16;--surface2:#252018;
  --txt:#F0EBE3;--txt2:rgba(240,235,227,0.55);--txt3:rgba(240,235,227,0.28);
  --bdr:rgba(240,235,227,0.08);--bdr2:rgba(240,235,227,0.13);
  --grid-clr:rgba(255,107,74,0.06);
  --card-bg:#1E1A16;--card-txt:#F0EBE3;--card-bdr:rgba(240,235,227,0.08);
  --inp-bg:#252018;--inp-bdr:rgba(240,235,227,0.12);--inp-txt:#F0EBE3;
  --sel-bg:#252018;
  --chip-bg:rgba(255,107,74,0.1);--chip-bdr:rgba(255,107,74,0.2);--chip-txt:rgba(240,235,227,0.75);
  --stat-bg:#1E1A16;--stat-bdr:rgba(240,235,227,0.07);
  --warn-bg:rgba(255,107,74,0.08);--warn-bdr:rgba(255,107,74,0.22);
}
/* ══════════════ LIGHT MODE VARS ══════════════ */
[data-theme="light"] .college-predictor {
  --bg:var(--canvas);--bg2:#FFF8F0;--surface:#FFFFFF;--surface2:#FDF8F2;
  --txt:#1A1A1A;--txt2:rgba(26,26,26,0.55);--txt3:rgba(26,26,26,0.3);
  --bdr:rgba(26,26,26,0.08);--bdr2:rgba(26,26,26,0.12);
  --grid-clr:rgba(139,74,12,0.07);
  --card-bg:#FFFFFF;--card-txt:#1A1A1A;--card-bdr:rgba(26,26,26,0.08);
  --inp-bg:#FFFFFF;--inp-bdr:#EDE6DC;--inp-txt:#1A1A1A;
  --sel-bg:#FFFFFF;
  --chip-bg:rgba(255,107,74,0.07);--chip-bdr:rgba(255,107,74,0.18);--chip-txt:rgba(26,26,26,0.7);
  --stat-bg:#FFFFFF;--stat-bdr:rgba(26,26,26,0.07);
  --warn-bg:#FFF8F6;--warn-bdr:#FDDDD6;
}
/* ══════════════ GRID BG ══════════════ */
.college-predictor .page {
  background:var(--bg);
  min-height:auto;
  position:relative;
  transition:background 0.45s;
}
.college-predictor .grid-bg {
  display:none; /* Grid removed — intersects with elements */
}
/* Vignette */
.college-predictor .grid-bg::after {
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 70% at 50% 50%, transparent 20%, var(--bg) 100%);
  transition:background 0.45s;
}
/* Mode toggle — sun/moon icons */
.college-predictor .mode-toggle {
  display:flex;align-items:center;gap:6px;
  background:rgba(26,26,26,0.05);border:1.5px solid var(--inp-bdr);
  border-radius:999px;padding:5px 8px 5px 5px;cursor:pointer;
  transition:all 0.2s;flex-shrink:0;
}
.college-predictor .mode-toggle:hover {border-color:var(--orange)}
.college-predictor .mode-toggle {color:rgba(26,26,26,0.55)}
[data-theme="dark"] .college-predictor .mode-toggle {color:rgba(240,235,227,0.75);background:rgba(240,235,227,0.07);border-color:rgba(240,235,227,0.15)}
.college-predictor .mt-track {
  width:30px;height:17px;border-radius:999px;
  background:var(--orange);position:relative;
}
.college-predictor .mt-thumb {
  width:11px;height:11px;border-radius:50%;background:#fff;
  position:absolute;top:3px;transition:left 0.25s cubic-bezier(.4,0,.2,1);
  box-shadow:0 1px 3px rgba(0,0,0,0.25);
}
[data-theme="dark"] .college-predictor .mt-thumb {left:3px}
[data-theme="light"] .college-predictor .mt-thumb {left:16px}
.college-predictor .mt-icon {width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}
.college-predictor .mt-icon svg {transition:opacity 0.2s}
/* dark mode: show moon, hide sun */
[data-theme="dark"] .college-predictor .mt-sun {opacity:0.3}
[data-theme="dark"] .college-predictor .mt-moon {opacity:1}
/* light mode: show sun, hide moon */
[data-theme="light"] .college-predictor .mt-sun {opacity:1}
[data-theme="light"] .college-predictor .mt-moon {opacity:0.3}
/* ══════════════ HERO LAYOUT ══════════════ */
.college-predictor .hero {
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 440px;
  min-height:auto;
  max-width:1380px;margin:0 auto;
  padding:28px 48px 48px;gap:64px;
  align-items:center;
}
/* ══════════════ LEFT ══════════════ */
.college-predictor .hero-left {display:flex;flex-direction:column;gap:0}
/* Eyebrow status bar */
.college-predictor .status-bar {
  display:flex;align-items:center;gap:18px;margin-bottom:36px;
}
.college-predictor .status-tag {
  display:flex;align-items:center;gap:6px;
  font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;
  color:var(--txt2);
  background:var(--stat-bg);
  border:1px solid var(--bdr2);
  border-radius:999px;
  padding:5px 12px;
  transition:background 0.45s,border-color 0.45s,color 0.45s;
}
.college-predictor .status-tag .sd {width:5px;height:5px;border-radius:50%;background:var(--orange)}
.college-predictor .status-divider {width:1px;height:12px;background:var(--bdr2)}
/* Headline */
.college-predictor .headline {
  font-family:'Bricolage Grotesque',sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(52px,6.5vw,88px) !important;
  line-height:0.91 !important;
  letter-spacing:-3.5px !important;
  color:var(--txt) !important;
  margin-bottom:10px !important;
  transition:color 0.45s;
}
/* "fits you" — peach highlight box like reference */
.college-predictor .hl-box {
  position:relative;display:inline-block;white-space:nowrap;
}
.college-predictor .hl-box-bg {
  position:absolute;inset:-4px -10px;
  background:var(--orange);border-radius:8px;
  z-index:0;transform:rotate(-1deg) skewX(-0.5deg);
  /* warm glow bloom behind the highlight */
  box-shadow:0 0 28px 8px rgba(255,107,74,0.55), 0 0 72px 24px rgba(255,107,74,0.22);
}
.college-predictor .hl-box-txt {
  position:relative;z-index:1;color:#fff;
}
/* "not just your rank." — orange, refined italic serif */
.college-predictor .subheadline {
  font-family:'Instrument Serif',serif !important;font-style:italic;font-weight:400;
  font-size:clamp(26px,3.3vw,46px);
  letter-spacing:-0.5px;line-height:1.05;
  opacity:0.88;
  color:var(--orange);margin-bottom:32px;
  transition:color 0.45s;
  /* soft orange glow under the italic text */
  text-shadow:0 0 32px rgba(255,107,74,0.5), 0 0 64px rgba(255,107,74,0.2);
}
.college-predictor .hero-desc {
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:17px;line-height:1.68;color:var(--txt2);
  margin-bottom:36px;transition:color 0.45s;
}
.college-predictor .hero-desc strong {color:var(--txt);font-weight:600;font-family:'Plus Jakarta Sans',sans-serif !important;}
/* ── Chips — horizontal card (icon left, text right), grid-aligned with stats ── */
.college-predictor .chips {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:40px;max-width:540px}
.college-predictor .chip {
  display:flex;flex-direction:row;align-items:center;
  gap:11px;
  padding:14px 16px;
  border-radius:13px;
  background:rgba(255,107,74,0.07);
  border:1px solid rgba(255,107,74,0.18);
  transition:all 0.2s;cursor:default;
}
.college-predictor .chip:hover {transform:translateY(-2px);border-color:rgba(255,107,74,0.35);background:rgba(255,107,74,0.11);}
.college-predictor .chip-icon {font-size:18px;color:var(--orange);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;}
.college-predictor .chip-icon svg {stroke:var(--orange);flex-shrink:0;width:18px;height:18px;}
.college-predictor .chip-text {display:flex;flex-direction:column;gap:2px;min-width:0;}
.college-predictor .chip-eyebrow {font-family:'Plus Jakarta Sans',sans-serif !important;font-size:10.5px;font-weight:600;color:var(--txt2);line-height:1;transition:color 0.45s;}
.college-predictor .chip-title {font-family:'Plus Jakarta Sans',sans-serif !important;font-size:13px;font-weight:700;color:var(--txt);line-height:1.25;transition:color 0.45s;}
/* ── Stats — bare inline row, no boxes ── */
.college-predictor .stats-row {
  display:flex;gap:0;padding-top:28px;
  border-top:1px solid var(--bdr);margin-top:4px;
}
.college-predictor .stat-item {flex:1;padding:0 24px;position:relative}
.college-predictor .stat-item:first-child {padding-left:0}
.college-predictor .stat-item + .stat-item::before {
  content:'';position:absolute;left:0;top:6px;bottom:6px;
  width:1px;background:var(--bdr);transition:background 0.45s;
}
.college-predictor .stat-eyebrow {
  font-size:9.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;
  color:var(--txt3);margin-bottom:6px;transition:color 0.45s;
}
.college-predictor .stat-num {
  font-family:'Bricolage Grotesque',sans-serif !important;
  font-size:38px !important;font-weight:800 !important;letter-spacing:-2px !important;line-height:1 !important;
  color:var(--txt) !important;margin-bottom:4px !important;transition:color 0.45s;
}
.college-predictor .stat-num em {
  font-family:'Fraunces',serif;font-style:italic;color:var(--orange);font-size:32px;
}
.college-predictor .stat-lbl {font-size:12px;color:var(--txt2);font-weight:400;transition:color 0.45s}
/* ══════════════ RIGHT — PREDICTOR CARD ══════════════ */
.college-predictor .predictor-card {
  background:var(--card-bg);border:1px solid var(--card-bdr);
  border-radius:24px;
  padding:36px 34px 30px;
  box-shadow:0 2px 0 rgba(0,0,0,0.04), 0 20px 60px rgba(0,0,0,0.12);
  transition:background 0.45s,border-color 0.45s,box-shadow 0.45s;
  position:relative;
}
/* subtle inner top border highlight */
.college-predictor .predictor-card::before {
  content:'';position:absolute;top:0;left:32px;right:32px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,107,74,0.3),transparent);
  border-radius:999px;
}
.college-predictor .card-header {
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:30px;
}
.college-predictor .card-title {
  display:flex !important;align-items:center !important;gap:9px !important;
  font-family:'Bricolage Grotesque',sans-serif !important;font-size:20px !important;font-weight:800 !important;
  letter-spacing:-0.4px !important;color:var(--card-txt) !important;
}
.college-predictor .card-title .ct-dot {width:8px;height:8px;border-radius:50%;background:var(--orange);flex-shrink:0}
/* Stacked rank inputs */
.college-predictor .rank-stack {display:flex;flex-direction:column;gap:0;margin-bottom:16px}
.college-predictor .rank-col {display:flex;flex-direction:column;gap:7px;margin-bottom:0}
.college-predictor .rank-lbl {
  font-size:9.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;
  color:rgba(26,26,26,0.38);
}
.college-predictor .rank-input {
  width:100%;height:48px;background:var(--inp-bg);
  border:1.5px solid var(--inp-bdr);border-radius:12px;
  padding:0 14px;font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:16px;font-weight:500;color:var(--inp-txt);
  outline:none;-webkit-appearance:none;appearance:none;
  transition:border-color 0.18s,box-shadow 0.18s;
}
.college-predictor .rank-input::placeholder {color:#C8BEB5;font-weight:400;font-size:15px}
.college-predictor .rank-input:focus {border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,107,74,0.12)}
/* OR divider */
.college-predictor .or-divider {
  display:flex;align-items:center;gap:12px;margin:12px 0;
}
.college-predictor .or-divider::before, .college-predictor .or-divider::after {
  content:'';flex:1;height:1px;background:#EDE6DC;
}
.college-predictor .or-divider span {
  font-size:10px;font-weight:700;letter-spacing:1px;color:rgba(26,26,26,0.35);
  flex-shrink:0;
}
[data-theme="dark"] .college-predictor .or-divider::before, [data-theme="dark"] .college-predictor .or-divider::after {background:rgba(240,235,227,0.15);}
[data-theme="dark"] .college-predictor .or-divider span {color:rgba(240,235,227,0.4);}
[data-theme="dark"] .college-predictor .rank-lbl {color:rgba(240,235,227,0.38);}
[data-theme="dark"] .college-predictor .fg-lbl {color:rgba(240,235,227,0.38);}
/* Warning */
.college-predictor .warn-bar {
  display:flex;align-items:center;gap:9px;
  background:var(--warn-bg);border:1.5px solid var(--warn-bdr);
  border-radius:9px;padding:10px 13px;margin-bottom:18px;
}
.college-predictor .warn-bar span {font-size:12.5px;font-weight:500;color:var(--orange);line-height:1.4}
/* Form group */
.college-predictor .fg {display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.college-predictor .fg-lbl {font-size:9.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:rgba(26,26,26,0.38)}
.college-predictor .fg-sel {
  width:100%;height:48px;background:var(--sel-bg);
  border:1.5px solid var(--inp-bdr);border-radius:12px;
  padding:0 36px 0 14px;font-family:'Plus Jakarta Sans',sans-serif;
  font-size:14.5px;font-weight:500;color:var(--inp-txt);
  -webkit-appearance:none;appearance:none;outline:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23B8ADA2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;
  transition:border-color 0.18s;
}
.college-predictor .fg-sel:focus {border-color:var(--orange)}
/* Seat pool */
.college-predictor .pool-row {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.college-predictor .pool-btn {
  height:46px;border-radius:12px;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:600;
  cursor:pointer;transition:all 0.2s;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.college-predictor .pool-btn.inactive {
  background:var(--inp-bg);border:1.5px solid var(--inp-bdr);
  color:rgba(26,26,26,0.45);
}
.college-predictor .pool-btn.inactive:hover {border-color:rgba(26,26,26,0.25);color:rgba(26,26,26,0.7)}
.college-predictor .pool-btn.active {
  background:var(--ink);border:1.5px solid var(--ink);color:#fff;
}
.college-predictor .pb-radio {
  width:14px;height:14px;border-radius:50%;
  border:2px solid currentColor;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.college-predictor .pb-radio-inner {width:6px;height:6px;border-radius:50%;background:var(--orange);transition:opacity 0.15s}
.college-predictor .pool-btn.inactive .pb-radio-inner {opacity:0}
.college-predictor .pool-btn.active .pb-radio-inner {opacity:1}
/* CTA — shiny orange button */
.college-predictor .cta-btn {
  width:100%;height:56px;margin-top:20px;
  background:linear-gradient(135deg, #FF8A6A 0%, #FF6B4A 40%, #F04A28 100%);
  border:none;border-radius:999px;
  font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;
  color:#fff;cursor:pointer;letter-spacing:-0.2px;
  display:flex;align-items:center;justify-content:center;gap:12px;
  padding:0 20px;
  box-shadow:0 4px 18px rgba(255,107,74,0.4), inset 0 1px 0 rgba(255,255,255,0.25);
  transition:all 0.2s;position:relative;overflow:hidden;
}
/* shine sweep */
.college-predictor .cta-btn::after {
  content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);
  transform:skewX(-20deg);transition:left 0.55s ease;
}
.college-predictor .cta-btn:hover::after {left:130%}
.college-predictor .cta-btn:hover {
  background:linear-gradient(135deg,#FF9878 0%,#FF7B5E 40%,#F05535 100%);
  transform:translateY(-1px);
  box-shadow:0 8px 28px rgba(255,107,74,0.5), inset 0 1px 0 rgba(255,255,255,0.25);
}
.college-predictor .cta-btn:active {transform:translateY(0);box-shadow:0 3px 12px rgba(255,107,74,0.35)}
.college-predictor .cta-arr {
  width:32px;height:32px;background:rgba(255,255,255,0.22);border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:transform 0.2s;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
}
.college-predictor .cta-btn:hover .cta-arr {transform:translateX(3px)}
/* Footer row */
.college-predictor .card-footer {
  display:flex;align-items:center;justify-content:space-between;
  margin-top:14px;
}
.college-predictor .free-badge {
  display:flex;align-items:center;gap:6px;
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:11.5px;font-weight:700;letter-spacing:0.5px;
  text-transform:uppercase;color:#2E9B5E;
}
.college-predictor .avg-badge {
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:10.5px;font-weight:600;letter-spacing:0.6px;
  text-transform:uppercase;color:rgba(26,26,26,0.3);
}
[data-theme="dark"] .college-predictor .avg-badge {color:rgba(240,235,227,0.35);}
/* ══════════════ ANIMATIONS ══════════════ */
@keyframes co-fadeUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.college-predictor .hero-left > * {animation: co-fadeUp 0.55s ease both}
.college-predictor .hero-left > *:nth-child(1) {animation-delay:0.04s}
.college-predictor .hero-left > *:nth-child(2) {animation-delay:0.1s}
.college-predictor .hero-left > *:nth-child(3) {animation-delay:0.16s}
.college-predictor .hero-left > *:nth-child(4) {animation-delay:0.22s}
.college-predictor .hero-left > *:nth-child(5) {animation-delay:0.28s}
.college-predictor .predictor-card {animation: co-fadeUp 0.55s 0.12s ease both}
@keyframes co-slideIn {from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
/* ══════════════ MOBILE-ONLY HERO ELEMENTS ══════════════ */
/* Hidden on desktop — shown only at ≤600px */
.college-predictor .hero-cta-btn { display:none; }
.college-predictor .hero-free-note { display:none; }
.college-predictor .hero-data-note { display:none; }
/* CTA button base styles (used when shown) */
.college-predictor .hero-cta-btn {
  align-items:center;justify-content:center;gap:10px;
  width:100%;
  /* Glassy orange gradient — lighter at top, richer at bottom */
  background:linear-gradient(160deg,#FF9A76 0%,#FF6B4A 45%,#E8431F 100%);
  color:#fff !important;border:none;border-radius:999px;
  padding:16px 28px;
  font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:700;
  cursor:pointer;text-decoration:none !important;
  margin-bottom:12px;
  /* Layered shadows: ambient glow + glass top-edge highlight + bottom depth */
  box-shadow:
    0 6px 28px rgba(255,107,74,0.5),
    0 2px 8px rgba(232,67,31,0.35),
    inset 0 1px 0 rgba(255,255,255,0.55),
    inset 0 -1px 0 rgba(0,0,0,0.12);
  letter-spacing:-0.3px;transition:all 0.22s;
  position:relative;overflow:hidden;
}
/* Top glass shine — bright upper half reflection */
.college-predictor .hero-cta-btn::before {
  content:'';position:absolute;top:0;left:0;right:0;height:52%;
  background:linear-gradient(to bottom,rgba(255,255,255,0.28),rgba(255,255,255,0));
  border-radius:999px 999px 0 0;pointer-events:none;
}
/* Sweep shimmer on hover */
.college-predictor .hero-cta-btn::after {
  content:'';position:absolute;top:0;left:-80%;width:55%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.28),transparent);
  transform:skewX(-18deg);transition:left 0.6s ease;pointer-events:none;
}
.college-predictor .hero-cta-btn:hover { transform:translateY(-2px);box-shadow:0 10px 36px rgba(255,107,74,0.6),0 3px 10px rgba(232,67,31,0.4),inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -1px 0 rgba(0,0,0,0.12); }
.college-predictor .hero-cta-btn:hover::after { left:130%; }
.college-predictor .hero-cta-btn:active { transform:translateY(0);box-shadow:0 3px 14px rgba(255,107,74,0.4),inset 0 1px 0 rgba(255,255,255,0.4); }
/* Force text white in ALL states — prevents WordPress anchor colour override */
.college-predictor .hero-cta-btn, .college-predictor .hero-cta-btn:hover, .college-predictor .hero-cta-btn:active, .college-predictor .hero-cta-btn:visited, .college-predictor .hero-cta-btn:focus { color:#fff !important; }
.college-predictor .hero-cta-arr {
  width:30px;height:30px;
  background:rgba(255,255,255,0.22);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.35);
}
/* ══════════════ RESPONSIVE ══════════════ */

/* ── TABLET ── */
@media(max-width:960px) {
  .college-predictor .hero {
    grid-template-columns:1fr;
    padding:24px 28px 48px;
    gap:36px;
    max-width:680px;
    margin:0 auto;
  }
  .college-predictor .headline {font-size:48px;letter-spacing:-2.5px}
  .college-predictor .subheadline {font-size:30px}
  .college-predictor .stats-row {gap:0}
  .college-predictor .chips {gap:10px}
  .college-predictor .chip {padding:12px 14px;gap:9px}
  .college-predictor .chip-title {font-size:12.5px}
  .college-predictor .chip-eyebrow {font-size:10px}
  .college-predictor .predictor-card {padding:32px 28px 26px}
}
/* ── TABLET SMALL ── */
@media(max-width:768px) {
  .college-predictor .hero {padding:20px 22px 40px;gap:28px}
  .college-predictor .headline {font-size:40px;letter-spacing:-2px}
  .college-predictor .subheadline {font-size:26px}
  .college-predictor .chips {gap:8px}
  .college-predictor .chip {padding:11px 12px;gap:8px;border-radius:12px}
  .college-predictor .chip-icon svg {width:16px;height:16px;}
  .college-predictor .chip-title {font-size:12px}
  .college-predictor .chip-eyebrow {font-size:9.5px}
  .college-predictor .stat-num {font-size:28px !important;letter-spacing:-1.5px !important}
  .college-predictor .predictor-card {padding:26px 22px 22px}
}
/* ── MOBILE ── */
@media(max-width:600px) {
  .college-predictor .page {overflow-x:hidden}
  .college-predictor .hero {
    grid-template-columns:1fr;
    padding:32px 20px 48px;
    gap:48px;
    min-height:auto;
    max-width:100%;
  }
  /* Centre everything in the hero-left column */
  .college-predictor .hero-left {min-width:0;gap:0;text-align:center !important;align-items:center !important}
  /* Status bar — centered, compact */
  .college-predictor .status-bar {
    margin-bottom:28px;
    flex-wrap:nowrap;
    gap:6px;
    justify-content:center !important;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .college-predictor .status-tag {font-size:9px;padding:4px 10px;letter-spacing:0.8px}
  .college-predictor .status-divider {display:none}
  /* Headline — large, centered */
  .college-predictor .headline {
    font-size:44px;
    letter-spacing:-2px;
    line-height:0.92;
    margin-bottom:20px;
    text-align:center !important;
  }
  .college-predictor .hl-box-bg {inset:-3px -7px}
  /* Subheadline */
  .college-predictor .subheadline {font-size:26px;margin-bottom:28px;letter-spacing:-0.5px;text-align:center !important}
  /* Desc */
  .college-predictor .hero-desc {
    font-size:14px;
    line-height:1.75;
    margin-bottom:32px;
    /* V-formation: desc narrower than headline, creating a funnel shape */
    max-width:88%;
    margin-left:auto;
    margin-right:auto;
    padding:0 2%;
    text-align:center !important;
  }
  /* Mobile CTA button — condensed, centered, not full-width */
  .college-predictor .hero-cta-btn {
    display:flex !important;
    width:auto !important;
    min-width:220px;
    max-width:82%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:14px;
    padding:14px 28px;
    font-size:17px;
  }
  /* Green "100% free" note */
  .college-predictor .hero-free-note {
    display:flex !important;align-items:center;justify-content:center;
    gap:5px;font-size:12.5px;
    color:#16a34a !important;
    font-weight:600;
    margin-bottom:36px;
  }
  .college-predictor .hero-free-note svg { stroke:#16a34a !important; }
  /* Bold data attribution note */
  .college-predictor .hero-data-note {
    display:block !important;
    font-size:12px;
    font-weight:700;
    color:var(--txt2);
    text-align:center;
    margin-bottom:20px;
    line-height:1.55;
    padding:0 4px;
  }
  /* Chips — switch to column/centered card format at mobile */
  .college-predictor .chips {gap:8px;margin-bottom:16px;width:100%;}
  .college-predictor .chip {flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:13px 8px;border-radius:12px;gap:7px;}
  .college-predictor .chip-icon svg {width:16px;height:16px;}
  .college-predictor .chip-title {font-size:11px;line-height:1.25}
  .college-predictor .chip-eyebrow {font-size:9px;letter-spacing:0.5px}
  /* Stats — 3 even columns, centered */
  .college-predictor .stats-row {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
    padding-top:28px;
    border-top:1px solid var(--bdr);
    margin-top:0;
    flex-wrap:unset;
    width:100%;
  }
  .college-predictor .stat-item {flex:unset;padding:0 10px;min-width:0;text-align:center !important}
  .college-predictor .stat-item:first-child {padding-left:0}
  .college-predictor .stat-item:last-child {padding-right:0}
  .college-predictor .stat-item + .stat-item::before {top:3px;bottom:3px}
  .college-predictor .stat-eyebrow {font-size:8px;letter-spacing:0.8px;margin-bottom:6px}
  .college-predictor .stat-num {font-size:21px !important;letter-spacing:-1px !important;margin-bottom:4px !important}
  .college-predictor .stat-num em {font-size:16px !important}
  .college-predictor .stat-lbl {font-size:10px;line-height:1.4}
  /* Predictor card */
  .college-predictor .predictor-card {padding:24px 18px 22px;border-radius:18px}
  .college-predictor .card-header {margin-bottom:22px}
  .college-predictor .card-title {font-size:18px;letter-spacing:-0.2px}
  .college-predictor .rank-input {height:44px;font-size:15px}
  .college-predictor .fg-sel {height:44px;font-size:14px}
  .college-predictor .pool-btn {height:42px;font-size:13px}
  .college-predictor .cta-btn {height:52px;font-size:16px;margin-top:18px}
  .college-predictor .card-footer {margin-top:12px}
  .college-predictor .free-badge {font-size:11px}
  .college-predictor .avg-badge {font-size:10px}
}
/* ════════════════════════════════════════════════════════════
   EXISTING PREDICTOR CSS (results, filters, cards, modals …)
   ════════════════════════════════════════════════════════════ */
.college-predictor #campusloom-predictor * { margin:0; padding:0; box-sizing:border-box; }
.college-predictor #campusloom-predictor *:focus { outline: none !important; }
.college-predictor #campusloom-predictor ::selection { background: var(--peach-light) !important; color: var(--ink) !important; }
.college-predictor {
  /* ── LIGHT MODE (Ivory Editorial) — default ── */
  --canvas:#FFFBF5; --ink:#1a1a1a; --orange:#FF6B4A;
  --peach-light:#FFF0D9; --border:#EDE6DC;
  --green:#D1F0DE; --green-text:#1B6E38;
  --yellow:#FFF4C4; --yellow-text:#7A6200;
  --red:#FFD9D6; --red-text:#9B2318;
  --blue:#D6E8FF; --blue-text:#1A4B8C;
  --gray-bg:#F5F0EB; --gray-text:#6B6560;
  --map-bg:#0E0B08; --map-land:#1e2433; --map-border:#2e3a52;
  --prob-high:#16a34a; --prob-med:#ca8a04; --prob-low:#dc2626;
  --surface-1:#FFFFFF; --surface-2:#F5F0EB;
  --text-muted:#888; --text-faint:#bbb;
  --card-shadow:0 2px 12px rgba(26,26,26,0.06);
  --hero-bg:#1A1A1A;
}
[data-theme="dark"] .college-predictor {
  /* ── DARK MODE (Aurora Glass) ── */
  --canvas:#0E0B08; --ink:#F0F0F0; --orange:#FF6B4A;
  --peach-light:rgba(255,107,74,0.15); --border:rgba(255,255,255,0.09);
  /* Row colours — vivid enough to show on dark cards */
  --green:rgba(34,197,94,0.18); --green-text:#4ade80;
  --yellow:rgba(234,179,8,0.18); --yellow-text:#facc15;
  --red:rgba(239,68,68,0.16); --red-text:#f87171;
  --blue:rgba(255,107,74,0.15); --blue-text:#FFCAB0;
  --gray-bg:rgba(255,255,255,0.05); --gray-text:rgba(255,255,255,0.4);
  --map-bg:#0A0807; --map-land:#161210; --map-border:#2A231C;
  --prob-high:#4ade80; --prob-med:#facc15; --prob-low:#f87171;
  --surface-1:rgba(255,255,255,0.05); --surface-2:rgba(255,255,255,0.03);
  --text-muted:rgba(255,255,255,0.4); --text-faint:rgba(255,255,255,0.2);
  --card-shadow:none;
  --hero-bg:#0E0B08;
}
.college-predictor #campusloom-predictor { font-family:'Plus Jakarta Sans',sans-serif !important; background:var(--canvas) !important; color:var(--ink) !important; line-height:1.5; }
/* Inline SVG icon helpers */
.college-predictor #campusloom-predictor .icon-svg { display:inline-flex; align-items:center; justify-content:center; }
.college-predictor #campusloom-predictor .icon-svg svg { display:block; }
/* ══ HERO & BACKGROUND ══ */
.college-predictor #campusloom-predictor .hero {
  background: var(--canvas) !important;
  padding: 64px 40px 72px;
  position: relative;
  overflow: visible;
  background-image: none !important;
}
/* Light mode: warm orange glow top-right */
.college-predictor #campusloom-predictor .hero::before {
  content: '';
  position: absolute;
  top: -80px; right: -60px;
  width: 520px; height: 520px;
  background: var(--orange) !important;
  border-radius: 50%;
  opacity: .07;
  filter: blur(120px);
  pointer-events: none;
  z-index: 0;
}
.college-predictor #campusloom-predictor .hero::after { display:none; }
/* Dark mode hero overrides */
[data-theme="dark"] .college-predictor #campusloom-predictor .hero {
  background: #0E0B08 !important;
  background-image: radial-gradient(rgba(255,107,74,0.10) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor .hero::before { background:#FF6B4A !important; opacity:0.16; display:block !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .hero::after {
  display: block !important;
  content: '';
  position: absolute;
  bottom: -80px; left: 5%;
  width: 380px; height: 380px;
  background: #FF6B4A !important;
  border-radius: 50%;
  opacity: .10;
  filter: blur(90px);
  pointer-events: none;
  z-index: 0;
}
.college-predictor #campusloom-predictor .hero-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 440px;
  gap: 64px;
  align-items: center;
  position: relative;
  z-index: 1;
}
/* ── eyebrow badge ── */
.college-predictor #campusloom-predictor .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,107,74,0.10) !important;
  border: 1px solid rgba(255,107,74,0.25) !important;
  color: var(--orange) !important;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 24px;
  letter-spacing: .4px;
  text-transform: uppercase;
}
.college-predictor #campusloom-predictor .hero-eyebrow .dot {
  width: 6px; height: 6px;
  background: var(--orange) !important;
  border-radius: 50%;
  animation: co-pulse-dot 2s infinite;
}
@keyframes co-pulse-dot {
  0%,100% { opacity:1; transform:scale(1); }
  50%      { opacity:.5; transform:scale(1.4); }
}
/* ── headline ── */
.college-predictor #campusloom-predictor .hero-left h1 {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -2px;
  margin-bottom: 0;
}
.college-predictor #campusloom-predictor .hero-left h1 .h-line1 {
  font-size: 58px;
  display: block;
  color: var(--ink) !important;
}
.college-predictor #campusloom-predictor .hero-left h1 .h-line2 {
  font-size: 58px;
  display: block;
  color: var(--ink) !important;
}
/* "fits you" — orange highlight box in light mode */
.college-predictor #campusloom-predictor .hero-left h1 .h-highlight {
  display: inline-block;
  position: relative;
  color: #fff !important;
  z-index: 1;
}
.college-predictor #campusloom-predictor .hero-left h1 .h-highlight::before {
  content: '';
  position: absolute;
  inset: 0px -6px;
  background: #FF6B4A !important;
  border-radius: 8px;
  transform: rotate(-1deg);
  z-index: -1;
  display: block !important;
}
.college-predictor #campusloom-predictor .hero-left h1 .h-line3 {
  font-size: 58px;
  display: block;
  color: rgba(26,26,26,0.3) !important;
  font-weight: 400;
  font-family: 'Fraunces', serif !important;
  font-style: italic !important;
  letter-spacing: -1px;
}
/* Dark mode headline overrides */
[data-theme="dark"] .college-predictor #campusloom-predictor .hero-left h1 .h-line1 { color:#fff !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .hero-left h1 .h-line2 { color:#fff !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .hero-left h1 .h-highlight { color:#FF8A6A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .hero-left h1 .h-highlight::before { display:none !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .hero-left h1 .h-line3 { color:rgba(255,255,255,0.35) !important; font-family:'Bricolage Grotesque',sans-serif !important; font-style:normal !important; font-weight:600; }
/* ── subheadline ── */
.college-predictor #campusloom-predictor .hero-left .hero-sub {
  color: rgba(26,26,26,0.55) !important;
  font-size: 15px;
  max-width: 460px;
  margin: 20px 0 32px;
  line-height: 1.7;
}
.college-predictor #campusloom-predictor .hero-left .hero-sub .accent-text {
  color: #1a1a1a !important;
  font-weight: 600;
}
[data-theme="dark"] .college-predictor #campusloom-predictor .hero-left .hero-sub { color:rgba(255,255,255,0.5) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .hero-left .hero-sub .accent-text { color:rgba(255,255,255,0.85) !important; }
/* ── free badge (kept for compatibility) ── */
.college-predictor #campusloom-predictor .free-badge { display:inline-flex; align-items:center; gap:6px; background:#E6F9ED !important; color:#308253 !important; font-size:13px; font-weight:700; padding:6px 16px; border-radius:999px; margin-bottom:20px; letter-spacing:.3px; }
/* ── Trust cards — light mode: warm cream cards ── */
.college-predictor #campusloom-predictor .trust-cards { display:flex; gap:10px; flex-wrap:nowrap; margin-bottom:32px; }
.college-predictor #campusloom-predictor .trust-card { display:flex; align-items:center; gap:10px; background:rgba(26,26,26,0.05) !important; border:1px solid rgba(26,26,26,0.08) !important; border-radius:12px; padding:10px 14px; flex:1; min-width:0; transition: border-color .2s, background .2s; }
.college-predictor #campusloom-predictor .trust-card:hover { background:rgba(26,26,26,0.08) !important; border-color:rgba(26,26,26,0.15) !important; }
.college-predictor #campusloom-predictor .trust-icon { width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.college-predictor #campusloom-predictor .tc-title { font-size:12px; font-weight:700; color:var(--ink) !important; line-height:1.3; }
.college-predictor #campusloom-predictor .tc-sub { font-size:11px; color:var(--gray-text) !important; margin-top:2px; }
[data-theme="dark"] .college-predictor #campusloom-predictor .trust-card { background:rgba(255,255,255,0.05) !important; border-color:rgba(255,255,255,0.09) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .trust-card:hover { background:rgba(255,255,255,0.08) !important; border-color:rgba(255,255,255,0.16) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .tc-title { color:#fff !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .tc-sub { color:rgba(255,255,255,0.38) !important; }
/* ── Hero stats — light mode: ink text ── */
.college-predictor #campusloom-predictor .hero-stats { display:flex; gap:0; border-top:1px solid rgba(26,26,26,.1) !important; padding-top:28px; }
.college-predictor #campusloom-predictor .hero-stat { color:var(--ink) !important; flex:1; padding-right:24px; border-right:1px solid rgba(26,26,26,.1) !important; margin-right:24px; }
.college-predictor #campusloom-predictor .hero-stat:last-child { border-right:none !important; margin-right:0; }
.college-predictor #campusloom-predictor .hero-stat .num { font-family:'Bricolage Grotesque',sans-serif !important; font-size:26px; font-weight:700; display:flex; align-items:baseline; gap:2px; }
.college-predictor #campusloom-predictor .hero-stat .num .accent { font-family:'Fraunces',serif !important; font-style:italic; color:var(--orange) !important; }
.college-predictor #campusloom-predictor .hero-stat .label { font-size:12px; color:var(--gray-text) !important; margin-top:3px; }
[data-theme="dark"] .college-predictor #campusloom-predictor .hero-stats { border-top-color:rgba(255,255,255,.08) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .hero-stat { color:#fff !important; border-right-color:rgba(255,255,255,.08) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .hero-stat .label { color:rgba(255,255,255,.4) !important; }
/* ── LIGHT MODE: warm white input card (Image 3 reference) ── */
.college-predictor #campusloom-predictor .input-card { background:#FFFFFF !important; border-radius:20px; padding:32px 28px; position:relative; z-index:1; box-shadow:0 24px 60px rgba(0,0,0,.18); border:1px solid #EDE6DC !important; }
/* ── LIGHT MODE: seat pool active = ink black, inactive = warm canvas ── */
.college-predictor #campusloom-predictor .seat-btn { flex:1; padding:10px; border:1.5px solid var(--border) !important; border-radius:10px; background:var(--canvas) !important; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:13px; font-weight:600; cursor:pointer; text-align:center; transition:all .2s; color:var(--ink) !important; }
.college-predictor #campusloom-predictor .seat-btn.active { border-color:var(--ink) !important; background:var(--ink) !important; color:#fff !important; }
/* ── Fix 4: College type filter chips — orange active state ── */
.college-predictor #campusloom-predictor .filter-chip.active { background:var(--orange) !important; color:#fff !important; border-color:var(--orange) !important; }
/* College type chips — orange tint when inactive */
.college-predictor #campusloom-predictor .filter-chip[data-type] { border-color:rgba(255,107,74,0.35) !important; color:#C2410C !important; background:rgba(255,107,74,0.07) !important; }
.college-predictor #campusloom-predictor .filter-chip[data-type].active { background:var(--orange) !important; color:#fff !important; border-color:var(--orange) !important; }
.college-predictor #campusloom-predictor .detail-tag.neutral { background:#FFF0E8 !important; border-color:#FFCFB8 !important; color:#C2410C !important; }
.college-predictor #campusloom-predictor .input-card h2 { font-family:'Bricolage Grotesque',sans-serif !important; font-size:22px; font-weight:700; margin-bottom:24px; letter-spacing:-.5px; color:var(--ink) !important; text-align:center; }
.college-predictor #campusloom-predictor .form-group { margin-bottom:14px; }
.college-predictor #campusloom-predictor .form-group label { display:block; font-size:11px; font-weight:700; color:var(--gray-text) !important; margin-bottom:5px; text-transform:uppercase; letter-spacing:.6px; }
.college-predictor #campusloom-predictor .form-group input, .college-predictor #campusloom-predictor .form-group select { width:100% !important; height:44px !important; min-height:44px !important; max-height:44px !important; padding:11px 36px 11px 14px !important; border:1.5px solid var(--border) !important; border-radius:10px !important; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:14px !important; line-height:1.4 !important; background:var(--canvas) !important; color:var(--ink) !important; transition:border-color .2s; outline:none !important; appearance:none !important; -webkit-appearance:none !important; -moz-appearance:none !important; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box !important; display:block !important; vertical-align:middle; }
/* Custom chevron arrow for selects */
.college-predictor #campusloom-predictor .form-group { position:relative; }
.college-predictor #campusloom-predictor .form-group label { position:static; }
.college-predictor #campusloom-predictor .select-wrap { position:relative; width:100% !important; display:block !important; }
.college-predictor #campusloom-predictor .select-wrap select { width:100% !important; }
.college-predictor #campusloom-predictor .select-wrap::after { content:''; position:absolute; right:13px; top:50%; transform:translateY(-50%); width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid var(--gray-text); pointer-events:none; }
.college-predictor #campusloom-predictor .form-group input:focus, .college-predictor #campusloom-predictor .form-group select:focus { border-color:var(--orange) !important; }
.college-predictor #campusloom-predictor .degree-dropdown-wrapper { position:relative; }
.college-predictor #campusloom-predictor .degree-dropdown-btn { width:100%; padding:11px 14px; border:1.5px solid var(--border) !important; border-radius:10px; background:var(--canvas) !important; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:14px; color:var(--ink) !important; font-weight:500; cursor:pointer; text-align:left; display:flex; align-items:center; justify-content:space-between; transition:border-color .2s; }
.college-predictor #campusloom-predictor .degree-dropdown-btn:hover, .college-predictor #campusloom-predictor .degree-dropdown-btn.open { border-color:var(--orange) !important; }
.college-predictor #campusloom-predictor .degree-dropdown-btn .chevron { font-size:10px; transition:transform .2s; color:var(--gray-text) !important; }
.college-predictor #campusloom-predictor .degree-dropdown-btn.open .chevron { transform:rotate(180deg); }
.college-predictor #campusloom-predictor .degree-dropdown-panel { display:none; position:absolute; top:calc(100% + 6px); left:0; right:0; background:#fff !important; border:1.5px solid var(--border) !important; border-radius:12px; padding:12px 0; z-index:100; box-shadow:0 12px 30px rgba(0,0,0,.12); max-height:280px; overflow-y:auto; }
.college-predictor #campusloom-predictor .degree-dropdown-panel.open { display:block; animation: co-popIn 0.15s ease-out; }
.college-predictor #campusloom-predictor .degree-option { display:flex; align-items:center; gap:12px; padding:12px 20px; font-size:13px; font-weight:600; color:var(--ink) !important; cursor:pointer; transition:background .15s; border-bottom: 1px solid #F5F0EB !important; }
.college-predictor #campusloom-predictor .degree-option:last-child { border-bottom: none !important; }
.college-predictor #campusloom-predictor .degree-option:hover { background:#FCF9F5 !important; }
.college-predictor #campusloom-predictor .degree-option input[type=checkbox], .college-predictor #campusloom-predictor .degree-option input[type=radio] { accent-color:var(--orange) !important; width:18px; height:18px; cursor:pointer; margin:0; flex-shrink:0; }
.college-predictor #campusloom-predictor .degree-dropdown-footer { display:flex; align-items:center; justify-content:space-between; padding:12px 16px 0; border-top:1px solid var(--border) !important; margin-top:4px; }
.college-predictor #campusloom-predictor .degree-clear { font-size:13px; font-weight:600; color:var(--gray-text) !important; background:none !important; border:none !important; cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif !important; }
.college-predictor #campusloom-predictor .degree-apply { padding:8px 18px; background:var(--orange) !important; color:#fff !important; border:none !important; border-radius:999px; font-size:13px; font-weight:600; cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif !important; }
.college-predictor #campusloom-predictor .or-divider { display:flex; align-items:center; gap:12px; margin:4px 0; }
.college-predictor #campusloom-predictor .or-divider::before, .college-predictor #campusloom-predictor .or-divider::after { content:''; flex:1; height:1px; background:var(--border) !important; }
.college-predictor #campusloom-predictor .or-divider span { font-size:11px; font-weight:700; color:var(--gray-text) !important; letter-spacing:.5px; }
.college-predictor #campusloom-predictor .seat-pool-row { display:flex; gap:8px; }
.college-predictor #campusloom-predictor .rank-hint { background: #FFF5F0 !important; color: #c2410c !important; border: 1px solid rgba(255,107,74,0.25) !important; font-size: 13px; font-weight: 500; padding: 10px 14px; border-radius: 8px; margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 6px; }
.college-predictor #campusloom-predictor .predict-btn { width:100%; padding:14px; background:var(--orange) !important; color:#fff !important; border:none !important; border-radius:999px; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:15px; font-weight:700; cursor:pointer; margin-top:8px; transition:transform .15s, box-shadow .2s; letter-spacing:.2px; display:flex; align-items:center; justify-content:center; gap:8px; position:relative; overflow:hidden; box-shadow: 0 4px 18px rgba(255,107,74,0.45), 0 1px 4px rgba(255,107,74,0.3); animation: co-btn-glow-pulse 2.8s ease-in-out infinite; }
@keyframes co-btn-glow-pulse {
  0%, 100% { box-shadow: 0 4px 18px rgba(255,107,74,0.45), 0 1px 4px rgba(255,107,74,0.3); }
  50%       { box-shadow: 0 6px 28px rgba(255,107,74,0.7), 0 2px 8px rgba(255,107,74,0.45); }
}
.college-predictor #campusloom-predictor .predict-btn::before { content:''; position:absolute; inset:0; background:linear-gradient(105deg, transparent 40%, rgba(255,255,255,0.18) 50%, transparent 60%); border-radius:inherit; transform:translateX(-100%); transition:transform .5s ease; pointer-events:none; }
.college-predictor #campusloom-predictor .predict-btn:hover::before { transform:translateX(100%); }
.college-predictor #campusloom-predictor .predict-btn:hover { transform:translateY(-2px); box-shadow: 0 8px 32px rgba(255,107,74,0.65), 0 2px 8px rgba(255,107,74,0.4) !important; animation:none; }
.college-predictor #campusloom-predictor .predict-btn .btn-arrow { display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.25); border-radius:50%; width:24px; height:24px; flex-shrink:0; transition:transform .2s; }
.college-predictor #campusloom-predictor .predict-btn:hover .btn-arrow { transform:translateX(3px); }
.college-predictor #campusloom-predictor .card-free-note { text-align:center; font-size:13px; color:var(--green-text) !important; font-weight:600; margin-top:12px; display:flex; align-items:center; justify-content:center; gap:6px; }
/* ══ RESULTS ══ */
.college-predictor #campusloom-predictor #results { background:var(--canvas) !important; }
.college-predictor #campusloom-predictor .results-wrapper { max-width:100%; margin:0 auto; padding:28px 40px 24px; background:var(--canvas) !important; }
.college-predictor #campusloom-predictor .summary-bar { display:flex; flex-direction:column; gap:7px; margin-bottom:16px; }
.college-predictor #campusloom-predictor .summary-top-row { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:nowrap; }
.college-predictor #campusloom-predictor .summary-left { display:flex; flex-direction:column; gap:6px; min-width:0; flex:1; }
.college-predictor #campusloom-predictor .summary-pills { display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.college-predictor #campusloom-predictor .summary-pills::-webkit-scrollbar { display:none; }
/* Line 2: showing text + probability stats */
.college-predictor #campusloom-predictor .summary-line2 { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.college-predictor #campusloom-predictor .summary-divider { color:var(--border) !important; font-size:14px; font-weight:300; }
.college-predictor #campusloom-predictor .summary-stats { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:500; }
.college-predictor #campusloom-predictor .stat-sep { color:var(--text-faint) !important; font-size:12px; }
.college-predictor #campusloom-predictor .stat-high { color:var(--green-text) !important; font-size:13px; }
.college-predictor #campusloom-predictor .stat-high strong { font-weight:700; color:var(--green-text) !important; }
.college-predictor #campusloom-predictor .stat-med { color:var(--yellow-text) !important; font-size:13px; }
.college-predictor #campusloom-predictor .stat-med strong { font-weight:700; color:var(--yellow-text) !important; }
.college-predictor #campusloom-predictor .stat-low { color:var(--red-text) !important; font-size:13px; }
.college-predictor #campusloom-predictor .stat-low strong { font-weight:700; color:var(--red-text) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .stat-high { color:#4ade80 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .stat-high strong { color:#4ade80 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .stat-med { color:#facc15 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .stat-med strong { color:#facc15 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .stat-low { color:#f87171 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .stat-low strong { color:#f87171 !important; }
.college-predictor #campusloom-predictor .summary-pill { background:var(--peach-light) !important; color:#8B4A0C !important; font-size:12px; font-weight:600; padding:5px 12px; border-radius:999px; display:flex; align-items:center; gap:5px; white-space:nowrap; }
.college-predictor #campusloom-predictor .summary-pill .dot { width:5px; height:5px; background:var(--orange) !important; border-radius:50%; flex-shrink:0; }
.college-predictor #campusloom-predictor .summary-text { font-size:13px; color:var(--gray-text) !important; }
.college-predictor #campusloom-predictor .summary-text strong { color:var(--ink) !important; font-weight:700; }
.college-predictor #campusloom-predictor .edit-btn { padding:8px 18px; border:1.5px solid var(--ink) !important; border-radius:999px; background:#fff !important; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:12px; font-weight:600; cursor:pointer; transition:all .2s; white-space:nowrap; flex-shrink:0; }
.college-predictor #campusloom-predictor .edit-btn:hover { background:var(--ink) !important; color:#fff !important; }
.college-predictor #campusloom-predictor .controls-bar { display:flex; align-items:center; margin-bottom:20px; gap:12px; flex-wrap:nowrap; }
.college-predictor #campusloom-predictor .mobile-quick-filters { display:none; }
/* hidden on desktop, shown on mobile */
/* sort-dropdown-wrapper sits outside quick-filters so overflow-x:auto doesn't clip the panel */
.college-predictor #campusloom-predictor .quick-filters { display:flex; gap:6px; flex-wrap:nowrap; overflow-x:auto; flex:1; scrollbar-width:none; -ms-overflow-style:none; }
.college-predictor #campusloom-predictor .sort-dropdown-wrapper { position:relative; flex-shrink:0; }
.college-predictor #campusloom-predictor .quick-filters::-webkit-scrollbar { display:none; }
.college-predictor #campusloom-predictor .quick-pill { padding:7px 16px; border:1.5px solid rgba(26,26,26,0.18) !important; border-radius:999px; font-size:12px; font-weight:600; background:var(--surface) !important; color:var(--ink) !important; cursor:pointer; transition:all .15s; font-family:'Plus Jakarta Sans',sans-serif !important; white-space:nowrap; flex-shrink:0; }
.college-predictor #campusloom-predictor .quick-pill:hover { border-color:rgba(26,26,26,0.45) !important; background:var(--gray-bg) !important; }
.college-predictor #campusloom-predictor .quick-pill.active { background:var(--orange) !important; color:#fff !important; border-color:var(--orange) !important; }
.college-predictor #campusloom-predictor .view-toggle { display:flex; gap:6px; background:var(--gray-bg) !important; padding:5px; border-radius:14px; flex-shrink:0; }
.college-predictor #campusloom-predictor .view-btn { padding:10px 24px; border:none !important; border-radius:10px; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:13.5px; font-weight:600; cursor:pointer; background:transparent !important; color:rgba(26,26,26,0.45) !important; transition:all .2s; display:flex; align-items:center; gap:6px; }
.college-predictor #campusloom-predictor .view-btn:hover { color:var(--ink) !important; }
.college-predictor #campusloom-predictor .view-btn.active { background:var(--surface) !important; color:var(--ink) !important; box-shadow:0 1px 4px rgba(0,0,0,.1) !important; }
.college-predictor #campusloom-predictor .view-btn svg { width:14px; height:14px; stroke-width:2.5; }
.college-predictor #campusloom-predictor .content-grid { display:grid; grid-template-columns:300px 1fr; gap:32px; align-items:start; }
.college-predictor #campusloom-predictor .results-main { min-height:300px; }
.college-predictor #campusloom-predictor .empty-state { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:60px 20px; text-align:center; background:#fff !important; border-radius:16px; border:1px solid var(--border) !important; min-height:260px; }
.college-predictor #campusloom-predictor .empty-state .empty-icon { font-size:36px; margin-bottom:14px; }
.college-predictor #campusloom-predictor .empty-state .empty-title { font-family:'Bricolage Grotesque',sans-serif !important; font-size:18px; font-weight:700; color:var(--ink) !important; margin-bottom:8px; }
.college-predictor #campusloom-predictor .empty-state .empty-sub { font-size:14px; color:var(--gray-text) !important; max-width:340px; line-height:1.6; }
.college-predictor #campusloom-predictor .sidebar { position:sticky; top:20px; align-self:start; }
.college-predictor #campusloom-predictor .filter-section { margin-bottom:24px; }
.college-predictor #campusloom-predictor .filter-section h3 { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; color:var(--gray-text) !important; margin-bottom:10px; }
.college-predictor #campusloom-predictor .filter-chips { display:flex; flex-wrap:wrap; gap:6px; }
/* Probability chips always one line */
.college-predictor #campusloom-predictor .filter-section:first-child .filter-chips { flex-wrap:nowrap; }
.college-predictor #campusloom-predictor .filter-chip { padding:6px 14px; border:1.5px solid var(--border) !important; border-radius:999px; font-size:13px; font-weight:500; background:#fff !important; cursor:pointer; transition:all .15s; font-family:'Plus Jakarta Sans',sans-serif !important; white-space:nowrap !important; }
.college-predictor #campusloom-predictor .filter-chip:hover { border-color:var(--ink) !important; }
.college-predictor #campusloom-predictor .filter-chip.active { background:var(--orange) !important; color:#fff !important; border-color:var(--orange) !important; }
.college-predictor #campusloom-predictor .filter-chip.active-green { background:var(--green) !important; color:var(--green-text) !important; border-color:var(--green) !important; }
.college-predictor #campusloom-predictor .filter-chip.active-yellow { background:var(--yellow) !important; color:var(--yellow-text) !important; border-color:var(--yellow) !important; }
.college-predictor #campusloom-predictor .filter-chip.active-red { background:var(--red) !important; color:var(--red-text) !important; border-color:var(--red) !important; }
.college-predictor #campusloom-predictor .prob-count { display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; border-radius:999px; font-size:10px; font-weight:700; padding:0 5px; margin-left:4px; background:rgba(0,0,0,0.12); }
.college-predictor #campusloom-predictor .prob-count:empty { display: none !important; }
.college-predictor #campusloom-predictor .filter-chip.active-green .prob-count { background:rgba(22,101,52,0.2); color:var(--green-text); }
.college-predictor #campusloom-predictor .filter-chip.active-yellow .prob-count { background:rgba(120,80,0,0.15); color:var(--yellow-text); }
.college-predictor #campusloom-predictor .filter-chip.active-red .prob-count { background:rgba(120,20,20,0.15); color:var(--red-text); }
[data-theme="dark"] .college-predictor #campusloom-predictor .prob-count { background:rgba(0,0,0,0.25); }
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-chip.active-green .prob-count { background:rgba(34,197,94,0.2); color:#86efac; }
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-chip.active-yellow .prob-count { background:rgba(234,179,8,0.2); color:#fde68a; }
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-chip.active-red .prob-count { background:rgba(239,68,68,0.2); color:#fca5a5; }
.college-predictor #campusloom-predictor .branch-check-item { display:flex; align-items:flex-start; gap:10px; padding:6px 4px; font-size:13px; font-weight:500; cursor:pointer; border-radius:8px; transition:background .1s; }
.college-predictor #campusloom-predictor .branch-check-item:hover { background:var(--gray-bg) !important; }
.college-predictor #campusloom-predictor .branch-check-item input[type=checkbox] { accent-color:var(--orange) !important; width:16px; height:16px; margin-top:2px; flex-shrink:0; cursor:pointer; }
.college-predictor #campusloom-predictor .toggle-row { display:flex; align-items:center; justify-content:space-between; padding:6px 0; }
.college-predictor #campusloom-predictor .toggle-row span { font-size:13px; font-weight:500; }
.college-predictor #campusloom-predictor .toggle-switch { position:relative; width:36px; height:20px; display:block; flex-shrink:0; }
.college-predictor #campusloom-predictor .toggle-switch input { opacity:0; width:0; height:0; }
.college-predictor #campusloom-predictor .toggle-slider { position:absolute; inset:0; background:rgba(26,26,26,0.08) !important; border-radius:999px; cursor:pointer; transition:.2s; }
[data-theme="dark"] .college-predictor #campusloom-predictor .toggle-slider { background:rgba(255,255,255,0.12) !important; }
.college-predictor #campusloom-predictor .toggle-slider:before { content:''; position:absolute; width:12px; height:12px; left:4px; top:4px; background:#fff !important; border-radius:50%; transition:.2s; box-shadow:0 1px 3px rgba(0,0,0,0.15); }
.college-predictor #campusloom-predictor .toggle-switch input:checked + .toggle-slider { background:var(--orange) !important; }
.college-predictor #campusloom-predictor .toggle-switch input:checked + .toggle-slider:before { transform:translateX(16px); }
.college-predictor #campusloom-predictor .search-bar { width:100%; padding:12px 18px 12px 44px; border:1.5px solid var(--border) !important; border-radius:14px; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:14px; color:#1A1A1A !important; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B6560' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") 16px center no-repeat !important; outline:none; margin-bottom:20px; transition:border-color .2s; }
.college-predictor #campusloom-predictor .search-bar:focus { border-color:var(--orange) !important; }
.college-predictor #campusloom-predictor .college-group { background:#fff !important; border:1px solid var(--border) !important; border-radius:16px; margin-bottom:16px; overflow:hidden; transition:border-color .2s; }
.college-predictor #campusloom-predictor .college-group:hover { border-color:#ccc !important; }
.college-predictor #campusloom-predictor .college-header-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.college-predictor #campusloom-predictor .college-logo { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-family:'Bricolage Grotesque',sans-serif !important; font-weight:700; font-size:18px; color:#1a1a1a !important; flex-shrink:0; }
.college-predictor #campusloom-predictor .college-logo-img { background-color:#fff !important; border:1.5px solid var(--border) !important; border-radius:50% !important; padding:5px; overflow:hidden; }
.college-predictor #campusloom-predictor .college-logo-img img { width:100%; height:100%; object-fit:contain; display:block; border-radius:0 !important; }
.college-predictor #campusloom-predictor .college-name { font-family:'Bricolage Grotesque',sans-serif !important; font-size:16px; font-weight:600; letter-spacing:-.2px; margin-bottom:4px; color:var(--ink) !important; }
.college-predictor #campusloom-predictor .college-meta { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.college-predictor #campusloom-predictor .college-high-chance { display:flex; align-items:center; margin-top:0; font-size:13px; }
/* ── College card header — desktop: name top row, meta+high-chance same row ── */
.college-predictor #campusloom-predictor .college-header { padding:16px 20px 12px; border-bottom:1px solid var(--border) !important; display:flex; align-items:center; gap:12px; }
.college-predictor #campusloom-predictor .college-info { display:flex; align-items:center; gap:12px; flex:1; min-width:0; }
/* flex-wrap: college-name takes full row, meta+high-chance share next row */
.college-predictor #campusloom-predictor .college-info-text { display:flex; flex-wrap:wrap; align-items:center; row-gap:5px; column-gap:8px; min-width:0; }
.college-predictor #campusloom-predictor .college-name { flex-basis:100%; }
/* Branch table scroll wrapper — enables horizontal scroll on mobile */
.college-predictor #campusloom-predictor .branch-table-scroll-wrap { width:100%; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; }
.college-predictor #campusloom-predictor .branch-table-scroll-wrap::-webkit-scrollbar { display:none; }
.college-predictor #campusloom-predictor .nirf-badge { background:var(--peach-light) !important; color:#8B4A0C !important; padding:2px 8px; border-radius:6px; font-size:11px; font-weight:700; }
.college-predictor #campusloom-predictor .inst-type-badge { font-size:11px; background:#E4D9FF !important; color:#5B3FA6 !important; padding:2px 8px; border-radius:6px; font-weight:700; }
[data-theme="dark"] .college-predictor #campusloom-predictor .inst-type-badge, [data-theme="dark"] .college-predictor #campusloom-predictor .college-meta .inst-type-badge { background:rgba(139,92,246,0.18) !important; color:#C4B5FD !important; border:1px solid rgba(139,92,246,0.3) !important; }
.college-predictor #campusloom-predictor .meta-pin-icon { stroke:#FF6B4A; }
[data-theme="dark"] .college-predictor #campusloom-predictor .meta-pin-icon { stroke:#FF8A6A !important; }
.college-predictor #campusloom-predictor .high-prob-count { color:var(--green-text) !important; font-weight:700 !important; background:transparent !important; padding:0; border-radius:0; font-size:12px; }
.college-predictor #campusloom-predictor .college-header-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.college-predictor #campusloom-predictor .collapse-btn { padding:7px 14px; border-radius:999px; border:1.5px solid var(--orange) !important; background:var(--orange) !important; display:flex; align-items:center; gap:6px; cursor:pointer; transition:all .2s; flex-shrink:0; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:12px; font-weight:600; color:#fff !important; white-space:nowrap; }
.college-predictor #campusloom-predictor .collapse-btn:hover { background:#E8431F !important; border-color:#E8431F !important; color:#fff !important; transform:translateY(-1px); box-shadow:0 4px 12px rgba(255,107,74,0.4); }
.college-predictor #campusloom-predictor .collapse-btn svg { width:13px; height:13px; stroke:currentColor; stroke-width:2.5; transition:transform .25s; flex-shrink:0; }
.college-predictor #campusloom-predictor .collapse-btn.collapsed svg { transform:rotate(-90deg); }
[data-theme="dark"] .college-predictor #campusloom-predictor .collapse-btn { border-color:var(--orange) !important; background:var(--orange) !important; color:#fff !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .collapse-btn:hover { background:#E8431F !important; border-color:#E8431F !important; color:#fff !important; }
.college-predictor #campusloom-predictor .details-toggle-btn { padding:7px 14px; border:1.5px solid var(--border) !important; border-radius:999px; background:#fff !important; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:12px; font-weight:600; cursor:pointer; color:var(--gray-text) !important; transition:all .15s; white-space:nowrap; }
.college-predictor #campusloom-predictor .details-toggle-btn:hover { border-color:var(--orange) !important; color:var(--orange) !important; }
.college-predictor #campusloom-predictor .details-toggle-btn.open { border-color:var(--orange) !important; color:var(--orange) !important; background:#FFF5F2 !important; }
.college-predictor #campusloom-predictor .branch-table { width:100%; }
.college-predictor #campusloom-predictor .branch-table-header { display:grid; grid-template-columns:1.6fr .65fr .65fr .7fr .55fr 36px; padding:9px 20px; border-top:1px solid var(--border) !important; border-bottom:1px solid var(--border) !important; background:var(--canvas) !important; }
.college-predictor #campusloom-predictor .branch-table-header span { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; color:var(--gray-text) !important; }
.college-predictor #campusloom-predictor .branch-row { display:grid; grid-template-columns:1.6fr .65fr .65fr .7fr .55fr 36px; padding:14px 20px; align-items:center; border-bottom:1px solid #F5F0EB !important; transition:background .15s; background:#fff !important; }
.college-predictor #campusloom-predictor .branch-row:last-child { border-bottom:none !important; }
.college-predictor #campusloom-predictor .branch-row.row-high { background-color:var(--green) !important; border-bottom:1px solid rgba(27,110,56,0.08) !important; }
.college-predictor #campusloom-predictor .branch-row.row-high:hover { background-color:#C2E8D3 !important; }
.college-predictor #campusloom-predictor .branch-row.row-medium { background-color:var(--yellow) !important; border-bottom:1px solid rgba(122,98,0,0.08) !important; }
.college-predictor #campusloom-predictor .branch-row.row-medium:hover { background-color:#F8E9A3 !important; }
.college-predictor #campusloom-predictor .branch-row.row-low { background-color:var(--red) !important; border-bottom:1px solid rgba(155,35,24,0.08) !important; }
.college-predictor #campusloom-predictor .branch-row.row-low:hover { background-color:#F8C6C1 !important; }
.college-predictor #campusloom-predictor .branch-name { font-size:14px; font-weight:600; margin-bottom:2px; color:var(--ink) !important; }
.college-predictor #campusloom-predictor .branch-degree { font-size:12px; color:var(--gray-text) !important; opacity:.9; }
.college-predictor #campusloom-predictor .rank-val { font-size:14px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--ink) !important; }
.college-predictor #campusloom-predictor .row-high .prob-tag { color:var(--green-text) !important; }
.college-predictor #campusloom-predictor .row-medium .prob-tag { color:var(--yellow-text) !important; }
.college-predictor #campusloom-predictor .row-low .prob-tag { color:var(--red-text) !important; }
.college-predictor #campusloom-predictor .branch-bookmark { width:24px; height:24px; border:1px solid rgba(0,0,0,0.12) !important; border-radius:7px; background:#fff !important; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .15s; flex-shrink:0; }
.college-predictor #campusloom-predictor .branch-bookmark svg { width:12px; height:12px; stroke:var(--gray-text) !important; fill:none; stroke-width:2.2; }
.college-predictor #campusloom-predictor .branch-bookmark:hover { border-color:var(--orange) !important; }
.college-predictor #campusloom-predictor .branch-bookmark.saved { border-color:var(--orange) !important; background:var(--orange) !important; }
.college-predictor #campusloom-predictor .branch-bookmark.saved svg { stroke:#fff !important; fill:#fff !important; }
.college-predictor #campusloom-predictor .prob-tag { display:inline-flex; padding:0; background:transparent !important; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.3px; }
.college-predictor #campusloom-predictor .package-val { font-size:14px; font-weight:600; color:var(--ink) !important; }
.college-predictor #campusloom-predictor .package-val .unit { font-family:'Fraunces',serif !important; font-style:italic; color:var(--orange) !important; opacity:.9; }
.college-predictor #campusloom-predictor .placed-val { font-size:13px; font-weight:700; color:var(--ink) !important; }
.college-predictor #campusloom-predictor .row-high .pct { color:var(--green-text) !important; }
.college-predictor #campusloom-predictor .row-low .pct-low { color:var(--red-text) !important; }
.college-predictor #campusloom-predictor .row-medium .pct-mid { color:var(--yellow-text) !important; }
.college-predictor #campusloom-predictor .college-details-panel { display:none; padding:16px 20px 20px; border-top:1px solid var(--border) !important; background:var(--canvas) !important; flex-wrap:wrap; gap:24px; }
.college-predictor #campusloom-predictor .college-details-panel.open { display:flex; }
.college-predictor #campusloom-predictor .detail-block { width:100%; }
.college-predictor #campusloom-predictor .detail-block h4 { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; color:var(--gray-text) !important; margin-bottom:10px; border-left:3px solid #FF6B4A !important; padding-left:8px; display:flex; align-items:center; gap:6px; }
.college-predictor #campusloom-predictor .detail-block h4 svg { width:16px; height:16px; stroke:var(--orange) !important; stroke-width:2.5; flex-shrink:0; }
.college-predictor #campusloom-predictor .detail-tags { display:flex; flex-wrap:wrap; gap:6px; }
.college-predictor #campusloom-predictor .detail-tag { padding:4px 12px; border-radius:999px; font-size:12px; font-weight:600; background:#fff !important; border:1.5px solid var(--border) !important; color:var(--ink) !important; display:flex; align-items:center; gap:5px; }
.college-predictor #campusloom-predictor .detail-tag svg { width:14px; height:14px; stroke:var(--orange) !important; stroke-width:2.2; flex-shrink:0; }
.college-predictor #campusloom-predictor .detail-tag.yes { background:var(--green) !important; border-color:var(--green) !important; color:var(--green-text) !important; }
.college-predictor #campusloom-predictor .detail-tag.no { background:var(--red) !important; border-color:var(--red) !important; color:var(--red-text) !important; }
.college-predictor #campusloom-predictor .detail-tag.neutral { background:#FFF3EE !important; border-color:#FFCFB8 !important; color:#9A3412 !important; }
.college-predictor #campusloom-predictor .detail-tag.neutral svg { stroke:#E05A1E !important; }
/* N.A. tag — muted, info-icon style */
.college-predictor #campusloom-predictor .detail-tag.na-tag { background:#F5F0EB !important; border-color:#DDD5CC !important; color:#7A706A !important; cursor:default; }
.college-predictor #campusloom-predictor .na-info-btn { font-size:13px; opacity:0.75; }
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-tag.na-tag { background:rgba(255,255,255,0.06) !important; border-color:rgba(255,255,255,0.12) !important; color:rgba(255,255,255,0.35) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-tag.na-tag { background:rgba(255,255,255,0.06) !important; border-color:rgba(255,255,255,0.12) !important; color:rgba(255,255,255,0.35) !important; }
.college-predictor #campusloom-predictor .campus-life-grid { display:grid; grid-template-columns:repeat(6, 1fr); gap:12px; margin-top:4px; }
.college-predictor #campusloom-predictor .campus-icon-card { background:#fff !important; border:1.5px solid var(--border) !important; border-radius:12px; padding:12px 8px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; height:100%; }
.college-predictor #campusloom-predictor .campus-icon-card .icon { color:var(--orange) !important; margin-bottom:6px; display:flex; justify-content:center; }
.college-predictor #campusloom-predictor .campus-icon-card .icon svg { width:24px; height:24px; stroke:var(--orange) !important; stroke-width:2; fill:none; }
.college-predictor #campusloom-predictor .campus-icon-card .clabel { font-size:11px; font-weight:600; color:var(--gray-text) !important; margin-bottom:6px; }
.college-predictor #campusloom-predictor .campus-icon-card .cvalue { font-size:11px; color:var(--gray-text) !important; margin-top:auto; font-weight:500; }
.college-predictor #campusloom-predictor .campus-stars { display:flex; gap:2px; justify-content:center; margin-top:auto; }
.college-predictor #campusloom-predictor .star { width:10px; height:10px; background:var(--border) !important; border-radius:50%; }
.college-predictor #campusloom-predictor .star.on { background:var(--orange) !important; }
/* ══ MAP VIEW ══ */
.college-predictor #campusloom-predictor .views-container { position:relative; }
.college-predictor #campusloom-predictor .map-view { display:none; }
.college-predictor #campusloom-predictor .map-view.active { display:block; }
.college-predictor #campusloom-predictor .list-view { display:block; }
.college-predictor #campusloom-predictor .list-view.hidden { display:none !important; }
.college-predictor #campusloom-predictor .map-container { background:var(--map-bg) !important; border-radius:20px; padding:24px; position:relative; overflow:hidden; }
.college-predictor #campusloom-predictor .map-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.college-predictor #campusloom-predictor .map-header h3 { font-family:'Bricolage Grotesque',sans-serif !important; font-size:18px; font-weight:600; color:#fff !important; letter-spacing:-.3px; }
.college-predictor #campusloom-predictor .map-legend { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.college-predictor #campusloom-predictor .legend-item { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:rgba(255,255,255,.6) !important; }
.college-predictor #campusloom-predictor .legend-dot { width:10px; height:10px; border-radius:50%; }
.college-predictor #campusloom-predictor .map-wrapper { position:relative; width:100%; max-width:600px; margin:0 auto; }
.college-predictor #campusloom-predictor .india-map-svg { width:100%; height:auto; display:block; }
.college-predictor #campusloom-predictor .college-dot { cursor:pointer; transition:transform .2s cubic-bezier(0.34,1.56,0.64,1); transform-origin:center; }
.college-predictor #campusloom-predictor .college-dot:hover { transform:scale(1.5); }
.college-predictor #campusloom-predictor .college-dot circle.main-dot { filter:drop-shadow(0 0 8px currentColor); }
.college-predictor #campusloom-predictor .college-dot[data-prob="high"] circle.main-dot { fill: var(--prob-high) !important; }
.college-predictor #campusloom-predictor .college-dot[data-prob="medium"] circle.main-dot { fill: var(--prob-med) !important; }
.college-predictor #campusloom-predictor .college-dot[data-prob="low"] circle.main-dot { fill: var(--prob-low) !important; }
.college-predictor #campusloom-predictor .college-dot[data-saved="true"] circle.main-dot { fill: var(--orange) !important; }
.college-predictor #campusloom-predictor .college-dot[data-saved="true"] circle.inner-dot { fill: #fff !important; }
.college-predictor #campusloom-predictor .map-tooltip { position:absolute; background:#fff !important; border-radius:12px; padding:12px 16px; min-width:200px; box-shadow:0 8px 24px rgba(0,0,0,.3); pointer-events:none; display:none; z-index:10; border:1px solid var(--border) !important; }
.college-predictor #campusloom-predictor .map-tooltip.show { display:block; animation: co-popIn .2s ease-out; }
@keyframes co-popIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
.college-predictor #campusloom-predictor .map-tooltip .tt-college { font-family:'Bricolage Grotesque',sans-serif !important; font-size:13px; font-weight:600; margin-bottom:4px; color:var(--ink) !important; }
.college-predictor #campusloom-predictor .map-tooltip .tt-branch { font-size:12px; color:var(--gray-text) !important; margin-bottom:8px; }
.college-predictor #campusloom-predictor .map-tooltip .tt-dist { font-size:11px; font-weight:700; color:var(--blue-text) !important; background:var(--blue) !important; padding:3px 10px; border-radius:999px; display:inline-block; }
.college-predictor #campusloom-predictor .distance-bar { margin-top:16px; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.college-predictor #campusloom-predictor .dist-pill { padding:6px 14px; border-radius:999px; font-size:12px; font-weight:600; border:1.5px solid rgba(255,255,255,.15) !important; color:rgba(255,255,255,.7) !important; cursor:pointer; background:transparent !important; font-family:'Plus Jakarta Sans',sans-serif !important; transition:all .15s; }
.college-predictor #campusloom-predictor .dist-pill.active { background:var(--orange) !important; border-color:var(--orange) !important; color:#fff !important; }
.college-predictor #campusloom-predictor .dist-label { font-size:12px; color:rgba(255,255,255,.4) !important; }
.college-predictor #campusloom-predictor .modal-overlay { position:fixed; inset:0; background:rgba(26,26,26,.5) !important; backdrop-filter:blur(4px); z-index:1000; display:none; align-items:center; justify-content:center; padding:20px; }
.college-predictor #campusloom-predictor .modal-overlay.show { display:flex; }
.college-predictor #campusloom-predictor .modal { background:#fff !important; border-radius:20px; max-width:620px; width:100%; padding:32px; position:relative; animation: co-modalIn .25s ease-out; max-height:90vh; overflow-y:auto; }
@keyframes co-modalIn { from{opacity:0;transform:translateY(16px) scale(.97)} to{opacity:1;transform:translateY(0) scale(1)} }
.college-predictor #campusloom-predictor .modal-close { position:absolute; top:16px; right:16px; width:32px; height:32px; border:none !important; background:var(--gray-bg) !important; border-radius:8px; cursor:pointer; font-size:18px; color:var(--gray-text) !important; display:flex; align-items:center; justify-content:center; }
.college-predictor #campusloom-predictor .modal h3 { font-family:'Bricolage Grotesque',sans-serif !important; font-size:18px; font-weight:600; margin-bottom:4px; color:var(--ink) !important; }
.college-predictor #campusloom-predictor .modal .modal-sub { font-size:14px; color:var(--gray-text) !important; margin-bottom:20px; }
.college-predictor #campusloom-predictor .modal-prob { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; background:var(--canvas) !important; border-radius:12px; margin-bottom:20px; }
.college-predictor #campusloom-predictor .modal-prob span:first-child { font-size:14px; font-weight:600; color:var(--ink) !important; }
.college-predictor #campusloom-predictor .round-table { width:100%; border-collapse:separate; border-spacing:0; border-radius:12px; overflow:hidden; border:1px solid var(--border) !important; }
/* Safeguard details modal table (.round-table) from cell border leaks */
.college-predictor #campusloom-predictor table.round-table th, .college-predictor #campusloom-predictor table.round-table td {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.college-predictor #campusloom-predictor .round-table th { background:var(--canvas) !important; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--gray-text) !important; padding:10px 14px; text-align:center; border-bottom:1px solid var(--border) !important; }
.college-predictor #campusloom-predictor .round-table th:first-child { text-align:left; }
.college-predictor #campusloom-predictor .round-table td { padding:10px 14px; font-size:14px; font-weight:500; text-align:center; border-bottom:1px solid #F5F0EB !important; font-variant-numeric:tabular-nums; color:var(--ink) !important; }
.college-predictor #campusloom-predictor .round-table td:first-child { text-align:left; font-weight:600; }
.college-predictor #campusloom-predictor .round-table tr:last-child td { border-bottom:none !important; }
.college-predictor #campusloom-predictor .round-table .yr-highlight { background:#FFF8F5 !important; color:var(--orange) !important; font-weight:700; }
.college-predictor #campusloom-predictor .sort-dropdown-wrapper { position:relative; flex-shrink:0; }
.college-predictor #campusloom-predictor .sort-btn { display:flex; align-items:center; gap:8px; padding:8px 16px; border:1.5px solid rgba(26,26,26,0.18) !important; border-radius:999px; background:var(--surface) !important; font-family:'Plus Jakarta Sans',sans-serif !important; font-size:13px; font-weight:600; cursor:pointer; color:var(--ink) !important; transition:all .15s; white-space:nowrap; }
.college-predictor #campusloom-predictor .sort-btn:hover, .college-predictor #campusloom-predictor .sort-btn.open { border-color:var(--ink) !important; }
.college-predictor #campusloom-predictor .sort-btn svg { width:14px; height:14px; stroke:var(--gray-text); stroke-width:2.5; transition:transform .2s; }
.college-predictor #campusloom-predictor .sort-btn.open svg.chevron { transform:rotate(180deg); }
.college-predictor #campusloom-predictor .sort-panel { display:none; position:absolute; top:calc(100% + 8px); right:0; background:#fff !important; border:1.5px solid var(--border) !important; border-radius:14px; padding:6px 0; z-index:200; box-shadow:0 12px 30px rgba(0,0,0,.12); min-width:200px; }
@media(max-width:600px) {
  .college-predictor #campusloom-predictor .sort-panel { left:0 !important; right:auto !important; }
}
.college-predictor #campusloom-predictor .sort-panel.open { display:block; animation: co-popIn .15s ease-out; }
.college-predictor #campusloom-predictor .sort-option { display:flex; align-items:center; gap:10px; padding:10px 18px; font-size:13px; font-weight:600; cursor:pointer; transition:background .1s; color:var(--ink) !important; }
.college-predictor #campusloom-predictor .sort-option:hover { background:var(--canvas) !important; }
.college-predictor #campusloom-predictor .sort-option.active { color:var(--orange) !important; }
.college-predictor #campusloom-predictor .sort-option .sort-dot { width:8px; height:8px; border-radius:50%; background:var(--border) !important; flex-shrink:0; }
.college-predictor #campusloom-predictor .sort-option.active .sort-dot { background:var(--orange) !important; }
/* collapse-btn orange CTA defined above */
.college-predictor #campusloom-predictor .branch-table.hidden { display:none !important; }
.college-predictor #campusloom-predictor .branch-table.hidden { display:none; }
/* ── Shortlist Bar (floating footer) ── */
.college-predictor #campusloom-predictor .shortlist-bar {
  position:fixed; bottom:0; left:0; right:0; z-index:500;
  background:rgba(14,11,8,0.97) !important;
  border-top:1px solid rgba(255,107,74,0.2) !important;
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  padding:14px 40px;
  display:flex; align-items:center; justify-content:space-between;
  transform:translateY(100%); transition:transform .3s cubic-bezier(.4,0,.2,1), visibility .3s;
  box-shadow:0 -4px 30px rgba(0,0,0,0.45);
  visibility: hidden;
}
.college-predictor #campusloom-predictor .shortlist-bar.show { transform:translateY(0); visibility: visible !important; }
.college-predictor #campusloom-predictor .shortlist-bar .left { display:flex; align-items:center; gap:14px; }
.college-predictor #campusloom-predictor .shortlist-count {
  background:linear-gradient(135deg,#FF8A6A,#FF6B4A) !important; color:#fff !important;
  width:30px; height:30px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:13px; font-weight:700;
  box-shadow:0 2px 10px rgba(255,107,74,0.45);
}
.college-predictor #campusloom-predictor .shortlist-bar-label {
  font-size:13.5px; font-weight:500; color:rgba(240,235,227,0.75) !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
}
.college-predictor #campusloom-predictor .shortlist-bar-label strong { color:#F0EBE3 !important; font-weight:700; }
.college-predictor #campusloom-predictor .view-shortlist-btn {
  padding:10px 24px;
  background:linear-gradient(135deg,#FF8A6A,#FF6B4A) !important;
  color:#fff !important; border:none !important; border-radius:999px;
  font-family:'Plus Jakarta Sans',sans-serif !important; font-size:13.5px; font-weight:700;
  cursor:pointer; letter-spacing:-0.1px;
  box-shadow:0 4px 16px rgba(255,107,74,0.4);
  transition:all .2s; display:flex; align-items:center; gap:6px;
}
.college-predictor #campusloom-predictor .view-shortlist-btn:hover {
  transform:translateY(-1px); box-shadow:0 6px 22px rgba(255,107,74,0.55);
}
/* ══ SHORTLIST FULL-SCREEN DASHBOARD ══ */

/* ── MY LIST TAB VIEW ── */
.college-predictor #campusloom-predictor .my-list-view { display:none; }
.college-predictor #campusloom-predictor .my-list-view.active { display:block; }
.college-predictor #campusloom-predictor .ml-card {
  background:#FFFFFF !important;
  border:1px solid var(--border) !important;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,0.06);
  margin:24px 0 32px;
}
/* Stats bar */
.college-predictor #campusloom-predictor .ml-stats-bar {
  display:flex !important; align-items:center; gap:10px; flex-wrap:wrap;
  padding:18px 24px !important;
  border-bottom:1px solid var(--border) !important;
  background:#FAFAF8 !important;
}
.college-predictor #campusloom-predictor .ml-stat-pill {
  display:inline-flex !important; align-items:center; gap:7px;
  padding:7px 15px !important; border-radius:999px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:13px; font-weight:600; border:1.5px solid;
}
.college-predictor #campusloom-predictor .ml-stat-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; display:inline-block !important; }
.college-predictor #campusloom-predictor .ml-stat-pill.high { background:rgba(22,163,74,0.07) !important; border-color:rgba(22,163,74,0.22) !important; color:#15803d !important; }
.college-predictor #campusloom-predictor .ml-stat-pill.high .ml-stat-dot { background:#22c55e !important; }
.college-predictor #campusloom-predictor .ml-stat-pill.med { background:rgba(217,119,6,0.07) !important; border-color:rgba(217,119,6,0.22) !important; color:#b45309 !important; }
.college-predictor #campusloom-predictor .ml-stat-pill.med .ml-stat-dot { background:#f59e0b !important; }
.college-predictor #campusloom-predictor .ml-stat-pill.low { background:rgba(220,38,38,0.07) !important; border-color:rgba(220,38,38,0.22) !important; color:#b91c1c !important; }
.college-predictor #campusloom-predictor .ml-stat-pill.low .ml-stat-dot { background:#ef4444 !important; }
.college-predictor #campusloom-predictor .ml-total-count {
  font-size:12.5px; font-weight:500;
  color:rgba(26,26,26,0.4) !important;
  font-family:'Plus Jakarta Sans',sans-serif;
}
.college-predictor #campusloom-predictor .ml-right-actions {
  display: flex !important; align-items: center; gap: 16px; margin-left: auto;
}
.college-predictor #campusloom-predictor .ml-export-dropdown-wrapper {
  position: relative;
}
.college-predictor #campusloom-predictor .ml-export-btn {
  display: flex !important; align-items: center; gap: 6px;
  padding: 8px 16px !important; border: 1.5px solid var(--border) !important;
  background: var(--surface) !important; border-radius: 999px;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12.5px; font-weight: 600; cursor: pointer;
  color: var(--txt) !important; transition: all 0.2s;
  line-height: 1;
}
.college-predictor #campusloom-predictor .ml-export-btn svg {
  stroke-width: 2.5; flex-shrink: 0;
}
.college-predictor #campusloom-predictor .ml-export-btn:hover, .college-predictor #campusloom-predictor .ml-export-btn.open {
  border-color: var(--orange) !important;
  color: var(--orange) !important;
}
.college-predictor #campusloom-predictor .ml-export-btn .chev {
  transition: transform 0.2s;
}
.college-predictor #campusloom-predictor .ml-export-btn.open .chev {
  transform: rotate(180deg);
}
.college-predictor #campusloom-predictor .ml-export-menu {
  display: none; position: absolute; top: calc(100% + 6px); right: 0;
  background: var(--surface) !important; border: 1.5px solid var(--border) !important;
  border-radius: 12px; padding: 6px 0; z-index: 100;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  min-width: 150px;
}
.college-predictor #campusloom-predictor .ml-export-menu.open {
  display: block;
  animation: co-popIn 0.15s ease-out;
}
.college-predictor #campusloom-predictor .ml-export-item {
  display: flex !important; align-items: center; gap: 8px; width: 100%;
  padding: 10px 16px !important; border: none !important; background: transparent !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px; font-weight: 600; color: var(--txt) !important;
  cursor: pointer; text-align: left; transition: background 0.15s;
}
.college-predictor #campusloom-predictor .ml-export-item:hover {
  background: var(--gray-bg) !important;
  color: var(--orange) !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-total-count {
  color: rgba(240,235,227,0.4) !important;
}
/* Table */
.college-predictor #campusloom-predictor .ml-table-wrap { overflow-x:auto; }
.college-predictor #campusloom-predictor .ml-table {
  width:100% !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  font-family:'Plus Jakarta Sans',sans-serif;
  border: none !important;
}
/* Bulletproof reset for WordPress theme table border leaks */
.college-predictor #campusloom-predictor table.ml-table, .college-predictor #campusloom-predictor table.ml-table tr, .college-predictor #campusloom-predictor table.ml-table th, .college-predictor #campusloom-predictor table.ml-table td {
  border: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
.college-predictor #campusloom-predictor table.ml-table th {
  border-bottom: 1.5px solid var(--border) !important;
}
.college-predictor #campusloom-predictor table.ml-table tr.ml-row td {
  border-bottom: 1px solid rgba(26,26,26,0.06) !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor table.ml-table th {
  border-bottom-color: rgba(255,255,255,0.07) !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor table.ml-table tr.ml-row td {
  border-bottom-color: rgba(255,255,255,0.05) !important;
}
.college-predictor #campusloom-predictor table.ml-table tr.ml-row:last-child td {
  border-bottom: none !important;
}
.college-predictor #campusloom-predictor .ml-table thead tr {
  background:#FAFAF8 !important;
}
.college-predictor #campusloom-predictor .ml-table th {
  padding:13px 16px !important; font-size:9px; font-weight:700; letter-spacing:1.2px;
  text-transform:uppercase; color:rgba(26,26,26,0.32) !important; text-align:left; white-space:nowrap;
  border-bottom:1.5px solid var(--border) !important;
}
.college-predictor #campusloom-predictor .ml-table th.col-drag, .college-predictor #campusloom-predictor .ml-table th.col-rm { padding:13px 6px !important; }
.college-predictor #campusloom-predictor .ml-table th.col-num { padding:13px 10px !important; text-align:center; width:36px; }
/* Rows */
.college-predictor #campusloom-predictor .ml-row { transition:background .12s; }
.college-predictor #campusloom-predictor .ml-row:hover { background:rgba(26,26,26,0.018) !important; }
.college-predictor #campusloom-predictor .ml-row td { padding:18px 16px !important; vertical-align:middle; border-bottom:1px solid rgba(26,26,26,0.06) !important; }
.college-predictor #campusloom-predictor .ml-row:last-child td { border-bottom:none !important; }
.college-predictor #campusloom-predictor .ml-row td.td-drag { padding:18px 6px 18px 16px !important; width:20px; }
.college-predictor #campusloom-predictor .ml-row td.td-rm { padding:18px 6px !important; width:20px; }
.college-predictor #campusloom-predictor .ml-row td.td-num { padding:18px 10px !important; width:36px; text-align:center; }
/* Drag & remove */
.college-predictor #campusloom-predictor .ml-drag-handle { color:rgba(26,26,26,0.18) !important; font-size:15px; cursor:grab; user-select:none; }
.college-predictor #campusloom-predictor .ml-row:hover .ml-drag-handle { color:rgba(26,26,26,0.4) !important; }
.college-predictor #campusloom-predictor .ml-remove-btn {
  width:24px; height:24px; border-radius:50%;
  background:transparent !important; border:none !important; color:rgba(26,26,26,0.2) !important;
  font-size:11px; cursor:pointer; display:flex !important; align-items:center; justify-content:center;
  transition:all .15s;
}
.college-predictor #campusloom-predictor .ml-remove-btn:hover { background:rgba(239,68,68,0.1) !important; color:#dc2626 !important; }
.college-predictor #campusloom-predictor .ml-row-num { font-size:11.5px; color:rgba(26,26,26,0.25) !important; font-weight:600; }
/* College cell */
.college-predictor #campusloom-predictor .ml-college-wrap { display:flex !important; flex-direction:column; gap:7px; }
.college-predictor #campusloom-predictor .ml-college-name { font-size:15px; font-weight:700; color:#1A1A1A !important; letter-spacing:-0.2px; line-height:1.2; }
.college-predictor #campusloom-predictor .ml-badges { display:flex !important; gap:5px; flex-wrap:wrap; margin:0 !important; }
.college-predictor #campusloom-predictor .ml-type-badge {
  display:inline-block !important; font-size:9.5px; font-weight:700; letter-spacing:0.5px;
  padding:2px 9px !important; border-radius:5px;
  background:rgba(109,40,217,0.08) !important; color:#6d28d9 !important;
  border:1px solid rgba(109,40,217,0.18) !important;
}
.college-predictor #campusloom-predictor .ml-deg-badge {
  display:inline-block !important; font-size:9.5px; font-weight:700; letter-spacing:0.5px;
  padding:2px 9px !important; border-radius:5px;
  background:rgba(26,26,26,0.05) !important; color:rgba(26,26,26,0.45) !important;
  border:1px solid rgba(26,26,26,0.1) !important;
}
/* Branch cell */
.college-predictor #campusloom-predictor .ml-branch-wrap { display:flex !important; flex-direction:column; gap:3px; }
.college-predictor #campusloom-predictor .ml-branch-name { font-size:14.5px; font-weight:600; color:#1A1A1A !important; line-height:1.3; }
.college-predictor #campusloom-predictor .ml-branch-deg { font-size:12px; color:rgba(26,26,26,0.38) !important; }
/* CTC */
.college-predictor #campusloom-predictor .ml-ctc-wrap { display:flex !important; flex-direction:column; gap:2px; }
.college-predictor #campusloom-predictor .ml-ctc-val { font-size:14.5px; font-weight:700; color:#1A1A1A !important; }
.college-predictor #campusloom-predictor .ml-ctc-unit { font-size:10px; color:rgba(26,26,26,0.35) !important; font-weight:500; }
.college-predictor #campusloom-predictor .ml-na { font-size:13px; color:rgba(26,26,26,0.3) !important; font-weight:500; }
/* Rank */
.college-predictor #campusloom-predictor .ml-rank-val { font-size:14px; font-weight:600; color:rgba(26,26,26,0.65) !important; font-variant-numeric:tabular-nums; }
/* Chance badge */
.college-predictor #campusloom-predictor .ml-chance-badge {
  display:inline-flex !important; align-items:center; gap:6px;
  font-size:12px; font-weight:700; padding:6px 14px !important; border-radius:999px;
  letter-spacing:0.2px; white-space:nowrap; border:1.5px solid;
}
.college-predictor #campusloom-predictor .ml-chance-badge::before { content:''; width:6px; height:6px; border-radius:50%; flex-shrink:0; display:inline-block !important; }
.college-predictor #campusloom-predictor .ml-chance-badge.high { background:rgba(22,163,74,0.08) !important; color:#15803d !important; border-color:rgba(22,163,74,0.2) !important; }
.college-predictor #campusloom-predictor .ml-chance-badge.high::before { background:#22c55e !important; }
.college-predictor #campusloom-predictor .ml-chance-badge.med { background:rgba(217,119,6,0.08) !important; color:#b45309 !important; border-color:rgba(217,119,6,0.2) !important; }
.college-predictor #campusloom-predictor .ml-chance-badge.med::before { background:#f59e0b !important; }
.college-predictor #campusloom-predictor .ml-chance-badge.low { background:rgba(220,38,38,0.08) !important; color:#b91c1c !important; border-color:rgba(220,38,38,0.2) !important; }
.college-predictor #campusloom-predictor .ml-chance-badge.low::before { background:#ef4444 !important; }
/* Footer note */
.college-predictor #campusloom-predictor .ml-footer-note {
  padding:14px 24px !important; border-top:1px solid var(--border) !important;
  text-align:center; font-size:11.5px; color:rgba(26,26,26,0.3) !important;
  font-family:'Plus Jakarta Sans',sans-serif; font-weight:500;
  background:#FAFAF8 !important;
}
/* Empty state */
.college-predictor #campusloom-predictor .ml-empty {
  padding:80px 24px !important; text-align:center;
  color:rgba(26,26,26,0.28) !important; font-size:15px;
  font-family:'Plus Jakarta Sans',sans-serif;
}
.college-predictor #campusloom-predictor .ml-empty-icon { font-size:44px; display:block !important; margin-bottom:16px !important; opacity:0.3; }
/* Dark mode overrides */
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-card { background:#1A1714 !important; border-color:rgba(255,255,255,0.08) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-stats-bar, [data-theme="dark"] .college-predictor #campusloom-predictor .ml-footer-note, [data-theme="dark"] .college-predictor #campusloom-predictor .ml-table thead tr { background:#141210 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-stats-bar { border-color:rgba(255,255,255,0.07) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-footer-note { border-color:rgba(255,255,255,0.07) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-table thead th { border-bottom-color:rgba(255,255,255,0.07) !important; color:rgba(255,255,255,0.22) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-row td { border-bottom-color:rgba(255,255,255,0.05) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-row:last-child td { border-bottom-color:transparent !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-row:hover { background:rgba(255,255,255,0.02) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-college-name, [data-theme="dark"] .college-predictor #campusloom-predictor .ml-branch-name, [data-theme="dark"] .college-predictor #campusloom-predictor .ml-ctc-val { color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-branch-deg, [data-theme="dark"] .college-predictor #campusloom-predictor .ml-ctc-unit, [data-theme="dark"] .college-predictor #campusloom-predictor .ml-na { color:rgba(240,235,227,0.3) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-rank-val { color:rgba(240,235,227,0.6) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-row-num { color:rgba(240,235,227,0.2) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-drag-handle { color:rgba(240,235,227,0.14) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-remove-btn { color:rgba(240,235,227,0.2) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-stat-pill.high { background:rgba(22,163,74,0.12) !important; border-color:rgba(22,163,74,0.3) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-stat-pill.med { background:rgba(217,119,6,0.12) !important; border-color:rgba(217,119,6,0.3) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-stat-pill.low { background:rgba(220,38,38,0.12) !important; border-color:rgba(220,38,38,0.3) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-type-badge { background:rgba(139,92,246,0.16) !important; color:#C4B5FD !important; border-color:rgba(139,92,246,0.25) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-deg-badge { background:rgba(255,255,255,0.06) !important; color:rgba(255,255,255,0.35) !important; border-color:rgba(255,255,255,0.1) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-total-count { color:rgba(240,235,227,0.3) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .ml-empty { color:rgba(240,235,227,0.2) !important; }
/* Drag states */
.college-predictor .sl-row.dragging { opacity:0.35; }
.college-predictor .sl-row.drag-over { background:rgba(255,107,74,0.05); border-bottom-color:rgba(255,107,74,0.2); }
.college-predictor #campusloom-predictor .ml-row.dragging { opacity:0.4; }
.college-predictor #campusloom-predictor .ml-row.drag-over { background:rgba(255,107,74,0.04) !important; box-shadow:inset 0 -2px 0 rgba(255,107,74,0.4); }
.college-predictor .cl-map-tooltip {background:#100E0B!important;border:1px solid rgba(255,255,255,0.10)!important;color:#e5e7eb!important;border-radius:10px!important;box-shadow:0 10px 30px rgba(0,0,0,.6)!important;font-family:'Plus Jakarta Sans',sans-serif!important;padding:10px 14px!important;min-width:180px;}
.college-predictor .cl-map-tooltip.leaflet-tooltip-top::before {border-top-color:#374151!important;}
/* ── Branch Category Guide (bcg) ── */
.college-predictor #campusloom-predictor .bcg-eyebrow {
  display:inline-flex !important; align-items:center; gap:5px;
  background:#FFF0D9 !important; color:#8B4A0C !important;
  font-size:11px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase;
  padding:4px 10px !important; border-radius:999px; margin-bottom:14px !important;
}
.college-predictor #campusloom-predictor .bcg-eyebrow::before {
  content:''; display:inline-block; width:6px; height:6px;
  border-radius:50%; background:#FF6B4A;
}
.college-predictor #campusloom-predictor .bcg-grid {
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:18px !important; margin-top:20px !important;
}
.college-predictor #campusloom-predictor .bcg-card {
  background:#fff !important; border:1.5px solid var(--border) !important;
  border-radius:16px; padding:20px 22px 18px !important;
  cursor:pointer; transition:border-color .18s, transform .18s, box-shadow .18s;
  position:relative; overflow:hidden;
}
.college-predictor #campusloom-predictor .bcg-card::before {
  content:''; position:absolute; top:0; right:0;
  width:56px; height:56px; border-radius:0 14px 0 56px;
  opacity:0.08; transition:opacity .18s;
}
.college-predictor #campusloom-predictor .bcg-card:hover { border-color:#FF6B4A !important; transform:translateY(-2px); box-shadow:0 6px 20px rgba(255,107,74,0.1); }
.college-predictor #campusloom-predictor .bcg-card:hover::before { opacity:0.16; }
.college-predictor #campusloom-predictor .bcg-card-header { display:flex !important; align-items:center; gap:10px; margin-bottom:14px !important; }
.college-predictor #campusloom-predictor .bcg-icon {
  width:34px; height:34px; border-radius:9px;
  display:flex !important; align-items:center; justify-content:center; flex-shrink:0;
}
.college-predictor #campusloom-predictor .bcg-icon svg { width:17px; height:17px; }
.college-predictor #campusloom-predictor .bcg-card-title {
  font-family:'Bricolage Grotesque',sans-serif !important;
  font-size:13.5px; font-weight:700; letter-spacing:-0.01em;
}
.college-predictor #campusloom-predictor .bcg-tags {
  display:flex !important;
  flex-wrap:wrap;
  gap:8px !important;
  max-height:220px;
  overflow-y:auto;
  padding-right:6px;
  overscroll-behavior-y:contain;
}
.college-predictor #campusloom-predictor .bcg-tags::-webkit-scrollbar {
  width:4px;
}
.college-predictor #campusloom-predictor .bcg-tags::-webkit-scrollbar-track {
  background:transparent;
}
.college-predictor #campusloom-predictor .bcg-tags::-webkit-scrollbar-thumb {
  background:rgba(0,0,0,0.08) !important;
  border-radius:4px;
}
.college-predictor #campusloom-predictor .bcg-tags::-webkit-scrollbar-thumb:hover {
  background:rgba(0,0,0,0.15) !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor .bcg-tags::-webkit-scrollbar-thumb {
  background:rgba(255,255,255,0.12) !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor .bcg-tags::-webkit-scrollbar-thumb:hover {
  background:rgba(255,255,255,0.2) !important;
}
.college-predictor #campusloom-predictor .bcg-tag {
  font-size:12px; font-weight:500; color:#4A4A4A !important;
  background:#F5F0E8 !important; border-radius:7px; padding:5px 11px !important;
  transition:background .15s, color .15s;
}
.college-predictor #campusloom-predictor .bcg-card:hover .bcg-tag { background:#FFF0D9 !important; color:#8B4A0C !important; }
.college-predictor #campusloom-predictor .bcg-card.c-cs .bcg-icon { background:#D6E8FF !important; }
.college-predictor #campusloom-predictor .bcg-card.c-cs .bcg-icon svg { color:#1B3A7A !important; }
.college-predictor #campusloom-predictor .bcg-card.c-cs::before { background:#D6E8FF; }
.college-predictor #campusloom-predictor .bcg-card.c-cs .bcg-card-title { color:#1B3A7A !important; }
.college-predictor #campusloom-predictor .bcg-card.c-ai .bcg-icon { background:#E4D9FF !important; }
.college-predictor #campusloom-predictor .bcg-card.c-ai .bcg-icon svg { color:#3D2E7A !important; }
.college-predictor #campusloom-predictor .bcg-card.c-ai::before { background:#E4D9FF; }
.college-predictor #campusloom-predictor .bcg-card.c-ai .bcg-card-title { color:#3D2E7A !important; }
.college-predictor #campusloom-predictor .bcg-card.c-ee .bcg-icon { background:#FFD6A8 !important; }
.college-predictor #campusloom-predictor .bcg-card.c-ee .bcg-icon svg { color:#7A4A00 !important; }
.college-predictor #campusloom-predictor .bcg-card.c-ee::before { background:#FFD6A8; }
.college-predictor #campusloom-predictor .bcg-card.c-ee .bcg-card-title { color:#7A4A00 !important; }
.college-predictor #campusloom-predictor .bcg-card.c-mech .bcg-icon { background:#D1F0DE !important; }
.college-predictor #campusloom-predictor .bcg-card.c-mech .bcg-icon svg { color:#0F5132 !important; }
.college-predictor #campusloom-predictor .bcg-card.c-mech::before { background:#D1F0DE; }
.college-predictor #campusloom-predictor .bcg-card.c-mech .bcg-card-title { color:#0F5132 !important; }
.college-predictor #campusloom-predictor .bcg-card.c-math .bcg-icon { background:#FFF0D9 !important; }
.college-predictor #campusloom-predictor .bcg-card.c-math .bcg-icon svg { color:#8B4A0C !important; }
.college-predictor #campusloom-predictor .bcg-card.c-math::before { background:#FFF0D9; }
.college-predictor #campusloom-predictor .bcg-card.c-math .bcg-card-title { color:#8B4A0C !important; }
.college-predictor #campusloom-predictor .bcg-card.c-civil .bcg-icon { background:#E8E0D6 !important; }
.college-predictor #campusloom-predictor .bcg-card.c-civil .bcg-icon svg { color:#5C4A38 !important; }
.college-predictor #campusloom-predictor .bcg-card.c-civil::before { background:#E8E0D6; }
.college-predictor #campusloom-predictor .bcg-card.c-civil .bcg-card-title { color:#5C4A38 !important; }
.college-predictor #campusloom-predictor .bcg-card.c-mat .bcg-icon { background:#FFE5E5 !important; }
.college-predictor #campusloom-predictor .bcg-card.c-mat .bcg-icon svg { color:#8B1A1A !important; }
.college-predictor #campusloom-predictor .bcg-card.c-mat::before { background:#FFE5E5; }
.college-predictor #campusloom-predictor .bcg-card.c-mat .bcg-card-title { color:#8B1A1A !important; }
.college-predictor #campusloom-predictor .bcg-card.c-chem .bcg-icon { background:#D6F0FF !important; }
.college-predictor #campusloom-predictor .bcg-card.c-chem .bcg-icon svg { color:#0A4A6E !important; }
.college-predictor #campusloom-predictor .bcg-card.c-chem::before { background:#D6F0FF; }
.college-predictor #campusloom-predictor .bcg-card.c-chem .bcg-card-title { color:#0A4A6E !important; }
.college-predictor #campusloom-predictor .bcg-card.c-sci .bcg-icon { background:#DCF0DC !important; }
.college-predictor #campusloom-predictor .bcg-card.c-sci .bcg-icon svg { color:#1A5C1A !important; }
.college-predictor #campusloom-predictor .bcg-card.c-sci::before { background:#DCF0DC; }
.college-predictor #campusloom-predictor .bcg-card.c-sci .bcg-card-title { color:#1A5C1A !important; }
.college-predictor #campusloom-predictor .bcg-card.c-bio .bcg-icon { background:#FFEBF0 !important; }
.college-predictor #campusloom-predictor .bcg-card.c-bio .bcg-icon svg { color:#A21C4B !important; }
.college-predictor #campusloom-predictor .bcg-card.c-bio::before { background:#FFEBF0; }
.college-predictor #campusloom-predictor .bcg-card.c-bio .bcg-card-title { color:#A21C4B !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .bcg-card { background:#1C1916 !important; border-color:rgba(255,255,255,0.08) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .bcg-card:hover { border-color:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .bcg-tag { background:rgba(255,255,255,0.06) !important; color:rgba(255,255,255,0.55) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .bcg-card:hover .bcg-tag { background:rgba(255,107,74,0.12) !important; color:#FFB89A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .bcg-eyebrow { background:rgba(255,240,217,0.1) !important; }
/* ══ RESPONSIVE — TABLET ══ */
@media(max-width:900px) {
  /* ── TABLET: single column, form card full-width below hero ── */
  .college-predictor #campusloom-predictor .hero { padding:48px 32px 56px; }
  .college-predictor #campusloom-predictor .hero-inner { grid-template-columns:1fr; gap:36px; max-width:640px; }
  .college-predictor #campusloom-predictor .hero-left h1 .h-line1, .college-predictor #campusloom-predictor .hero-left h1 .h-line2, .college-predictor #campusloom-predictor .hero-left h1 .h-line3 { font-size:48px; letter-spacing:-2px; }
  .college-predictor #campusloom-predictor .hero-left .hero-sub { font-size:15px; margin-bottom:24px; max-width:100%; }
  /* Trust cards: horizontal 3-col row */
  .college-predictor #campusloom-predictor .trust-cards { flex-direction:row; gap:10px; flex-wrap:nowrap; }
  .college-predictor #campusloom-predictor .trust-card { flex:1; }
  /* Stats: spread row */
  .college-predictor #campusloom-predictor .hero-stats { padding-top:24px; }
  /* Input card: full width, centered, generous padding */
  .college-predictor #campusloom-predictor .input-card { border-radius:20px; padding:32px 28px; max-width:640px; margin:0 auto; }
  /* Results */
  .college-predictor #campusloom-predictor .results-wrapper { padding:20px 24px 24px; }
  .college-predictor #campusloom-predictor .campus-life-grid { grid-template-columns:repeat(3,1fr); }
  /* Sidebar 2-col grid on tablet */
  .college-predictor #campusloom-predictor .content-grid { grid-template-columns:1fr; gap:16px; }
  .college-predictor #campusloom-predictor .sidebar { position:static; display:grid; grid-template-columns:repeat(2,1fr); gap:12px; padding:16px; background:var(--gray-bg) !important; border-radius:12px; border:1px solid var(--border) !important; }
  .college-predictor #campusloom-predictor .filter-section { margin-bottom:0; }
  /* Controls bar */
  .college-predictor #campusloom-predictor .controls-bar { flex-wrap:nowrap; gap:8px; }
  .college-predictor #campusloom-predictor .quick-filters { flex-wrap:nowrap; overflow-x:auto; min-width:0; }
  .college-predictor .cl-footer-inner { padding:24px 24px 40px !important; }
  .college-predictor .cl-lib-grid { grid-template-columns:repeat(2, 1fr); gap:20px 24px; }
}
/* ══ RESPONSIVE — MOBILE ══ */
@media(max-width:600px) {
  /* ── Root containment — prevents ANY horizontal bleed ── */
  .college-predictor #campusloom-predictor { overflow-x:hidden !important; width:100% !important; }
  .college-predictor #campusloom-predictor #results { overflow-x:hidden !important; }
  /* ── Hero ── */
  .college-predictor #campusloom-predictor .hero { padding:28px 16px 32px; }
  .college-predictor #campusloom-predictor .hero-inner { gap:24px; grid-template-columns:1fr !important; }
  .college-predictor #campusloom-predictor .hero-left h1 .h-line1, .college-predictor #campusloom-predictor .hero-left h1 .h-line2, .college-predictor #campusloom-predictor .hero-left h1 .h-line3 { font-size:30px; letter-spacing:-1px; }
  .college-predictor #campusloom-predictor .hero-left .hero-sub { font-size:13px; margin-bottom:16px; }
  .college-predictor #campusloom-predictor .trust-cards { flex-direction:column; gap:8px; }
  .college-predictor #campusloom-predictor .hero-stats { gap:0; padding-top:20px; }
  .college-predictor #campusloom-predictor .hero-stat .num { font-size:20px; }
  /* ── Input card ── */
  .college-predictor #campusloom-predictor .input-card { border-radius:16px; padding:20px 16px; }
  .college-predictor #campusloom-predictor .input-card h2 { font-size:18px; }
  /* ── Results wrapper — proper side margins, centred ── */
  .college-predictor #campusloom-predictor .results-wrapper { padding:16px 14px 20px; width:100% !important; box-sizing:border-box !important; }
  /* ── Summary bar ── */
  .college-predictor #campusloom-predictor .summary-bar { gap:8px; margin-bottom:12px; }
  .college-predictor #campusloom-predictor .summary-pill { font-size:11px; padding:4px 10px; }
  .college-predictor #campusloom-predictor .summary-text { font-size:12px; }
  .college-predictor #campusloom-predictor .edit-btn { font-size:11px; padding:6px 14px; }
  /* ── Controls bar — pills+sort wrap together row 1; view toggle row 2 ── */
  .college-predictor #campusloom-predictor .controls-bar { flex-wrap:wrap !important; gap:6px !important; margin-bottom:14px; align-items:center; }
  /* Pills + sort wrap together (sort is inside quick-filters); view toggle on own row */
  .college-predictor #campusloom-predictor .quick-filters { flex-wrap:wrap !important; overflow-x:visible !important; gap:6px !important; width:100% !important; flex:none !important; margin-left:0 !important; }
  .college-predictor #campusloom-predictor .quick-pill { font-size:11px; padding:5px 12px; flex-shrink:0; white-space:nowrap; }
  /* Sort inside quick-filters: no push-right on mobile */
  .college-predictor #campusloom-predictor .sort-dropdown-wrapper { margin-left:0 !important; flex-shrink:0; }
  /* Sort styled like a quick-pill */
  .college-predictor #campusloom-predictor .sort-btn { font-size:11px; padding:5px 12px; gap:5px; border:1.5px solid rgba(26,26,26,0.18) !important; background:var(--surface) !important; color:var(--ink) !important; }
  .college-predictor #campusloom-predictor .sort-btn svg { width:12px !important; height:12px !important; stroke:var(--gray-text) !important; }
  /* View toggle: own full-width centered row */
  .college-predictor #campusloom-predictor .view-toggle { width:100% !important; justify-content:center !important; display:flex; gap:6px; margin-top:12px; margin-bottom:8px; padding:5px; border-radius:14px; }
  .college-predictor #campusloom-predictor .view-btn { padding:8px 12px !important; font-size:11.5px !important; gap:5px !important; flex:1 !important; justify-content:center !important; max-width:135px !important; border-radius:10px !important; }
  /* ── Content grid — single col ── */
  .college-predictor #campusloom-predictor .content-grid { grid-template-columns:1fr; gap:12px; width:100%; }
  /* ── Sidebar ── */
  .college-predictor #campusloom-predictor .sidebar { position:static; display:flex; flex-direction:column; gap:12px; background:var(--gray-bg) !important; border-radius:12px; padding:14px; border:1px solid var(--border) !important; width:100%; box-sizing:border-box; }
  .college-predictor #campusloom-predictor .filter-section { margin-bottom:0; }
  .college-predictor #campusloom-predictor .filter-chips { gap:5px; }
  .college-predictor #campusloom-predictor .filter-chip { font-size:11px; padding:5px 10px; }
  /* ── Search bar ── */
  .college-predictor #campusloom-predictor .search-bar { font-size:13px; padding:10px 14px 10px 38px; width:100%; box-sizing:border-box; }
  /* ── College cards — contain branch table; info top, actions bottom ── */
  .college-predictor #campusloom-predictor .college-group { width:100% !important; max-width:100% !important; box-sizing:border-box !important; overflow:hidden !important; margin-bottom:12px; }
  .college-predictor #campusloom-predictor .college-header { flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important; gap:12px !important; padding:14px 14px 14px !important; border-bottom:none !important; }
  .college-predictor #campusloom-predictor .college-info { align-items:flex-start !important; min-width:0; gap:12px !important; }
  /* Mobile: restore column layout for info-text (desktop uses flex-wrap row) */
  .college-predictor #campusloom-predictor .college-info-text { flex-direction:column !important; flex-wrap:nowrap !important; align-items:flex-start !important; row-gap:4px !important; column-gap:0 !important; }
  .college-predictor #campusloom-predictor .college-name { flex-basis:auto !important; font-size:16px !important; font-weight:700; margin-bottom:0; }
  .college-predictor #campusloom-predictor .college-logo { width:52px !important; height:52px !important; font-size:16px !important; border-radius:12px !important; flex-shrink:0 !important; }
  .college-predictor #campusloom-predictor .college-logo-img { padding:4px !important; }
  .college-predictor #campusloom-predictor .college-meta { gap:5px !important; flex-wrap:nowrap !important; align-items:center; }
  .college-predictor #campusloom-predictor .college-high-chance { margin-top:2px; }
  /* Actions: full-width bottom row with orange CTA + outlined details */
  .college-predictor #campusloom-predictor .college-header-actions { width:100% !important; flex-direction:row !important; align-items:stretch !important; gap:8px !important; flex-shrink:unset !important; align-self:auto !important; }
  .college-predictor #campusloom-predictor .collapse-btn { flex:1 !important; justify-content:center !important; padding:11px 16px !important; font-size:14px !important; border-radius:12px !important; gap:7px !important; }
  .college-predictor #campusloom-predictor .collapse-btn svg { width:14px !important; height:14px !important; }
  .college-predictor #campusloom-predictor .details-toggle-btn { flex:none !important; padding:11px 18px !important; font-size:14px !important; border-radius:12px !important; }
  /* ── Branch table — iOS-safe: max-width locks scroll bounds; 14px side padding on results-wrapper ── */
  .college-predictor #campusloom-predictor .branch-table-scroll-wrap { width:100% !important; max-width:calc(100vw - 28px) !important; box-sizing:border-box !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; display:block !important; }
  .college-predictor #campusloom-predictor .branch-table { min-width:560px !important; width:560px !important; }
  .college-predictor #campusloom-predictor .branch-table-header { grid-template-columns:1.6fr .65fr .65fr .7fr .55fr 36px !important; padding:7px 12px; }
  .college-predictor #campusloom-predictor .branch-row { grid-template-columns:1.6fr .65fr .65fr .7fr .55fr 36px !important; padding:10px 12px; }
  .college-predictor #campusloom-predictor .branch-name { font-size:13px; }
  .college-predictor #campusloom-predictor .branch-degree { font-size:11px; }
  .college-predictor #campusloom-predictor .rank-val { font-size:12px; }
  .college-predictor #campusloom-predictor .prob-tag { font-size:11px; padding:3px 8px; }
  /* ── Campus life ── */
  .college-predictor #campusloom-predictor .campus-life-grid { grid-template-columns:repeat(3,1fr); gap:6px; }
  .college-predictor #campusloom-predictor .campus-icon-card { padding:10px 6px; }
  /* ── Shortlist bar ── */
  .college-predictor #campusloom-predictor .shortlist-bar { padding:12px 16px; }
  /* ── Modal ── */
  .college-predictor #campusloom-predictor .modal { padding:20px 16px; border-radius:16px; }
  .college-predictor #campusloom-predictor .round-table th, .college-predictor #campusloom-predictor .round-table td { padding:7px 7px; font-size:11px; }
  /* ── Dark mode sidebar ── */
  [data-theme="dark"] .college-predictor #campusloom-predictor .sidebar { background:rgba(14,11,8,0.6) !important; border-color:rgba(255,255,255,0.08) !important; }
  /* ── Footer ── */
  .college-predictor .cl-footer-inner { padding:20px 16px 40px !important; }
  .college-predictor .cl-lib-grid { grid-template-columns:1fr 1fr !important; gap:16px 12px; }
  .college-predictor .cl-disclaimer { flex-direction:row; gap:10px; padding:12px 14px; }
  .college-predictor .cl-toggle-title { font-size:13px !important; }
  .college-predictor .cl-disc-text { font-size:11px !important; }
  .college-predictor .cl-toggle-eyebrow { display:none; }
}
/* ══ DARK MODE OVERRIDES (Aurora Glass) ══ */
/* ── DARK MODE: Scope all CSS variables directly onto #campusloom-predictor
   so WordPress theme variables cannot override them ── */
[data-theme="dark"] .college-predictor #campusloom-predictor {
  /* Re-declare every CSS var at element scope — beats any WordPress :root / body override */
  --canvas:#0E0B08; --ink:#F0F0F0; --orange:#FF6B4A;
  --peach-light:rgba(255,107,74,0.15); --border:rgba(255,255,255,0.09);
  --green:rgba(34,197,94,0.18); --green-text:#4ade80;
  --yellow:rgba(234,179,8,0.18); --yellow-text:#facc15;
  --red:rgba(239,68,68,0.16); --red-text:#f87171;
  --blue:rgba(255,107,74,0.15); --blue-text:#FFCAB0;
  --gray-bg:rgba(255,255,255,0.05); --gray-text:rgba(255,255,255,0.4);
  --prob-high:#4ade80; --prob-med:#facc15; --prob-low:#f87171;
  --surface-1:rgba(255,255,255,0.05); --surface-2:rgba(255,255,255,0.03);
  --text-muted:rgba(255,255,255,0.4); --text-faint:rgba(255,255,255,0.2);
  --card-shadow:none;
  background:#0E0B08 !important;
  color:#F0F0F0 !important;
}
/* Also scope body.dark hero vars for WP — use html[data-theme] as fallback */
[data-theme="dark"] .college-predictor .headline { color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor .subheadline { color:#FF6B4A !important; }
[data-theme="dark"] .college-predictor .hero-desc { color:rgba(240,235,227,0.6) !important; }
[data-theme="dark"] .college-predictor .hero { background:#0E0B08 !important; }
[data-theme="dark"] .college-predictor .hero-left { color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor .chip { background:rgba(255,107,74,0.1) !important; border-color:rgba(255,107,74,0.2) !important; }
[data-theme="dark"] .college-predictor .chip-title { color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor .chip-eyebrow { color:rgba(240,235,227,0.55) !important; }
[data-theme="dark"] .college-predictor .stat-num { color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor .stat-lbl { color:rgba(240,235,227,0.55) !important; }
[data-theme="dark"] .college-predictor .stat-eyebrow { color:rgba(240,235,227,0.35) !important; }
[data-theme="dark"] .college-predictor .stats-row { border-top-color:rgba(240,235,227,0.08) !important; }
[data-theme="dark"] .college-predictor .stat-item::before { background:rgba(240,235,227,0.08) !important; }
[data-theme="dark"] .college-predictor .predictor-card { background:#1E1A16 !important; border-color:rgba(240,235,227,0.09) !important; }
[data-theme="dark"] .college-predictor .card-title { color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor .rank-lbl, [data-theme="dark"] .college-predictor .fg-lbl { color:rgba(240,235,227,0.38) !important; }
[data-theme="dark"] .college-predictor .rank-input, [data-theme="dark"] .college-predictor .fg-sel {
  background:#252018 !important; border-color:rgba(240,235,227,0.25) !important;
  color:#F0EBE3 !important;
}
[data-theme="dark"] .college-predictor .rank-input::placeholder { color:rgba(240,235,227,0.3) !important; }
[data-theme="dark"] .college-predictor .warn-bar { background:rgba(255,107,74,0.08) !important; border-color:rgba(255,107,74,0.22) !important; }
[data-theme="dark"] .college-predictor .pool-btn.inactive { background:#252018 !important; border-color:rgba(240,235,227,0.15) !important; color:rgba(240,235,227,0.55) !important; }
[data-theme="dark"] .college-predictor .pool-btn.active { background:#F0EBE3 !important; border-color:#F0EBE3 !important; color:#0E0B08 !important; }
[data-theme="dark"] .college-predictor .or-divider::before, [data-theme="dark"] .college-predictor .or-divider::after { background:rgba(240,235,227,0.15) !important; }
[data-theme="dark"] .college-predictor .or-divider span { color:rgba(240,235,227,0.4) !important; }
[data-theme="dark"] .college-predictor .free-badge { color:#4ade80 !important; }
[data-theme="dark"] .college-predictor .avg-badge { color:rgba(240,235,227,0.35) !important; }
[data-theme="dark"] .college-predictor .page { background:#0E0B08 !important; }
[data-theme="dark"] .college-predictor .grid-bg { background-image: linear-gradient(rgba(255,107,74,0.06) 1px,transparent 1px), linear-gradient(90deg,rgba(255,107,74,0.06) 1px,transparent 1px) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .hero {
  background: #0E0B08 !important;
  background-image: radial-gradient(rgba(255,107,74,0.10) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
}
/* Input card — rich glass, not washed out */
[data-theme="dark"] .college-predictor #campusloom-predictor .input-card {
  background: #1E1A16 !important;
  border: 1px solid rgba(240,235,227,0.09) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.5) !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor .input-card h2 { color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .form-group label, [data-theme="dark"] .college-predictor #campusloom-predictor .input-card .fg > label, [data-theme="dark"] .college-predictor #campusloom-predictor .input-card .input-label { color:rgba(240,235,227,0.45) !important; letter-spacing:.6px; }
/* All inputs and selects inside card */
[data-theme="dark"] .college-predictor #campusloom-predictor .form-group input, [data-theme="dark"] .college-predictor #campusloom-predictor .form-group select, [data-theme="dark"] .college-predictor #campusloom-predictor .input-card input, [data-theme="dark"] .college-predictor #campusloom-predictor .input-card select {
  background: #252018 !important;
  border-color: rgba(240,235,227,0.12) !important;
  color: #F0EBE3 !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor .input-card input::placeholder { color:rgba(240,235,227,0.3) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .input-card input:focus, [data-theme="dark"] .college-predictor #campusloom-predictor .input-card select:focus { border-color:#FF6B4A !important; box-shadow:0 0 0 3px rgba(255,107,74,0.15) !important; }
/* Warning / category hint */
[data-theme="dark"] .college-predictor #campusloom-predictor .cat-hint, [data-theme="dark"] .college-predictor #campusloom-predictor .warn-box { background:#2A1F1A !important; border-color:rgba(255,107,74,0.3) !important; color:#FFCAB0 !important; }
/* OR divider */
[data-theme="dark"] .college-predictor #campusloom-predictor .or-divider, [data-theme="dark"] .college-predictor #campusloom-predictor .divider-line { border-color:rgba(240,235,227,0.08) !important; color:rgba(240,235,227,0.3) !important; }
/* Free note / footer row */
[data-theme="dark"] .college-predictor #campusloom-predictor .card-free-note, [data-theme="dark"] .college-predictor #campusloom-predictor .card-footer-row { color:rgba(240,235,227,0.4) !important; border-top-color:rgba(240,235,227,0.08) !important; }
/* Seat pool — glassy translucent in dark, NOT solid purple */
[data-theme="dark"] .college-predictor #campusloom-predictor .seat-btn {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(255,255,255,0.15) !important;
  color: rgba(255,255,255,0.85) !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor .seat-btn.active {
  background: rgba(255,107,74,0.22) !important;
  border-color: rgba(255,107,74,0.6) !important;
  color: #FF8A6A !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-chip.active-green { background:rgba(34,197,94,0.28) !important; color:#86efac !important; border-color:rgba(34,197,94,0.55) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-chip.active-yellow { background:rgba(234,179,8,0.28) !important; color:#fde68a !important; border-color:rgba(234,179,8,0.55) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-chip.active-red { background:rgba(239,68,68,0.28) !important; color:#fca5a5 !important; border-color:rgba(239,68,68,0.55) !important; }
/* Detail tags — orange light / purple dark */
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-tag.neutral { background:rgba(255,107,74,0.15) !important; border-color:rgba(255,107,74,0.25) !important; color:#FFCAB0 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-tag.neutral svg { stroke:#FF8A6A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-tag { background:rgba(255,255,255,0.07) !important; border-color:rgba(255,255,255,0.12) !important; color:rgba(255,255,255,0.65) !important; }
/* Dropdowns */
[data-theme="dark"] .college-predictor #campusloom-predictor .degree-dropdown-btn { background:rgba(255,255,255,0.07) !important; border-color:rgba(255,255,255,0.12) !important; color:rgba(255,255,255,0.85) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .degree-dropdown-btn:hover, [data-theme="dark"] .college-predictor #campusloom-predictor .degree-dropdown-btn.open { border-color:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .degree-dropdown-panel { background:#161210 !important; border-color:rgba(255,107,74,0.18) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .degree-option { color:rgba(255,255,255,0.75) !important; border-bottom-color:rgba(255,255,255,0.06) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .degree-option:hover { background:rgba(255,107,74,0.12) !important; }
/* OR divider */
[data-theme="dark"] .college-predictor #campusloom-predictor .or-divider::before, [data-theme="dark"] .college-predictor #campusloom-predictor .or-divider::after { background:rgba(255,255,255,0.1) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .or-divider span { color:rgba(255,255,255,0.3) !important; }
/* Rank hint */
[data-theme="dark"] .college-predictor #campusloom-predictor .rank-hint { background:rgba(255,107,74,0.12) !important; color:#FFCAB0 !important; border-color:rgba(255,107,74,0.18) !important; }
/* Results wrapper */
[data-theme="dark"] .college-predictor #campusloom-predictor .results-wrapper { background:#0E0B08 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .summary-bar { background:#0E0B08 !important; border-bottom-color:rgba(255,255,255,0.07) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .summary-pill { background:rgba(255,107,74,0.12) !important; border-color:rgba(255,107,74,0.25) !important; color:rgba(255,200,180,0.9) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .summary-pill .dot { background:var(--orange) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .summary-text { color:rgba(255,255,255,0.4) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .summary-text strong { color:rgba(255,255,255,0.85) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .edit-btn { background:rgba(255,255,255,0.06) !important; border-color:rgba(255,255,255,0.15) !important; color:rgba(255,255,255,0.6) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .edit-btn:hover { background:rgba(255,255,255,0.12) !important; color:#fff !important; }
/* Controls bar */
[data-theme="dark"] .college-predictor #campusloom-predictor .controls-bar { background:#0E0B08 !important; border-bottom-color:rgba(255,255,255,0.07) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .quick-pill { background:rgba(255,255,255,0.05) !important; border-color:rgba(255,255,255,0.10) !important; color:rgba(255,255,255,0.45) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .quick-pill:hover { border-color:rgba(255,255,255,0.25) !important; color:rgba(255,255,255,0.7) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .quick-pill.active { background:rgba(255,107,74,0.15) !important; border-color:rgba(255,107,74,0.45) !important; color:#FFCAB0 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .quick-pill:hover { border-color:rgba(255,255,255,0.3) !important; color:rgba(255,255,255,0.75) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .sort-btn { background:rgba(255,255,255,0.05) !important; border-color:rgba(255,255,255,0.10) !important; color:rgba(255,255,255,0.5) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .sort-btn:hover { border-color:rgba(255,255,255,0.3) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .sort-panel { background:#161210 !important; border-color:rgba(255,255,255,0.12) !important; box-shadow:0 12px 30px rgba(0,0,0,0.6) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .sort-option { color:rgba(255,255,255,0.6) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .sort-option:hover { background:rgba(255,255,255,0.05) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .view-toggle { background:rgba(255,255,255,0.06) !important; border:1px solid rgba(255,255,255,0.10) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .view-btn { color:rgba(255,255,255,0.35) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .view-btn.active { background:rgba(255,255,255,0.12) !important; color:#fff !important; box-shadow:none !important; }
/* Sidebar */
/* Sidebar dark bg/border: mobile only — see @media(max-width:900px) block */
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-section-title { color:rgba(255,255,255,0.25) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-section h3 { color:rgba(255,255,255,0.35) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-chip { background:rgba(255,255,255,0.06) !important; border-color:rgba(255,255,255,0.10) !important; color:rgba(255,255,255,0.55) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-chip.active { background:rgba(255,107,74,0.12) !important; border-color:rgba(255,107,74,0.30) !important; color:#FFCAB0 !important; }
/* College type chips — purple tint inactive, stronger purple active (must follow general .active rule) */
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-chip[data-type] { border-color:rgba(255,107,74,0.3) !important; color:rgba(165,180,252,0.65) !important; background:rgba(99,102,241,0.07) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-chip[data-type].active { background:rgba(255,107,74,0.20) !important; color:#FFCAB0 !important; border-color:rgba(255,107,74,0.50) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-check-label { color:rgba(255,255,255,0.65) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-check-item { color:rgba(255,255,255,0.65) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .toggle-row span { color:rgba(255,255,255,0.65) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .toggle-track { background:rgba(255,255,255,0.12) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-label { color:rgba(255,255,255,0.4) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .degree-dropdown-btn { background:rgba(255,255,255,0.07) !important; border-color:rgba(255,255,255,0.12) !important; color:rgba(255,255,255,0.75) !important; }
/* Search bar */
[data-theme="dark"] .college-predictor #campusloom-predictor .search-bar { background:rgba(255,255,255,0.06) !important; border-color:rgba(255,255,255,0.10) !important; color:rgba(255,255,255,0.85) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .search-bar::placeholder { color:rgba(255,255,255,0.25) !important; }
/* College cards — rich dark, NOT white */
[data-theme="dark"] .college-predictor #campusloom-predictor .college-group {
  background: rgba(22,18,14,0.95) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.35) !important;
  border-radius: 20px !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor .college-group:hover { border-color:rgba(255,107,74,0.3) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .college-header { border-bottom-color:rgba(255,255,255,0.06) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .college-name { color:#fff !important; }
/* Change 3: College logo — dark mode, white text on dark bg (bg set by JS) */
[data-theme="dark"] .college-predictor #campusloom-predictor .college-logo {
  color: #fff !important;
  filter: none !important;
}
/* Change 3: High chance count — plain green text, no pill */
[data-theme="dark"] .college-predictor #campusloom-predictor .high-prob-count { color:#4ade80 !important; font-weight:700 !important; background:transparent !important; }
/* College meta text */
[data-theme="dark"] .college-predictor #campusloom-predictor .college-meta span { color:rgba(255,255,255,0.4) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .college-meta .high-prob-count { color:#4ade80 !important; }
/* Change 4: NIRF badge — warm orange tint */
[data-theme="dark"] .college-predictor #campusloom-predictor .nirf-badge, [data-theme="dark"] .college-predictor #campusloom-predictor .college-meta .nirf-badge { background:rgba(255,107,74,0.18) !important; color:#ffb59e !important; border:1px solid rgba(255,107,74,0.3) !important; }
/* Change 4: Map pin icon in dark */
[data-theme="dark"] .college-predictor #campusloom-predictor .meta-pin-icon { stroke:#FF8A6A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .details-toggle-btn { background:rgba(255,255,255,0.06) !important; border-color:rgba(255,255,255,0.12) !important; color:rgba(255,255,255,0.5) !important; border-radius:999px !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .details-toggle-btn:hover { border-color:#FF6B4A !important; color:#FFCAB0 !important; background:rgba(255,107,74,0.10) !important; }
/* Branch table header + rows */
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-table-header { background:rgba(255,255,255,0.03) !important; border-color:rgba(255,255,255,0.07) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-table-header span { color:rgba(255,255,255,0.3) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-row { background:rgba(255,255,255,0.02) !important; border-bottom-color:rgba(255,255,255,0.05) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-row:hover { background:rgba(255,107,74,0.06) !important; }
/* Probability row tints — vivid + correct text colours */
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-row.row-high { background-color:rgba(34,197,94,0.26) !important; border-bottom-color:rgba(34,197,94,0.08) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-row.row-high:hover { background-color:rgba(34,197,94,0.34) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-row.row-medium { background-color:rgba(234,179,8,0.22) !important; border-bottom-color:rgba(234,179,8,0.12) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-row.row-medium:hover { background-color:rgba(234,179,8,0.30) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-row.row-low { background-color:rgba(239,68,68,0.22) !important; border-bottom-color:rgba(239,68,68,0.12) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-row.row-low:hover { background-color:rgba(239,68,68,0.30) !important; }
/* Branch text */
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-name { color:rgba(255,255,255,0.88) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-degree { color:rgba(255,255,255,0.35) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .rank-val { color:rgba(255,255,255,0.65) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .package-val { color:rgba(255,255,255,0.65) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .placed-val { color:rgba(255,255,255,0.65) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .row-high .prob-tag { color:#4ade80 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .row-medium .prob-tag { color:#facc15 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .row-low .prob-tag { color:#fca5a5 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .row-high .pct { color:#4ade80 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .row-medium .pct-mid { color:#facc15 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .row-low .pct-low { color:#fca5a5 !important; }
/* Fix 4: Bookmark — smaller 24px, purple hover */
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-bookmark { width:24px !important; height:24px !important; border-radius:7px !important; background:rgba(255,255,255,0.1) !important; border-color:rgba(255,255,255,0.25) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-bookmark svg { width:12px !important; height:12px !important; stroke:rgba(255,255,255,0.75) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-bookmark:hover { border-color:#FF6B4A !important; background:rgba(255,107,74,0.15) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-bookmark.saved { background:#FF6B4A !important; border-color:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-bookmark.saved svg { stroke:#fff !important; fill:#fff !important; }
/* College details panel */
[data-theme="dark"] .college-predictor #campusloom-predictor .college-details-panel { background:rgba(255,255,255,0.02) !important; border-top-color:rgba(255,255,255,0.07) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .campus-icon-card { background:rgba(255,255,255,0.05) !important; border-color:rgba(255,255,255,0.09) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .campus-icon-card .clabel { color:rgba(255,255,255,0.35) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .campus-icon-card .cvalue { color:rgba(255,255,255,0.5) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-tag { background:rgba(255,255,255,0.07) !important; border-color:rgba(255,255,255,0.12) !important; color:rgba(255,255,255,0.65) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-tag.yes { background:rgba(34,197,94,0.15) !important; border-color:rgba(34,197,94,0.25) !important; color:#4ade80 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-tag.no { background:rgba(239,68,68,0.22) !important; border-color:rgba(239,68,68,0.2) !important; color:#f87171 !important; }
/* Empty state */
[data-theme="dark"] .college-predictor #campusloom-predictor .empty-state { background:rgba(22,18,14,0.95) !important; border-color:rgba(255,255,255,0.08) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .empty-state .empty-title { color:#fff !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .empty-state .empty-sub { color:rgba(255,255,255,0.4) !important; }
/* Modal */
[data-theme="dark"] .college-predictor #campusloom-predictor .modal-overlay { background:rgba(0,0,0,0.85) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .modal { background:#161210 !important; border:1px solid rgba(255,255,255,0.10) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .modal-header { border-bottom-color:rgba(255,255,255,0.07) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .modal-title { color:#fff !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .modal-close { color:rgba(255,255,255,0.4) !important; background:rgba(255,255,255,0.06) !important; border-color:rgba(255,255,255,0.10) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .round-tabs { border-bottom-color:rgba(255,255,255,0.07) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .round-tab { color:rgba(255,255,255,0.4) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .round-tab.active { color:#FFCAB0 !important; border-bottom-color:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .round-table th { background:rgba(255,255,255,0.04) !important; color:rgba(255,255,255,0.35) !important; border-color:rgba(255,255,255,0.07) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .round-table td { color:rgba(255,255,255,0.65) !important; border-color:rgba(255,255,255,0.05) !important; }
/* Mobile sidebar */
[data-theme="dark"] .college-predictor #campusloom-predictor .map-container { background:#0A0807 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .college-dot[data-saved="true"] circle.main-dot { fill:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .map-tooltip { background:#161210 !important; border-color:rgba(255,255,255,0.10) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .map-tooltip .tt-college { color:#fff !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .map-tooltip .tt-branch { color:rgba(255,255,255,0.45) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .map-tooltip .tt-dist { background:rgba(255,107,74,0.12) !important; color:#FFCAB0 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .shortlist-bar { background:rgba(14,11,8,0.97) !important; border-top:1px solid rgba(255,107,74,0.18) !important; backdrop-filter:blur(12px); }
[data-theme="dark"] .college-predictor #campusloom-predictor .shortlist-count { background:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .view-shortlist-btn { background:var(--orange) !important; color:#fff !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .mobile-sidebar { background:#161210 !important; border-top-color:rgba(255,255,255,0.10) !important; }
/* ── Dark mode: orange as primary accent ── */
[data-theme="dark"] .college-predictor #campusloom-predictor .form-group input:focus, [data-theme="dark"] .college-predictor #campusloom-predictor .form-group select:focus { border-color:#FF6B4A !important; box-shadow:0 0 0 3px rgba(255,107,74,0.12) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .degree-dropdown-btn:hover, [data-theme="dark"] .college-predictor #campusloom-predictor .degree-dropdown-btn.open { border-color:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .search-bar:focus { border-color:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .details-toggle-btn.open { border-color:#FF6B4A !important; color:#FFCAB0 !important; background:rgba(255,107,74,0.10) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .sort-option.active { color:#FFCAB0 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .sort-option.active .sort-dot { background:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .collapse-btn { color:#fff !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-block h4 { border-left-color:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-block h4 svg { stroke:#FFCAB0 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-tag svg { stroke:#FFCAB0 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .toggle-switch input:checked + .toggle-slider { background:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-check-item input[type=checkbox] { accent-color:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .degree-apply { background:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-bookmark:hover { border-color:#FF6B4A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .college-meta .type-badge { background:rgba(139,92,246,0.18) !important; color:#C4B5FD !important; border:1px solid rgba(139,92,246,0.3) !important; }
/* Change 1: Campus life icons — purple not orange in dark mode */
[data-theme="dark"] .college-predictor #campusloom-predictor .campus-icon-card .icon svg { stroke:#FF8A6A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .campus-icon-card .icon { color:#FF8A6A !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .star.on { background:#FF6B4A !important; }
/* Change 1: Detail tag icons — purple */
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-tag svg { stroke:#FF8A6A !important; }
/* Change 1: Eyebrow dot + border — purple in dark */
[data-theme="dark"] .college-predictor #campusloom-predictor .hero-eyebrow { background:rgba(255,107,74,0.12) !important; border-color:rgba(255,107,74,0.18) !important; color:#FFCAB0 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .hero-eyebrow .dot { background:#FF6B4A !important; }
/* Change 1: Accent numbers (Fraunces +) — keep orange for hero stats, it's brand */
/* Change 1: dist-pill active on map — purple */
[data-theme="dark"] .college-predictor #campusloom-predictor .dist-pill.active { background:#FF6B4A !important; border-color:#FF6B4A !important; }
/* Change 5: More rounded radii throughout */
[data-theme="dark"] .college-predictor #campusloom-predictor .filter-chip { border-radius:999px !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .quick-pill { border-radius:999px !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .sort-btn { border-radius:999px !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-bookmark { border-radius:10px !important; }
/* Change 6 removed — consolidated above */
[data-theme="dark"] .college-predictor #campusloom-predictor .row-low .prob-tag { color:#fca5a5 !important; }
/* ══════════════════════════════════════════════════════════════
   DARK MODE HARDENING — html[data-theme="dark"] beats any
   WordPress theme override. This block WINS over third-party CSS.
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .college-predictor .page { background:#0E0B08 !important; }
[data-theme="dark"] .college-predictor .hero { background:#0E0B08 !important; }
[data-theme="dark"] .college-predictor .headline { color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor .subheadline { color:#FF6B4A !important; }
[data-theme="dark"] .college-predictor .hero-desc { color:rgba(240,235,227,0.55) !important; }
[data-theme="dark"] .college-predictor .hero-desc strong { color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor .status-tag { background:rgba(240,235,227,0.06) !important; border-color:rgba(240,235,227,0.13) !important; color:rgba(240,235,227,0.55) !important; }
[data-theme="dark"] .college-predictor .chip { background:rgba(255,107,74,0.1) !important; border-color:rgba(255,107,74,0.2) !important; }
[data-theme="dark"] .college-predictor .chip-title { color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor .chip-eyebrow { color:rgba(240,235,227,0.5) !important; }
[data-theme="dark"] .college-predictor .chip-icon svg { stroke:var(--orange) !important; }
[data-theme="dark"] .college-predictor .stats-row { border-top-color:rgba(240,235,227,0.08) !important; }
[data-theme="dark"] .college-predictor .stat-item + .stat-item::before { background:rgba(240,235,227,0.08) !important; }
[data-theme="dark"] .college-predictor .stat-eyebrow { color:rgba(240,235,227,0.28) !important; }
[data-theme="dark"] .college-predictor .stat-num { color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor .stat-lbl { color:rgba(240,235,227,0.5) !important; }
[data-theme="dark"] .college-predictor .predictor-card { background:#1E1A16 !important; border-color:rgba(240,235,227,0.08) !important; box-shadow:0 20px 60px rgba(0,0,0,0.5) !important; }
[data-theme="dark"] .college-predictor .card-title { color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor .rank-lbl, [data-theme="dark"] .college-predictor .fg-lbl { color:rgba(240,235,227,0.38) !important; }
[data-theme="dark"] .college-predictor .rank-input, [data-theme="dark"] .college-predictor .fg-sel { background:#252018 !important; border-color:rgba(240,235,227,0.25) !important; color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor .rank-input::placeholder { color:rgba(240,235,227,0.3) !important; }
[data-theme="dark"] .college-predictor .or-divider::before, [data-theme="dark"] .college-predictor .or-divider::after { background:rgba(240,235,227,0.15) !important; }
[data-theme="dark"] .college-predictor .or-divider span { color:rgba(240,235,227,0.4) !important; }
[data-theme="dark"] .college-predictor .warn-bar { background:rgba(255,107,74,0.1) !important; border-color:rgba(255,107,74,0.28) !important; }
[data-theme="dark"] .college-predictor .warn-bar span { color:#FF8A6A !important; }
[data-theme="dark"] .college-predictor .pool-btn.inactive { background:rgba(255,255,255,0.05) !important; border-color:rgba(240,235,227,0.15) !important; color:rgba(240,235,227,0.6) !important; }
[data-theme="dark"] .college-predictor .pool-btn.active { background:rgba(255,107,74,0.15) !important; border-color:rgba(255,107,74,0.5) !important; color:#FF8A6A !important; }
[data-theme="dark"] .college-predictor .cta-btn { background:linear-gradient(135deg,#FF8A6A 0%,#FF6B4A 40%,#F04A28 100%) !important; }
[data-theme="dark"] .college-predictor .free-badge { color:#4ade80 !important; }
[data-theme="dark"] .college-predictor .avg-badge { color:rgba(240,235,227,0.35) !important; }
[data-theme="dark"] .college-predictor .mode-toggle { background:rgba(240,235,227,0.07) !important; border-color:rgba(240,235,227,0.15) !important; color:rgba(240,235,227,0.75) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor { background:#0E0B08 !important; color:#F0EBE3 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .results-wrapper { background:#0E0B08 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .sidebar { background:rgba(14,11,8,0.9) !important; border-color:rgba(255,255,255,0.08) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .college-group { background:rgba(22,18,14,0.95) !important; border-color:rgba(255,255,255,0.09) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .search-bar { background:rgba(255,255,255,0.06) !important; border-color:rgba(255,255,255,0.10) !important; color:rgba(255,255,255,0.85) !important; }
[data-theme="dark"] .college-predictor #cl-footer { background:#0E0B08 !important; border-top-color:rgba(240,235,227,0.08) !important; }
/* ══ DISCLAIMER + BRANCH LIBRARY FOOTER ══ */
/* ══ FOOTER — clean redesign ══ */
/* ══ FOOTER ══════════════════════════════════════════════════════ */
.college-predictor #cl-footer {
  background: var(--canvas) !important;
  border-top: 1px solid var(--border) !important;
  padding-bottom: 32px;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.college-predictor .cl-footer-inner {
  max-width: 100%;
  padding: 20px 40px 40px !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/* ── Disclaimer bar ── */
.college-predictor .cl-disclaimer {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #FFF0D9 !important;
  border: 1px solid #FFD6A8 !important;
  border-radius: 12px;
  padding: 20px 24px !important;
}
.college-predictor .cl-disc-icon { flex-shrink: 0; margin-top: 1px; }
.college-predictor .cl-disc-icon svg { stroke: #C2410C !important; width: 15px; height: 15px; display: block; }
.college-predictor .cl-disc-text {
  font-size: 12px !important;
  color: #8B4A0C !important;
  line-height: 1.65;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  margin: 0;
}
.college-predictor .cl-disc-link { color: var(--orange) !important; font-weight: 600; text-decoration: none; }
.college-predictor .cl-disc-link:hover { text-decoration: underline; }
/* ── Branch guide accordion ── */
.college-predictor .cl-branch-lib {
  border: 1px solid var(--border) !important;
  border-radius: 14px;
  overflow: hidden;
  background: var(--surface-1) !important;
}
.college-predictor .cl-lib-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer;
  text-align: left;
  transition: background .15s;
  outline: none;
  gap: 12px;
}
.college-predictor .cl-lib-toggle:hover { background: var(--gray-bg) !important; }
.college-predictor .cl-toggle-left { display: flex; align-items: center; gap: 10px; }
.college-predictor .cl-toggle-eyebrow {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #8B4A0C !important;
  background: #FFF0D9 !important;
  border: 1px solid rgba(255,107,74,0.25) !important;
  padding: 3px 9px 3px 8px !important;
  border-radius: 999px;
  line-height: 1.4;
  white-space: nowrap;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
}
.college-predictor .cl-toggle-eyebrow::before {
  content: '';
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #FF6B4A;
  flex-shrink: 0;
}
.college-predictor .cl-toggle-title {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-size: 19px;
  font-weight: 700;
  color: var(--ink) !important;
  letter-spacing: -.4px;
  line-height: 1.2;
}
.college-predictor .cl-toggle-title .title-accent { color: var(--orange) !important; }
.college-predictor .cl-lib-chevron { transition: transform .25s; flex-shrink: 0; }
.college-predictor .cl-lib-chevron svg { display: block; }
.college-predictor .cl-lib-chevron.open { transform: rotate(180deg); }
.college-predictor .cl-lib-body {
  padding: 28px 32px 36px !important;
  border-top: 1px solid var(--border) !important;
  background: var(--canvas) !important;
}
.college-predictor .cl-lib-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 36px 44px !important;
}
.college-predictor .cl-lib-cat { display: flex !important; flex-direction: column !important; gap: 18px !important; }
.college-predictor .cl-lib-cat-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  letter-spacing: -.1px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 12px !important;
  margin-bottom: 2px !important;
  border-bottom: 1px solid var(--border) !important;
}
.college-predictor .cl-lib-cat-title svg {
  width: 14px; height: 14px;
  stroke: var(--orange) !important;
  stroke-width: 2.2;
  fill: none;
  flex-shrink: 0;
}
.college-predictor .cl-lib-tags { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
.college-predictor .cl-lib-tags span {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  background: var(--surface-1) !important;
  border: 1px solid var(--border) !important;
  color: var(--ink) !important;
  padding: 5px 12px !important;
  border-radius: 7px !important;
  white-space: nowrap;
  line-height: 1.4;
  cursor: default;
  transition: background .12s, color .12s, border-color .12s;
}
.college-predictor .cl-lib-tags span:hover {
  background: #FFF0D9 !important;
  color: #7C3A10 !important;
  border-color: rgba(255,107,74,0.3) !important;
}
/* ── Footer bottom bar ── */
.college-predictor .cl-footer-bottom {
  border-top: 1px solid var(--border) !important;
  padding: 18px 0 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.college-predictor .cl-footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-text) !important;
  transition: color .2s;
}
.college-predictor .cl-footer-brand .cl-logo-mark {
  width: 26px; height: 26px;
  background: linear-gradient(135deg, #FF8A6A, #FF6B4A) !important;
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  transform: rotate(-6deg);
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(255,107,74,0.35);
}
.college-predictor .cl-footer-brand .cl-logo-mark span {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 800;
  font-size: 14px;
  color: #fff !important;
  transform: rotate(6deg);
  display: block;
  line-height: 1;
}
.college-predictor .cl-footer-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.college-predictor .cl-footer-note {
  font-size: 11.5px;
  color: var(--mid) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: 0.1px;
  font-weight: 500;
}
.college-predictor .cl-footer-affil {
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: var(--text-faint) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
/* ── Dark mode ── */
[data-theme="dark"] .college-predictor #cl-footer { background: var(--canvas) !important; border-top-color: rgba(255,255,255,0.07) !important; }
[data-theme="dark"] .college-predictor .cl-disclaimer { background: rgba(255,107,74,0.06) !important; border-color: rgba(255,107,74,0.15) !important; }
[data-theme="dark"] .college-predictor .cl-disc-icon svg { stroke: #ff9a7a !important; }
[data-theme="dark"] .college-predictor .cl-disc-text { color: rgba(255,255,255,0.4) !important; }
[data-theme="dark"] .college-predictor .cl-disc-link { color: #ff9a7a !important; }
[data-theme="dark"] .college-predictor .cl-branch-lib { border-color: rgba(255,255,255,0.08) !important; background: rgba(255,255,255,0.02) !important; }
[data-theme="dark"] .college-predictor .cl-lib-toggle:hover { background: rgba(255,255,255,0.04) !important; }
[data-theme="dark"] .college-predictor .cl-toggle-eyebrow { background: rgba(255,107,74,0.12) !important; color: #ffb899 !important; border-color: rgba(255,107,74,0.2) !important; }
[data-theme="dark"] .college-predictor .cl-toggle-title { color: rgba(255,255,255,0.85) !important; }
[data-theme="dark"] .college-predictor .cl-lib-chevron svg { stroke: rgba(255,255,255,0.35) !important; }
[data-theme="dark"] .college-predictor .cl-lib-body { border-top-color: rgba(255,255,255,0.06) !important; background: rgba(255,255,255,0.01) !important; }
[data-theme="dark"] .college-predictor .cl-lib-cat-title { color: rgba(255,255,255,0.8) !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
[data-theme="dark"] .college-predictor .cl-lib-cat-title svg { stroke: #ff9a7a !important; }
[data-theme="dark"] .college-predictor .cl-lib-tags span { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: rgba(255,255,255,0.65) !important; }
[data-theme="dark"] .college-predictor .cl-lib-tags span:hover { background: rgba(255,107,74,0.12) !important; color: #ffb899 !important; border-color: rgba(255,107,74,0.2) !important; }
[data-theme="dark"] .college-predictor .cl-footer-bottom { border-top-color: rgba(255,255,255,0.07) !important; }
[data-theme="dark"] .college-predictor .cl-footer-brand { color: rgba(240,235,227,0.45) !important; }
[data-theme="dark"] .college-predictor .cl-footer-note { color: rgba(240,235,227,0.45) !important; }
[data-theme="dark"] .college-predictor .cl-footer-affil { color: rgba(240,235,227,0.2) !important; }
@media(max-width:900px) {
  .college-predictor .cl-footer-inner { padding: 24px 24px 0; }
  .college-predictor .cl-lib-grid { grid-template-columns: repeat(2, 1fr); gap: 20px 24px; }
}
@media(max-width:600px) {
  .college-predictor .cl-footer-inner { padding: 20px 16px 0; }
  .college-predictor .cl-lib-grid { grid-template-columns: 1fr 1fr; gap: 16px 12px; }
  .college-predictor .cl-footer-bottom { flex-direction: column; align-items: flex-start; gap: 8px; }
  .college-predictor .cl-toggle-eyebrow { display: none; }
}
/* ══ THEME TOGGLE BUTTON (inside input card) ══ */
.college-predictor #cl-theme-toggle {
  display: inline-flex; align-items: center; gap: 7px;
  border: 1.5px solid var(--border);
  border-radius: 999px;
  padding: 5px 10px 5px 6px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12px; font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  background: var(--canvas);
  color: var(--gray-text);
  flex-shrink: 0;
}
.college-predictor #cl-theme-toggle:hover { border-color: var(--orange); }
[data-theme="dark"] .college-predictor #cl-theme-toggle { border-color: rgba(255,255,255,0.15); background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.55); }
[data-theme="dark"] .college-predictor #cl-theme-toggle:hover { border-color: #FF6B4A; }
.college-predictor #cl-theme-toggle .tgl-track {
  width: 28px; height: 16px; border-radius: 999px;
  position: relative; transition: background 0.3s; flex-shrink: 0;
}
:not([data-theme="dark"]) .college-predictor #cl-theme-toggle .tgl-track { background: #FF6B4A; }
[data-theme="dark"] .college-predictor #cl-theme-toggle .tgl-track { background: #FF6B4A; }
.college-predictor #cl-theme-toggle .tgl-thumb {
  width: 11px; height: 11px; border-radius: 50%; background: #fff;
  position: absolute; top: 2.5px; left: 2.5px;
  transition: transform 0.3s;
}
[data-theme="dark"] .college-predictor #cl-theme-toggle .tgl-thumb { transform: translateX(12px); }
.college-predictor #cl-theme-toggle .tgl-icon { display: flex; align-items: center; }
/* ── Placement badge in branch table ── */
.college-predictor #campusloom-predictor .placed-badge { display:inline-flex; align-items:center; justify-content:center; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:700; letter-spacing:.2px; }
.college-predictor #campusloom-predictor .placed-badge.high { background:var(--green) !important; color:var(--green-text) !important; }
.college-predictor #campusloom-predictor .placed-badge.med { background:var(--yellow) !important; color:var(--yellow-text) !important; }
.college-predictor #campusloom-predictor .placed-badge.low { background:var(--red) !important; color:var(--red-text) !important; }
.college-predictor #campusloom-predictor .placed-badge.na { background:var(--gray-bg) !important; color:var(--gray-text) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .placed-badge.high { background:rgba(34,197,94,0.2) !important; color:#4ade80 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .placed-badge.med { background:rgba(234,179,8,0.2) !important; color:#facc15 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .placed-badge.low { background:rgba(239,68,68,0.2) !important; color:#f87171 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .placed-badge.na { background:rgba(255,255,255,0.06) !important; color:rgba(255,255,255,0.35) !important; }
/* ═══ V2 BRIDGE OVERRIDES ═══ */
/* Transparent bg for campusloom-predictor — .page handles the background */
.college-predictor #campusloom-predictor { background: var(--canvas) !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor { background: var(--canvas) !important; }
/* ── WordPress theme override: force input borders ── */
.college-predictor #campusloom-predictor .input-card input, .college-predictor #campusloom-predictor .input-card select, .college-predictor #campusloom-predictor .form-group input, .college-predictor #campusloom-predictor .form-group select {
  border: 1.5px solid var(--border) !important;
  border-radius: 10px !important;
  outline: none !important;
  box-shadow: none !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor .input-card input, [data-theme="dark"] .college-predictor #campusloom-predictor .input-card select, [data-theme="dark"] .college-predictor #campusloom-predictor .form-group input, [data-theme="dark"] .college-predictor #campusloom-predictor .form-group select {
  border: 1.5px solid rgba(240,235,227,0.25) !important;
  border-radius: 10px !important;
}
/* Hero grid CSS vars are on body.dark/.light — bridge to data-theme for results */
[data-theme="dark"] .college-predictor { color-scheme: dark; }
[data-theme="light"] .college-predictor { color-scheme: light; }
/* Results section keeps its own themed background */
.college-predictor #campusloom-predictor #results { background: var(--canvas) !important; }
/* Pool buttons compatibility */
.college-predictor .pool-btn.active { background: var(--ink); border: 1.5px solid var(--ink); color: #fff; }
.college-predictor .pool-btn.inactive { background: var(--inp-bg); border: 1.5px solid var(--inp-bdr); color: rgba(26,26,26,0.45); }
[data-theme="dark"] .college-predictor .pool-btn.inactive { background:rgba(255,255,255,0.07); border-color:rgba(255,255,255,0.18); color:rgba(240,235,227,0.85); }
[data-theme="dark"] .college-predictor .pool-btn.active { background:rgba(255,107,74,0.22); border-color:rgba(255,107,74,0.6); color:#FF8A6A; }
[data-theme="dark"] .college-predictor .pool-btn.inactive:hover { border-color:rgba(255,107,74,0.4); color:#FF8A6A; }
/* Ensure results section bottom-padding for fixed shortlist bar */
.college-predictor #campusloom-predictor .results-wrapper { background: var(--canvas) !important; }
/* ══════════════════════════════════════════════════════════
   MOBILE & TABLET RESPONSIVE — comprehensive overhaul
   ══════════════════════════════════════════════════════════ */

/* ── TABLET (≤900px) additions ── */
@media(max-width:900px) {
  /* Branch category grid: 4→2 col */
  .college-predictor #campusloom-predictor .bcg-grid { grid-template-columns:repeat(2,1fr) !important; gap:14px !important; }
  /* College details panel: tighten gap */
  .college-predictor #campusloom-predictor .college-details-panel { gap:16px; padding:14px 16px 18px; }
  /* Map: compact header */
  .college-predictor #campusloom-predictor .map-container { padding:18px; }
  .college-predictor #campusloom-predictor .map-header { flex-wrap:wrap; gap:10px; }
  .college-predictor #campusloom-predictor .map-legend { gap:10px; }
  /* Footer brand logo at tablet */
  .college-predictor .cl-footer-brand img { height:36px !important; }
  .college-predictor .cl-footer-brand span { font-size:15px !important; }
}
/* ── MOBILE (≤600px) additions ── */
@media(max-width:600px) {
  /* ── Prevent horizontal overflow without breaking iOS page scroll ── */
  .college-predictor #campusloom-predictor { max-width:100vw !important; overflow-x:hidden !important; }
  .college-predictor .page { overflow-x:hidden; }
  /* ── Disclaimer bar: override base padding ── */
  .college-predictor .cl-disclaimer { padding:14px 16px !important; flex-direction:row !important; gap:10px !important; }
  /* ── Hero: tighter at small sizes ── */
  .college-predictor #campusloom-predictor .hero { padding:24px 16px 28px; }
  .college-predictor #campusloom-predictor .hero-inner { max-width:100%; }
  .college-predictor #campusloom-predictor .hero-left h1 .h-line1, .college-predictor #campusloom-predictor .hero-left h1 .h-line2, .college-predictor #campusloom-predictor .hero-left h1 .h-line3 { font-size:28px !important; letter-spacing:-0.5px; }
  .college-predictor #campusloom-predictor .trust-cards { width:100%; }
  .college-predictor #campusloom-predictor .trust-card { min-width:0; }
  /* ── Input card ── */
  .college-predictor #campusloom-predictor .input-card { padding:18px 14px !important; }
  .college-predictor #campusloom-predictor .form-group { width:100%; }
  /* ── Results: side padding only — NO overflow-x:hidden (breaks iOS nested scroll) ── */
  .college-predictor #campusloom-predictor .results-wrapper { padding:14px 12px 110px !important; width:100% !important; box-sizing:border-box !important; }
  /* ── Controls bar: pills take full width & wrap; sort on its own row; view toggle below ── */
  .college-predictor #campusloom-predictor .controls-bar { flex-wrap:wrap !important; gap:6px !important; overflow:visible !important; margin-bottom:14px !important; align-items:center !important; }
  /* Pills + sort wrap together (sort inside quick-filters); view toggle own row */
  .college-predictor #campusloom-predictor .quick-filters { display:flex !important; flex-wrap:wrap !important; gap:6px !important; overflow-x:visible !important; width:100% !important; flex:none !important; margin-left:0 !important; }
  .college-predictor #campusloom-predictor .quick-pill { white-space:nowrap; flex-shrink:0; font-size:11px !important; padding:5px 12px !important; }
  .college-predictor #campusloom-predictor .sort-dropdown-wrapper { margin-left:0 !important; flex-shrink:0 !important; }
  /* Sort styled like a quick-pill */
  .college-predictor #campusloom-predictor .sort-btn { font-size:11px !important; padding:5px 12px !important; gap:5px !important; border:1.5px solid rgba(26,26,26,0.18) !important; background:var(--surface) !important; color:var(--ink) !important; }
  .college-predictor #campusloom-predictor .sort-btn svg { width:12px !important; height:12px !important; stroke:var(--gray-text) !important; }
  /* View toggle: own full-width centered row */
  .college-predictor #campusloom-predictor .view-toggle { width:100% !important; justify-content:center !important; display:flex; gap:6px; margin-top:12px; margin-bottom:8px; padding:5px; border-radius:14px; }
  .college-predictor #campusloom-predictor .view-btn { font-size:11.5px !important; padding:8px 12px !important; gap:5px !important; flex:1 !important; justify-content:center !important; max-width:135px !important; border-radius:10px !important; }
  .college-predictor #campusloom-predictor .search-wrapper { width:100%; order:-1; }
  .college-predictor #campusloom-predictor .search-bar { width:100% !important; box-sizing:border-box !important; }
  /* ── Branch category grid: 4→1 col ── */
  .college-predictor #campusloom-predictor .bcg-grid { grid-template-columns:1fr !important; gap:10px !important; }
  .college-predictor #campusloom-predictor .bcg-card { padding:16px !important; }
  /* ── College details expanded panel ── */
  .college-predictor #campusloom-predictor .college-details-panel { padding:12px 12px 16px !important; gap:12px !important; flex-direction:column; }
  .college-predictor #campusloom-predictor .campus-life-grid { grid-template-columns:repeat(3,1fr) !important; gap:8px !important; }
  .college-predictor #campusloom-predictor .campus-icon-card { padding:10px 6px !important; font-size:11px; }
  /* ── College header: info top row, actions bottom row ── */
  .college-predictor #campusloom-predictor .college-group { max-width:100% !important; overflow:hidden !important; }
  .college-predictor #campusloom-predictor .college-header { flex-direction:column !important; align-items:stretch !important; gap:12px !important; padding:14px 14px 14px !important; border-bottom:none !important; }
  .college-predictor #campusloom-predictor .college-info-text { flex-direction:column !important; flex-wrap:nowrap !important; align-items:flex-start !important; row-gap:4px !important; column-gap:0 !important; }
  .college-predictor #campusloom-predictor .college-name { flex-basis:auto !important; }
  .college-predictor #campusloom-predictor .college-header-actions { width:100% !important; flex-direction:row !important; align-items:stretch !important; gap:8px !important; flex-shrink:unset !important; align-self:auto !important; }
  /* ── Branch table: iOS-safe horizontal scroll ── */
  /* max-width: calc(100vw - 24px) = viewport minus 2×12px side padding of results-wrapper */
  /* This gives the browser a concrete pixel bound so iOS can scroll the table internally */
  .college-predictor #campusloom-predictor .branch-table-scroll-wrap { overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; width:100% !important; max-width:calc(100vw - 24px) !important; box-sizing:border-box !important; display:block !important; }
  .college-predictor #campusloom-predictor .branch-table { min-width:560px !important; width:560px !important; font-size:12px; }
  /* ── Map view: mobile-friendly ── */
  .college-predictor #campusloom-predictor .map-container { padding:14px 14px 16px !important; border-radius:14px; }
  .college-predictor #campusloom-predictor .map-header { flex-direction:column !important; align-items:flex-start !important; gap:8px !important; margin-bottom:12px !important; }
  .college-predictor #campusloom-predictor .map-header h3 { font-size:16px !important; }
  .college-predictor #campusloom-predictor .map-legend { gap:8px !important; flex-wrap:wrap !important; }
  .college-predictor #campusloom-predictor .legend-item { font-size:11px !important; }
  /* Map filter bar: horizontal scroll instead of wrapping */
  .college-predictor #mapFilterBar { overflow-x:auto !important; flex-wrap:nowrap !important; -webkit-overflow-scrolling:touch; padding-bottom:6px !important; scrollbar-width:none; }
  .college-predictor #mapFilterBar::-webkit-scrollbar { display:none; }
  .college-predictor #mapFilterBar > div { flex-shrink:0; flex-wrap:nowrap !important; }
  /* Distance filter pills: wrap normally */
  .college-predictor #campusloom-predictor .distance-bar { gap:6px !important; }
  .college-predictor #campusloom-predictor .dist-pill { font-size:11px !important; padding:5px 12px !important; }
  /* ── Round-trip history modal ── */
  .college-predictor #campusloom-predictor .modal { padding:18px 14px !important; border-radius:14px !important; max-height:95vh !important; }
  .college-predictor #campusloom-predictor .modal h3 { font-size:16px !important; }
  .college-predictor #campusloom-predictor .round-table th, .college-predictor #campusloom-predictor .round-table td { padding:7px 8px !important; font-size:11px !important; }
  /* ── Shortlist bar ── */
  .college-predictor #campusloom-predictor .shortlist-bar { padding:10px 14px !important; }
  /* ── Branch guide library ── */
  .college-predictor .cl-lib-toggle { padding:16px 18px !important; }
  .college-predictor .cl-lib-body { padding:16px 14px 20px !important; }
  .college-predictor .cl-lib-grid { grid-template-columns:1fr !important; gap:14px !important; }
  .college-predictor .cl-lib-cat { gap:12px !important; }
  .college-predictor .cl-lib-tags { gap:6px !important; }
  /* ── Footer ── */
  .college-predictor .cl-footer-inner { padding:16px 14px 40px !important; }
  .college-predictor .cl-disclaimer { margin-bottom:12px !important; }
  .college-predictor .cl-footer-brand img { height:32px !important; }
  .college-predictor .cl-footer-brand span { font-size:14px !important; }
  .college-predictor .cl-footer-bottom { flex-direction:column !important; align-items:flex-start !important; gap:10px !important; }
  .college-predictor .cl-footer-right { align-items:flex-start !important; }
}
/* ── Embedded Map height override ── */
.college-predictor #campusloom-predictor #predictorLeafletMap {
  min-height: 600px !important;
  height: 680px !important;
}
/* ── Neon orange color tweaks in dark mode ── */
[data-theme="dark"] .college-predictor #campusloom-predictor {
  --orange: #FF5A36 !important; /* Vibrant neon orange */
  --peach-light: rgba(255, 90, 54, 0.18) !important;
}
/* Dark theme accent overrides for high prominence */
[data-theme="dark"] .college-predictor #campusloom-predictor .meta-pin-icon { stroke: #FF5A36 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .detail-block h4 { border-left-color: #FF5A36 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .details-toggle-btn.open, [data-theme="dark"] .college-predictor #campusloom-predictor .details-toggle-btn:hover { border-color: #FF5A36 !important; color: #FFCAB0 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .branch-bookmark.saved { background: #FF5A36 !important; border-color: #FF5A36 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .collapse-btn { background: #FF5A36 !important; border-color: #FF5A36 !important; }
[data-theme="dark"] .college-predictor #campusloom-predictor .collapse-btn:hover { background: #E0431F !important; border-color: #E0431F !important; }
/* ── Reset Filters button style ── */
.college-predictor #campusloom-predictor .reset-filters-btn {
  width: 100%;
  padding: 10px 16px;
  margin-top: 20px;
  border: 1.5px solid var(--border) !important;
  border-radius: 12px;
  background: transparent !important;
  color: var(--gray-text) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s;
}
.college-predictor #campusloom-predictor .reset-filters-btn:hover {
  border-color: var(--orange) !important;
  color: var(--orange) !important;
  background: rgba(255, 107, 74, 0.05) !important;
}
[data-theme="dark"] .college-predictor #campusloom-predictor .reset-filters-btn:hover {
  background: rgba(255, 107, 74, 0.1) !important;
}
/* ── Pagination Footer & Controls ── */
.college-predictor #campusloom-predictor .cl-pagination-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 10px;
  margin-top: 24px;
  border-top: 1px solid var(--border) !important;
  color: var(--gray-text) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13.5px;
  flex-wrap: wrap;
  gap: 16px;
}
.college-predictor #campusloom-predictor .cl-pagination-info {
  font-weight: 500;
}
.college-predictor #campusloom-predictor .cl-pagination-controls {
  display: flex;
  align-items: center;
  gap: 6px;
}
.college-predictor #campusloom-predictor .page-btn {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--border) !important;
  border-radius: 10px;
  background: var(--surface) !important;
  color: var(--gray-text) !important;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.college-predictor #campusloom-predictor .page-btn:hover:not([disabled]) {
  border-color: var(--orange) !important;
  color: var(--orange) !important;
}
.college-predictor #campusloom-predictor .page-btn.active {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  color: #fff !important;
}
.college-predictor #campusloom-predictor .page-btn[disabled] {
  opacity: 0.35;
  cursor: not-allowed;
}
.college-predictor #campusloom-predictor .page-ellipsis {
  padding: 0 4px;
  color: var(--gray-text);
  font-weight: 600;
  font-size: 13px;
}
.college-predictor #campusloom-predictor .cl-pagination-size {
  display: flex;
  align-items: center;
  gap: 8px;
}
.college-predictor #campusloom-predictor .cl-custom-select-wrapper {
  position: relative;
  display: inline-block;
}
.college-predictor #campusloom-predictor .cl-pagination-select {
  appearance: none;
  -webkit-appearance: none;
  background: var(--surface) !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 8px;
  padding: 6px 28px 6px 12px;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink) !important;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s;
}
.college-predictor #campusloom-predictor .cl-pagination-select:focus {
  border-color: var(--orange) !important;
}
.college-predictor #campusloom-predictor .cl-select-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 8px;
  pointer-events: none;
  color: var(--gray-text);
}
/* ── Mobile Media Query Overrides (max-width: 900px) ── */
@media(max-width:900px) {
  /* Details button boxed border-radius overrides */
  .college-predictor #campusloom-predictor .details-toggle-btn, [data-theme="dark"] .college-predictor #campusloom-predictor .details-toggle-btn {
    border-radius: 12px !important;
  }
  /* Campus life grid columns - 2 columns (2x3 grid) on mobile */
  .college-predictor #campusloom-predictor .campus-life-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
}
/* ── SMALL PHONES (≤430px) ── */
@media(max-width:430px) {
  .college-predictor #campusloom-predictor .hero-left h1 .h-line1, .college-predictor #campusloom-predictor .hero-left h1 .h-line2, .college-predictor #campusloom-predictor .hero-left h1 .h-line3 { font-size:24px !important; }
  .college-predictor #campusloom-predictor .hero-stat .num { font-size:18px !important; }
  .college-predictor #campusloom-predictor .hero-stat .label { font-size:9px !important; }
  .college-predictor #campusloom-predictor .input-card h2 { font-size:16px !important; }
  .college-predictor #campusloom-predictor .branch-name { font-size:12px !important; }
  .college-predictor #campusloom-predictor .prob-tag { font-size:10px !important; padding:3px 6px !important; }
  .college-predictor #campusloom-predictor .bcg-card-title { font-size:12px !important; }
  .college-predictor #campusloom-predictor .campus-life-grid { grid-template-columns:repeat(2,1fr) !important; }
}
/* ==========================================================================
   The live footer's stylesheet, as it applied to this page.
   Generated by _migration/build-footer-css.py — do not edit.
   On live the footer's CSS is global, and this page reuses its class names
   (Connect embeds its own copy of the tools dropdown; the predictor's
   disclaimer block is id="cl-footer"), so the page's design depends on those
   rules reaching it: Connect's hero spacing comes from the footer's padding
   and full-bleed margin. Kept verbatim — !important included — and appended
   after the page's own CSS, where it sat on live.
   ========================================================================== */
.college-predictor #cl-footer {
  --bg: #111115;
  --border: rgba(255, 255, 255, 0.08);
  --t1: #EEEAE4;
  --t2: #999999;
  --orange: #FF6B4A;
  --font-d: 'Bricolage Grotesque', sans-serif;
  --font-b: 'Plus Jakarta Sans', sans-serif;
}
.college-predictor *, .college-predictor *::before, .college-predictor *::after { box-sizing: border-box; margin: 0; padding: 0; }
/* ─── FOOTER ─── */
.college-predictor #cl-footer {
  background: var(--bg) !important;
  color: var(--t1) !important;
  border-top: 1px solid var(--border) !important;
  padding: 64px 64px 0;
  font-family: var(--font-b) !important;
  -webkit-font-smoothing: antialiased;
  position: relative;
  overflow: hidden;
}
/* Subtle background glow to match the theme */
.college-predictor #cl-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10%;
  width: 80%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,107,74,0.15), transparent);
  pointer-events: none;
}
.college-predictor .footer-inner {
  max-width: 1280px;
  margin: 0 auto;
}
.college-predictor .footer-grid {
  display: grid;
  grid-template-columns: 1.7fr 1fr 1fr 1fr;
  gap: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid var(--border) !important;
}
/* Brand Section */
.college-predictor .footer-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  text-decoration: none;
  width: fit-content;
}
.college-predictor .footer-logo img {
  height: 52px;
  width: auto;
  display: block;
}
.college-predictor .footer-logo-name {
  font-family: var(--font-d) !important;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--t1) !important;
}
.college-predictor .footer-tagline {
  font-size: 13.5px;
  color: var(--t2) !important;
  line-height: 1.7;
  max-width: 280px;
  margin-bottom: 16px;
}
.college-predictor .footer-tagline strong {
  color: var(--t1) !important;
  font-weight: 600;
}
.college-predictor .footer-builder {
  font-size: 12px;
  color: var(--t2) !important;
  margin-bottom: 12px;
}
.college-predictor .footer-builder span {
  color: var(--orange) !important;
  font-weight: 600;
}
.college-predictor .footer-contact {
  font-size: 12.5px;
  color: var(--t2) !important;
  line-height: 1.6;
}
.college-predictor .footer-contact a {
  color: var(--orange) !important;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s, text-decoration 0.2s;
  display: inline-block;
}
.college-predictor .footer-contact a:hover {
  color: #ff5430 !important;
  text-decoration: underline;
}
/* Navigation Columns */
.college-predictor #cl-footer .footer-col-title {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #FFD6A8 !important;
  margin-bottom: 20px !important;
  opacity: 1 !important;
}
.college-predictor #cl-footer .footer-links {
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
.college-predictor #cl-footer .footer-links li a {
  font-size: 13.5px !important;
  color: var(--t2) !important;
  text-decoration: none !important;
  transition: color 0.18s, transform 0.18s !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
}
.college-predictor #cl-footer .footer-links li a:hover {
  color: var(--t1) !important;
  transform: translateX(2px) !important;
}
/* Bottom Copy */
.college-predictor .footer-bottom {
  padding: 24px 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.college-predictor .footer-copy {
  font-size: 12.5px;
  color: var(--t2) !important;
}
.college-predictor .footer-copy em {
  font-family: 'Fraunces', serif;
  font-style: italic;
  color: var(--orange) !important;
  font-size: 14px;
}
/* Responsive Breakpoints */
@media (max-width: 960px) {
  .college-predictor #cl-footer {
    padding: 48px 32px 0;
  }
  .college-predictor .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    padding-bottom: 36px;
  }
  .college-predictor .footer-brand {
    grid-column: 1 / -1;
    margin-bottom: 12px;
  }
  .college-predictor .footer-tagline {
    max-width: 100%;
  }
}
@media (max-width: 560px) {
  .college-predictor #cl-footer {
    padding: 40px 20px 0;
  }
  .college-predictor .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .college-predictor .footer-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 0 28px;
  }
  .college-predictor .footer-copy {
    text-align: center;
  }
  .college-predictor .footer-links li a:hover {
    transform: none; /* Disable shift on hover on mobile */
  }
}
/* ─── TOOLS DROPDOWN SECTION ─── */
.college-predictor .cl-tools-dropdown-wrap {
  --bg:        #FFFBF5;
  --bg2:       #FFF8F0;
  --surface:   #FFFFFF;
  --surface2:  #FDF8F2;
  --txt:       #1A1A1A;
  --txt2:      rgba(26,26,26,0.58);
  --txt3:      rgba(26,26,26,0.32);
  --bdr:       rgba(26,26,26,0.08);
  --bdr2:      rgba(26,26,26,0.13);
  --card-bg:   #FFFFFF;
  --card-bdr:  rgba(26,26,26,0.09);
  --orange:    #FF6B4A;
  --pill:      rgba(255,107,74,0.10);
  --brown:     #8B4A0C;
  
  background: var(--bg) !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
  padding: 48px 0 !important;
  transition: background 0.4s, color 0.4s !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
[data-theme="dark"] .college-predictor .cl-tools-dropdown-wrap, [data-theme="dark"] .college-predictor .cl-tools-dropdown-wrap {
  --bg:        #0E0B08;
  --bg2:       #130F0B;
  --surface:   #1A1612;
  --surface2:  #201C18;
  --txt:       #F0EBE3;
  --txt2:      rgba(240,235,227,0.55);
  --txt3:      rgba(240,235,227,0.28);
  --bdr:       rgba(240,235,227,0.07);
  --bdr2:      rgba(240,235,227,0.12);
  --card-bg:   #181410;
  --card-bdr:  rgba(240,235,227,0.08);
  --pill:      rgba(255,107,74,0.13);
}
.college-predictor .cl-tools-dropdown-wrap .cl-tools-trigger-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-tools-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 12px 28px !important;
  border-radius: 999px !important;
  border: none !important;
  background: #FF6B4A !important;
  color: #fff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background 0.18s !important;
  white-space: nowrap !important;
  letter-spacing: 0px !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-tools-trigger:hover {
  background: #e85a38 !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-tools-panel {
  overflow: hidden !important;
  max-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 100% !important;
  transition: max-height 0.38s cubic-bezier(.4,0,.2,1), opacity 0.28s ease, margin-top 0.28s ease !important;
  margin-top: 0 !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-tools-panel.cl-open {
  max-height: 800px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  margin-top: 18px !important;
  padding-top: 8px !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-tools-panel-inner {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 4px !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card {
  background: var(--card-bg) !important;
  border: 1px solid var(--card-bdr) !important;
  border-radius: 22px !important;
  padding: 22px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  color: var(--txt) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 180px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
  transition: transform 0.32s cubic-bezier(0.16,1,0.3,1), background 0.28s ease, border-color 0.28s ease, box-shadow 0.32s ease !important;
  -webkit-tap-highlight-color: transparent !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 18px !important; right: 18px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,107,74,0.55), transparent) !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
  pointer-events: none !important;
  z-index: 5 !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 100% 0%, rgba(255,107,74,0.05) 0%, transparent 60%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
  pointer-events: none !important;
  z-index: 3 !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):nth-child(odd):hover {
  transform: translateY(-6px) rotate(-0.6deg) !important;
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  box-shadow: 0 18px 42px rgba(255,107,74,0.28), 0 6px 16px rgba(255,107,74,0.14), 0 0 0 1px rgba(255,255,255,0.08) inset !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):nth-child(even):hover {
  transform: translateY(-6px) rotate(0.6deg) !important;
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  box-shadow: 0 18px 42px rgba(255,107,74,0.28), 0 6px 16px rgba(255,107,74,0.14), 0 0 0 1px rgba(255,255,255,0.08) inset !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):active {
  transform: scale(0.97) translateY(-2px) !important;
  background: var(--orange) !important;
  border-color: var(--orange) !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):hover::before, .college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):active::before { opacity: 1 !important; }
.college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):hover::after, .college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):active::after { opacity: 1 !important; }
.college-predictor .cl-tools-dropdown-wrap .cl-td-pill {
  display: inline-flex !important;
  align-items: center !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  margin-bottom: 10px !important;
  position: relative !important;
  z-index: 2 !important;
  background: rgba(255,107,74,0.10) !important;
  color: var(--orange) !important;
  border: 1px solid rgba(255,107,74,0.20) !important;
  white-space: nowrap !important;
  transition: background 0.25s, color 0.25s, border-color 0.25s !important;
}
[data-theme="dark"] .college-predictor .cl-tools-dropdown-wrap .cl-td-pill, [data-theme="dark"] .college-predictor .cl-tools-dropdown-wrap .cl-td-pill {
  background: rgba(255,107,74,0.13) !important;
  color: #FF9A78 !important;
  border-color: rgba(255,107,74,0.22) !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):hover .cl-td-pill, .college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):active .cl-td-pill {
  background: rgba(255,255,255,0.20) !important;
  color: #fff !important;
  border-color: transparent !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-name {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  color: var(--txt) !important;
  position: relative !important;
  z-index: 2 !important;
  max-width: 85% !important;
  transition: color 0.25s !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):hover .cl-td-name, .college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):active .cl-td-name { color: #fff !important; }
.college-predictor .cl-tools-dropdown-wrap .cl-td-desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12.5px !important;
  color: var(--txt2) !important;
  line-height: 1.55 !important;
  position: relative !important;
  z-index: 2 !important;
  margin-top: 7px !important;
  max-width: 85% !important;
  transition: color 0.25s !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):hover .cl-td-desc, .college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):active .cl-td-desc { color: rgba(255,255,255,0.82) !important; }
.college-predictor .cl-tools-dropdown-wrap .cl-td-desc-mobile { display: none !important; }
.college-predictor .cl-tools-dropdown-wrap .cl-td-bottom {
  margin-top: auto !important;
  padding-top: 18px !important;
  width: 100% !important;
  position: relative !important;
  z-index: 2 !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-tag {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--txt2) !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
  background: var(--surface2) !important;
  border: 1px solid var(--bdr) !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  transition: background 0.25s, color 0.25s, border-color 0.25s !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):hover .cl-td-tag, .college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):active .cl-td-tag {
  background: rgba(255,255,255,0.18) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-dot {
  width: 5px !important; height: 5px !important;
  border-radius: 50% !important;
  background: var(--orange) !important;
  flex-shrink: 0 !important;
  transition: background 0.25s !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):hover .cl-td-dot, .college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):active .cl-td-dot { background: #fff !important; }
.college-predictor .cl-tools-dropdown-wrap .cl-td-icon {
  position: absolute !important;
  bottom: -16px !important; right: -16px !important;
  width: 88px !important; height: 88px !important;
  background: var(--surface2) !important;
  border: 1px solid var(--bdr) !important;
  border-radius: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--txt3) !important;
  z-index: 1 !important;
  transform: rotate(-4deg) !important;
  transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), background 0.25s, color 0.25s, border-color 0.25s, box-shadow 0.25s !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-icon svg {
  width: 44px !important; height: 44px !important;
  stroke-width: 1.8 !important; opacity: 0.85 !important;
}
.college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):hover .cl-td-icon, .college-predictor .cl-tools-dropdown-wrap .cl-td-card:not(.cl-td-soon):active .cl-td-icon {
  background: rgba(255,255,255,0.92) !important;
  border-color: transparent !important;
  color: var(--orange) !important;
  transform: scale(1.12) rotate(-12deg) translateY(-8px) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.12) !important;
}
@media (max-width: 900px) {
  .college-predictor .cl-tools-dropdown-wrap .cl-tools-panel-inner { grid-template-columns: repeat(2, 1fr) !important; }
  .college-predictor .cl-tools-dropdown-wrap .cl-tools-panel.cl-open { max-height: 700px !important; }
}
@media (max-width: 560px) {
  .college-predictor .cl-tools-dropdown-wrap { padding: 32px 16px !important; }
  .college-predictor .cl-tools-dropdown-wrap .cl-tools-panel-inner { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  .college-predictor .cl-tools-dropdown-wrap .cl-tools-panel.cl-open { max-height: 700px !important; }
  .college-predictor .cl-tools-dropdown-wrap .cl-td-card { padding: 15px !important; min-height: 140px !important; border-radius: 16px !important; }
  .college-predictor .cl-tools-dropdown-wrap .cl-td-pill { font-size: 9px !important; padding: 4px 8px !important; margin-bottom: 8px !important; }
  .college-predictor .cl-tools-dropdown-wrap .cl-td-name { font-size: 14px !important; max-width: 90% !important; }
  .college-predictor .cl-tools-dropdown-wrap .cl-td-desc { font-size: 11px !important; line-height: 1.4 !important; max-width: 90% !important; }
  .college-predictor .cl-tools-dropdown-wrap .cl-td-desc-desktop { display: none !important; }
  .college-predictor .cl-tools-dropdown-wrap .cl-td-desc-mobile { display: inline !important; }
  .college-predictor .cl-tools-dropdown-wrap .cl-td-icon { width: 70px !important; height: 70px !important; bottom: -12px !important; right: -12px !important; }
  .college-predictor .cl-tools-dropdown-wrap .cl-td-icon svg { width: 34px !important; height: 34px !important; }
  .college-predictor .cl-tools-dropdown-wrap .cl-td-bottom { display: none !important; }
}