/*
 * EduLibrary's editorial pass.
 *
 * The old shell inherited a marketing-site palette, animated mesh and glass
 * surfaces. That made a public record feel like a social app and gave every
 * section the same visual weight. This sheet keeps the existing components and
 * accessibility hooks, but gives the record one quieter visual language:
 * warm paper, navy ink, rust for action, and clear document-like surfaces.
 */

.edu {
  min-height: 100vh;
  /* The inherited college-site admission dock is absent on EduLibrary. */
  padding-bottom: 0;
  background: var(--edu-paper);
  color: var(--edu-ink);
  font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Shared identity and discovery contracts: DESIGN D-01, D-05, D-15/16. */
.edu [data-media-image][hidden] { display: none !important; }
.edu .edu-brand__mark img { width:100%; height:100%; object-fit:contain; display:block; }
.edu .ctile { position:relative; }
.edu .ctile__img { position:absolute; inset:0; background:#fff; }
.edu [data-identity-logo] { position:relative; overflow:hidden; }
.edu [data-identity-logo] > img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:8px; background:#fff; }
.edu .directory-method { color:var(--edu-muted); font-size:14px; margin-top:8px; }
/* ⚠️ A `<summary>` IS A DISCLOSURE AND HAS TO LOOK LIKE ONE. `display:flex`
   takes the UA `list-item` display away and with it the `::marker` triangle,
   and the underline that replaced it says "link". `/colleges` renders four of
   these — the record note, "How filters work", the per-university entrance
   note and the method block — among several hundred real links, and none of
   them navigated. `list-item` restores the marker (the UA sheet's
   `list-style: disclosure-closed inside` comes back with it, so the triangle
   stays inside the box and rotates on open) and the underline goes, leaving one
   signal rather than two contradictory ones. `align-content` centres the label
   in the 44px target now that this is a block container, not a flex one.
   ⚠️ ONE OWNER: `edulibrary-brand.css` carried a `body.edu.page-directory`
   duplicate of `min-height` + `cursor` + `align-content`; `.directory-method`
   only ever renders on `/colleges`, so it said nothing this does not (T-08). */
.edu .directory-method summary { min-height:44px; cursor:pointer; display:list-item; align-content:center; }
.edu .directory-method p { max-width:65ch; margin:4px 0 12px; }
.edu .cdir-filter[data-ready="true"] { grid-template-columns:1fr; padding:16px; }
.edu .cdir-facets { grid-column:1/-1; min-width:0; }
.edu .cdir-facets > summary { cursor:pointer; min-height:44px; font-weight:650; color:var(--edu-ink); }
.edu .cdir-facets__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.edu .cdir-chips { display:flex; flex-wrap:wrap; gap:6px; grid-column:1/-1; }
.edu .cdir-chips:empty { display:none; }
.edu .cdir-chips button { font:inherit; font-size:14px; min-height:44px; padding:7px 12px; border:1px solid var(--edu-line); border-radius:24px; color:var(--edu-ink); background:var(--edu-paper); cursor:pointer; max-width:100%; text-align:left; }
.edu .cdir-filter input, .edu .cdir-filter select { font-size:16px; min-height:44px; }
.edu .cdir-filter :focus-visible, .edu .directory-method summary:focus-visible { outline:2px solid var(--edu-accent); outline-offset:3px; }
@media(min-width:900px) { .edu .cdir-facets__grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(max-width:699px) { .edu .col-hero__name { font-size:30px; line-height:1.15; } .edu .col-lede { font-size:16px; line-height:1.6; } }

/* ⚠️ THE DARK HALF OF THE SAME LANGUAGE, ADDED 2026-09-08, AND IT IS A FIX.
   Every token above was declared on `.edu` with no dark counterpart, so
   `html[data-theme="dark"]` kept the warm paper and the navy ink — while every
   element still reading an `--ice-color-*` token (the form controls in
   `ice-directory.css`, any heading this sheet does not name) flipped to its dark
   value. The result was black input fields and near-white headings on light
   paper: not a theme, a half-applied one.

   ⚠️ NO NEW HEX. Every value below resolves to a role in the dark contract
   `site-20260716b.css` already publishes at `html[data-theme="dark"]` — the
   graphite ramp for surfaces and the terracotta ramp for the accent, each pair
   measured for contrast where it was written. Inventing eight dark hexes here
   would be a second palette to keep in step with that one. It also means the
   values are identical to the ones the college-profile pass measured
   independently on 2026-09-08, because that pass mapped to the same roles.

   ⚠️ `--edu-accent` HAS TWO JOBS AND THEY PULL APART IN DARK. It is the colour
   of every link (`.edu a`) and the FILL behind `.edu-top__cta`'s label. A rust
   dark enough to sit under white button text is too dark to read as a link on a
   graphite card, and the terracotta that reads as a link is too light to sit
   under white text. So the token takes the link value and the button states its
   own pair below. */


/* The warm hexes this sheet hard-codes, each with its dark counterpart. They are
   the three surfaces the college-profile pass reported it could not reach from a
   page-scoped rule: the top bar rendered as a white slab on every route in dark. */
html[data-theme="dark"] .edu-nav__item:hover { background: var(--ice-color-surface-muted); }
html[data-theme="dark"] .edu-top__bar { background: var(--ice-color-surface); }
html[data-theme="dark"] .edu-search { background: var(--ice-color-surface-field); }
html[data-theme="dark"] .edu-top__links a:hover { background: var(--ice-color-surface-field); }

/* The accent pair, stated rather than inherited — see the warning above. */
html[data-theme="dark"] .edu-top__cta {
  background: var(--ice-color-accent);
  color: var(--ice-color-on-accent) !important;
}
html[data-theme="dark"] .edu-top__cta:hover {
  background: var(--ice-color-accent) !important;
  filter: brightness(1.06);
}

html[data-theme="dark"] .edu .record-trust {
  border-color: var(--ice-color-border);
  background: var(--ice-color-surface-muted);
  color: var(--ice-color-text-accent);
}
html[data-theme="dark"] .edu .record-trust strong { color: var(--ice-color-text-accent); }
html[data-theme="dark"] .edu .ccard__flag {
  background: var(--ice-color-surface-muted);
  color: var(--ice-color-text-accent);
}
html[data-theme="dark"] .edu .col-hero,
html[data-theme="dark"] .edu .post,
html[data-theme="dark"] .edu .col-block,
html[data-theme="dark"] .edu .cdir-filter,
html[data-theme="dark"] .edu .col-disclosure,
html[data-theme="dark"] .edu .ccard,
html[data-theme="dark"] .edu .edu-foot {
  box-shadow: 0 8px 26px rgb(0 0 0 / 34%);
}

.edu-mesh { display: none; }
body.edu::before, body.edu::after, .edu .edu-main::before, .edu .edu-main::after { content:none; display:none; }

.edu-shell {
  max-width: none;
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding-inline: clamp(14px, 3vw, 48px);
}

.edu-rail { padding: 24px 0; }

.edu-brand { padding: 4px 10px 22px; }
/* ⚠️ NO `color` HERE. It was `#8ed7ff`, and because this element's only child is
   the lockup `<img alt="EduLibrary">`, that colour WAS the failure state — sky
   blue on the #F5F8FB canvas, measured at 1.48:1. `edulibrary-brand.css` states
   ink on `body.edu .edu-brand__mark` and owns it outright; see the note there.
   `.edu-brand__word` had `color` and `font-weight` here too. That element is
   clipped to 1×1 at every width by the same sheet, so both were unobservable —
   deleted with the rest of the dead wordmark rules (R-03.1). */
.edu-brand__mark {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background: transparent;
  position: relative;
  overflow: hidden;
  box-shadow: none;
}

.edu-nav { gap: 4px; }
.edu-nav__item {
  min-height: 44px;
  border-radius: 10px;
  color: var(--edu-muted);
}
.edu-nav__item:hover {
  background: #e6f4fd;
  color: var(--edu-ink);
}
.edu-nav__item.is-current {
  background: var(--edu-navy);
  border-color: var(--edu-navy);
  box-shadow: none;
  color: #ffffff;
}
.edu-nav__item.is-current .edu-nav__icon { stroke: #8ed7ff; }
.edu-rule { background: var(--edu-line); }
.edu-rail__label { color: var(--edu-muted); }
.edu-rail__who {
  border: 1px solid var(--edu-line);
  border-radius: 12px;
  background: var(--edu-surface);
  box-shadow: none;
}
.edu-rail__whomark {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: var(--edu-accent-soft);
  box-shadow: none;
  /* ⚠️ MEASURED, NOT PICKED. `var(--edu-accent)` (#12669b) on `--edu-accent-soft`
     (#e6f4fd) is **4.44:1** — it misses 4.5 by six hundredths, in the LIGHT
     theme, on the publisher-disclosure badge that appears on every desktop page
     of this host. Found on 2026-09-08 by compositing every text node in the
     chrome against its resolved background at four widths in both themes: it
     was the only failure in 64 renders, and the dark theme passed on its own
     tokens throughout. So only the light value is restated here.

     #094b78 is 5.84:1 and is already this sheet's `.edu-top__cta:hover` value.
     No new hex enters the palette. */
  color: #094b78;
}

html[data-theme="dark"] .edu-rail__whomark { color: var(--ice-color-text-accent); }
.edu-rail__whotext span:first-child { color: var(--edu-ink); }
.edu-rail__whotext span:last-child { color: var(--edu-muted); }

.edu-top { padding: 14px 0 10px; background: transparent; }
.edu-top__bar {
  min-height: 60px;
  padding: 7px 9px;
  border: 1px solid var(--edu-line);
  border-radius: 12px;
  background: rgb(255 253 249 / 94%);
  box-shadow: 0 8px 24px rgb(28 42 56 / 8%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
/* ⚠️ A CONTROL THAT LINKS TO THE PAGE IT IS ON IS NOT A CONTROL. `.edu-search`
   is an `<a href="/search">` dressed as a field, and `.edu-menu__search` is the
   same destination on the compact bar — so on `/search` itself BOTH of them
   pointed at the document the reader was already reading, at every width, while
   that page's own real input sat below them. Found on 2026-09-08 by counting
   rendered chrome destinations per route.

   Both are suppressed there, and the bar keeps its remaining two items against
   the trailing edge rather than leaving a gap where the field was. */
body.page-search .edu-search { display: none; }
body.page-search .edu-top__links { margin-left: auto; }

.edu-search {
  border-color: var(--edu-line);
  border-radius: 8px;
  background: #f1eee8;
  color: var(--edu-muted);
}
.edu-search:hover { color: var(--edu-ink); }
.edu-top__links a { color: var(--edu-muted); }
.edu-top__links a:hover { color: var(--edu-ink); background: #f1eee8; }
.edu-top__cta {
  background: var(--edu-accent);
  box-shadow: none;
}
.edu-top__cta:hover { background: #094b78 !important; filter: none; }

.edu .col--profile {
  max-width: none;
  width: 100%;
  padding: 22px 0 72px;
}
.edu .col-crumb { margin-bottom: 18px; }
.edu .col-hero,
.edu .post,
.edu .col-block,
.edu .cdir-filter,
.edu .col-disclosure {
  border-color: var(--edu-line);
  border-radius: 14px;
  background: var(--edu-surface);
  box-shadow: 0 8px 26px rgb(28 42 56 / 6%);
}
.edu .col-hero__text { padding: clamp(26px, 4vw, 48px); }
.edu .col-hero__name {
  color: var(--edu-ink);
  font-weight: 750;
  letter-spacing: -.035em;
}
.edu .col-hero__aka,
.edu .col-lede--muted,
.edu .pf-fine { color: var(--edu-muted); }
.edu .col-lede { max-width: 62ch; color: var(--edu-ink); }
.edu .post { border-radius: 14px; box-shadow: 0 8px 26px rgb(28 42 56 / 6%); }
.edu .post__avatar { box-shadow: none; }
.edu .post__body h2,
.edu .post__body h3,
.edu .col-block h2 { color: var(--edu-ink); }
/* A default link colour must stay weaker than a component's own foreground.
   The former `.edu a` selector outranked class-only component rules, so links
   explicitly designed as pale text on navy were repainted blue after their
   page stylesheet loaded. `:where()` keeps the default without competing with
   the masthead, flyout-action and evidence-band owners (D-01, D-21, T-08). */
.edu :where(a) { color: var(--edu-accent); }
.edu .edu-nav a,
.edu .edu-top a,
.edu .edu-foot a { color: inherit; }
.edu .edu-nav__item.is-current { color: #ffffff; }
.edu .record-trust {
  display: grid;
  gap: 3px;
  margin: 22px 0 0;
  padding: 14px 16px;
  border: 1px solid #e4c9b9;
  border-radius: 10px;
  background: #fbf0e9;
  color: #6e3c2b;
}
.edu .record-trust strong { color: var(--edu-accent); }
.edu .record-trust span { font-size: 14px; line-height: 1.5; }
.edu .section-intro { color: var(--edu-muted); }

.edu .ccard,
.edu .cdir__group,
.edu .cdir-filter { border-color: var(--edu-line); }
.edu .ccard { background: var(--edu-surface); box-shadow: 0 6px 18px rgb(28 42 56 / 5%); }
.edu .ccard__link { color: var(--edu-ink); }
.edu .ccard__link:hover { color: var(--edu-accent); }
.edu .ccard__meta { color: var(--edu-muted); }
.edu .ccard__flag { background: #f6e4d9; color: #874329; }
.edu .edu-foot {
  margin-top: 24px;
  padding:clamp(28px,4vw,44px);
  border:0;
  border-radius:0;
  background:var(--edu-navy);
  color:#fff;
  box-shadow: none;
}
.edu .edu-foot .edu-brand__mark img { filter:brightness(0) invert(1); }
.edu .edu-foot__tag,
.edu .edu-foot__rule,
.edu .edu-foot__who { color:#d6e2eb; }
.edu .edu-foot__rule { border-top-color:rgb(255 255 255 / 24%); }
.edu .edu-foot :is(a,a:hover) { color:#fff; }

/* ══════════════════════════════════════════════════════════════════════════
   THE COMPACT BAR  ·  the shared shell below 1080px
   ══════════════════════════════════════════════════════════════════════════

   ⚠️ ONE CHROME, ONE BREAKPOINT, EVERY FAMILY. Written for `/` on 2026-09-08
   and made shared the same day, because the front page was the only route that
   had been fixed and the difference was indefensible:

     /                     54px of chrome, then the headline
     /colleges/<slug>      ~400px — five 42px nav chips wrapped over five lines,
                           then a full-width search bar and a Compare button
     /colleges, /answers,
     /search, /compare     the same ~400px, on every phone

   The five chips and the top bar are BOTH replaced, below 1080px, by one 54px
   row: the mark, the wordmark, a search link, and the five destinations behind a
   native `<details>`.

   ── What was removed, and what carries it now ──────────────────────────────

   · `.edu-top`'s search FIELD is a link to `/search`. So is `.edu-menu__search`,
     which is on the bar at this width. One control, one destination.
   · `.edu-top`'s "Compare colleges" CTA points at `/compare`. So does the rail's
     "Shortlist & compare" row, which is in the menu. `/colleges` also carries
     its own shortlist tray in the page.
   · `.edu-top`'s other three links are ALREADY `display: none` below 1080px
     (`ice-edulibrary.css`) — they duplicated rail rows there too.
   · `.edu-rail__who`, the publisher disclosure, is already hidden at this width
     and `EduFooter` states it in full on every page, so nothing is lost.
   · `.edu-nav--sub`, the in-page section anchors, is already hidden here and
     only `/colleges/<slug>` passes any — that page renders `ProfileSectionNav`
     in its own content.

   ⚠️ EXACTLY ONE NAVIGATION IS LIVE AT ANY WIDTH. `display: none` takes the
   other out of the tab order and out of the accessibility tree, so no
   destination is ever two tab stops and no reader ever meets a hidden one.

   ⚠️ NOTHING HERE IS NEW COLOUR. Every value is an `--edu-*` token, which means
   the dark contract at the top of this sheet already covers the bar. A `--h-*`
   token would have been a bug: those exist on `body.page-home` only.
   ══════════════════════════════════════════════════════════════════════════ */

/* Desktop keeps the rail column and the top bar. The compact controls are in
   the markup and out of the layout, the tab order and the a11y tree. */
.edu-menu,
.edu-menu__search { display: none; }

.edu-menu__search,
.edu-menu__btn {
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding-inline: 12px;
  border: 1px solid var(--edu-line);
  border-radius: 10px;
  background: var(--edu-surface);
  color: var(--edu-ink) !important;
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  list-style: none;
}

.edu-menu__btn::-webkit-details-marker { display: none; }
.edu-menu[open] > .edu-menu__btn { border-color: var(--edu-accent); }

.edu-menu__search svg,
.edu-menu__btn svg {
  width: 17px;
  height: 17px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Absolute against the rail, so opening the menu never reflows the page under
   it and the closed bar is one row at every width it appears at. */
.edu-menu__nav {
  position: absolute;
  inset-inline: 0;
  top: calc(100% + 6px);
  z-index: 60;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px;
  border: 1px solid var(--edu-line);
  border-radius: 12px;
  background: var(--edu-surface);
  box-shadow: 0 18px 40px -20px rgb(12 26 56 / 55%);
}

html[data-theme="dark"] .edu-menu__nav { box-shadow: 0 18px 40px -18px rgb(0 0 0 / 62%); }

.edu-menu__item {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 15px;
  color: var(--edu-ink) !important;
  text-decoration: none;
}

.edu-menu__item:hover { background: var(--edu-paper); }
.edu-menu__item.is-current { background: var(--edu-paper); font-weight: 650; }

.edu-menu__item:focus-visible,
.edu-menu__search:focus-visible,
.edu-menu__btn:focus-visible {
  outline: 2px solid var(--edu-accent);
  outline-offset: 2px;
}

@media (max-width: 1079px) {
  .edu-rail {
    position: relative;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    min-height: 68px;
    border-bottom: 1px solid var(--edu-line);
  }

  .edu-nav { display: none; }
  .edu-top { display: none; }
  .edu-menu { display: block; flex: 0 0 auto; }
  .edu-menu__search { display: inline-flex; border:0; background:transparent; padding-inline:10px; }
  .edu-menu__btn { display: inline-flex; border:0; background:transparent; padding-inline:10px; }

  body.page-search .edu-menu__search { display: none; }

  /* `margin-right: auto` pushes the two controls to the far edge; `min-width: 0`
     is what stops the lockup overflowing a 320px document. */
  .edu-brand {
    padding: 0;
    margin-right: auto;
    align-self: center;
    min-width: 0;
  }

  /* ⚠️ TWENTY-FOUR LINES OF DEAD WORDMARK RULES WERE DELETED HERE, 2026-09-09.
     They un-clipped and re-sized `.edu-brand__word` at `(0,1,0)` and `(0,2,0)`
     under a comment claiming "the clip is undone; the compact bar has the room".
     It was never undone: `body.edu .edu-brand__word` in `edulibrary-brand.css`
     is `(0,2,1)`, carries no media query and loads after this sheet, so the span
     is 1×1 and clipped at EVERY width. A reader following that comment would go
     looking for a wordmark the bar has never shown.
     What the compact bar actually shows is `horizontal.png`, which contains the
     lettering; `EduBrand.astro` puts the accessible name on its `alt` and marks
     the span `aria-hidden`. If the wordmark should ever become visible text,
     the one rule to change is in `edulibrary-brand.css`, not here. */
}

/* Under 400px the search label is the icon and the accessible name only: the
   three controls plus the wordmark do not fit a 320px bar otherwise. */
@media (max-width: 600px) {
  .edu-menu__searchword {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }
  .edu-menu__search { padding-inline: 11px; }
}

@media (max-width: 1079px) {
  /* ⚠️ THE RAIL COLUMN HAS TO BE UNSET HERE, AND IT WAS NOT.
     `ice-edulibrary.css` collapses the shell to one column below 1080px, with a
     whole comment block explaining why: below that width the rail becomes a
     wrapping row of 42px chips so a thumb can reach all four entries. This
     sheet loads AFTER it and re-declares `.edu-shell { grid-template-columns:
     224px minmax(0, 1fr) }` at the same specificity with no media query, which
     silently reinstated the desktop rail on every page of the host — at 390px
     that left the reading column about 150px wide, roughly four words a line.

     `audit:header` could not see it: `body.edu` is `overflow-x: clip`, so the
     document never overflowed and the gate, which measures document overflow
     and header overlap, stayed green at all three phone widths. Found on
     2026-09-08 by rendering the page and looking at it. */
  .edu-shell { grid-template-columns: minmax(0, 1fr); gap: 0; }
  /* ⚠️ The rail's own padding and the brand's are set in §"the compact bar"
     above, which owns the chrome at this width. They were declared here too
     until 2026-09-08 and, being later in the file at equal specificity, they
     quietly won. */
}

@media (max-width: 640px) {
  .edu-shell { padding-inline: 14px; }
  /* ⚠️ Four rules that reshaped `.edu-top` for a phone were deleted here on
     2026-09-08. The bar is `display: none` below 1080px now, so they styled
     nothing; leaving them would suggest the bar still renders at this width and
     send the next reader looking for it. */
  .edu .col--profile { padding-top: 12px; }
  .edu .col-hero__text { padding: 24px 20px 22px; }
  .edu .post__body { padding-inline: 16px; }
  .edu .post__head { padding-inline: 16px; }
  .edu .edu-foot { padding: 22px 18px; }
}

@media (prefers-reduced-transparency: reduce) {
  .edu-top__bar { background: var(--edu-surface); }
}

/* One owner for the space around the footer; route padding must not stack. */
.edu .edu-col { padding-bottom:24px; }
.edu .edu-main > :last-child { margin-bottom:0; padding-bottom:0; }
.edu .edu-foot { border-radius:0; }
.edu .edu-foot__links a { min-height:44px; display:inline-flex; align-items:center; }
.edu .edu-foot__links { gap:0 18px; }
.edu .edu-foot__rule { margin-top:16px; padding-top:16px; }
.edu ::selection { background:var(--edu-accent); color:var(--edu-surface); }
.edu a { text-underline-offset:3px; }
@media(max-width:360px) { .edu .edu-menu__btn { padding-inline:6px; } }

/* Shared brand geometry and fluid horizontal shell: BRAND_KIT.md. */
.edu .edu-brand { gap:8px; padding:12px 0; align-items:center; align-self:center; flex:none; }
.edu .edu-brand__mark::after { display:none; }
.edu .edu-brand--footer { padding:0; }
.edu .edu-foot__tag { margin-top:8px; }
.edu .edu-top { display:none; }
@media(min-width:1080px) {
  .edu .edu-rail { position:relative; top:auto; height:auto; min-height:80px; flex-direction:row; flex-wrap:wrap; align-items:center; gap:0 28px; padding:8px 0; overflow:visible; border-bottom:1px solid var(--edu-line); }
  .edu .edu-rail > .edu-brand { margin-right:auto; }
  .edu .edu-menu__search { display:inline-flex; border:0; background:transparent; padding-inline:10px; }
  .edu .edu-menu__searchword { display:none; }
  .edu.page-search .edu-menu__search { display:none; }
  .edu .edu-nav:not(.edu-nav--sub) { flex-direction:row; flex-wrap:nowrap; gap:4px; }
  .edu .edu-nav:not(.edu-nav--sub) .edu-nav__icon { display:none; }
  .edu .edu-nav:not(.edu-nav--sub) .edu-nav__item { font-size:14px; padding:10px 12px; white-space:nowrap; }
  .edu .edu-nav__item.is-current { background:var(--edu-accent-soft); color:var(--edu-ink); border-color:transparent; }
  .edu .edu-rail__who, .edu .edu-rail__label, .edu .edu-rule { display:none; }
  .edu .edu-nav--sub { flex-basis:100%; flex-direction:row; flex-wrap:wrap; padding-bottom:8px; }
  .edu.page-college .edu-nav--sub { display:none; }
}
@media(max-width:1079px) { .edu .edu-brand { padding:0; min-height:44px; } }