/* Accessibility overrides for WCAG 2.2 AA compliance (loaded after Bootstrap) */

/* Illini Orange (#dd4814) on white is 4.19:1 for text, below the 4.5:1
   minimum required by SC 1.4.3. Rather than change the orange itself,
   links/body text use Illinois Blue (#13294B) — the other official
   school color — which reaches ~15:1 on white. Orange stays exactly as
   the brand's background/accent color (navbar, borders), where only
   3:1 (non-text contrast, SC 1.4.11) applies and it already passes. */
a {
  color: #13294B;
  text-decoration: underline;
}
a:hover,
a:focus {
  color: #0d1c34;
}

/* Links within text blocks must be distinguishable by more than color
   alone (SC 1.4.1 Use of Color) — underlined by default above. Nav
   menu items are exempt: they're a distinct menu, not text-block
   links, and rely on the navbar's bar/position to set them apart. */
.navbar-nav a {
  text-decoration: none;
}

/* Navbar background is Illini Orange, darkened ~9% (#dd4814 -> #c94211,
   same hue) so its white nav-link text reaches 4.92:1 at normal size —
   no font-size/weight change needed, so nothing reflows or collides
   with the ECE ILLINOIS logo at in-between viewport widths. */
.navbar-default {
  background-color: #c94211;
  border-color: #a83a10;
}

/* Offset anchor-jump targets so the fixed navbar doesn't cover them
   (SC 2.4.11 Focus Not Obscured). Matches the ~51px navbar height. */
html {
  scroll-padding-top: 70px;
}

/* The fixed navbar (~51px tall) is removed from normal document flow,
   so content isn't automatically pushed below it. Previously this was
   masked by margin collapsing through several nested empty divs before
   the page title; now that the h1 sits directly in the banner region,
   the missing offset shows as the title rendering under the navbar.
   Compensate with body padding, matching the anchor-scroll offset above. */
body {
  padding-top: 70px;
}

/* Lecture table: keep "Lecture N" together instead of wrapping between
   the word and the number, and keep each multi-word link label
   ("[Lecture Slides]", "[Slides Split]") together instead of splitting
   mid-phrase — now that lecture.html has a space between adjacent
   links, wraps land between links rather than inside one. */
.table td:first-child {
  white-space: nowrap;
}
.table td a {
  white-space: nowrap;
}

/* Instructor/TA photos: source images have different aspect ratios
   (alex.png is square, others may not be), and Bootstrap's
   img-responsive sets height:auto, so a non-square photo renders
   taller than a square one — misaligning the names below and
   distorting img-circle into an oval. Force a true 200x200 crop. */
.person-photo {
  width: 200px;
  height: 200px;
  object-fit: cover;
}