@charset "UTF-8";
/* supplement.css — text fallbacks for legacy image menus */

/* Course switcher (was GIF buttons) */
#coursemenu ul {
  list-style: none;
  margin: 0 0 1.2em;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .4em;
  border-bottom: 1px solid #eadfce;
  padding-bottom: .8em;
}
#coursemenu li {
  margin: 0;
  list-style: none;
}
#coursemenu a,
#coursemenu strong {
  display: inline-block;
  padding: .4em .75em;
  background: #fff4e8;
  border-left: 4px solid #e8630a;
  color: #b34500;
  font-weight: 700;
  font-size: .9em;
  text-decoration: none;
}
#coursemenu a:hover {
  background: #ffe8d4;
  text-decoration: none;
}
#coursemenu strong {
  background: #e8630a;
  color: #fff;
  border-left-color: #c94f00;
}

/* In-course submenu */
#submenu ul {
  list-style: none;
  margin: 0 0 .6em;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .35em;
}
#submenu li {
  margin: 0;
  list-style: none;
}
#submenu a {
  display: inline-block;
  padding: .35em .65em;
  background: #f7f3eb;
  color: #5a5147;
  font-size: .88em;
  font-weight: 600;
  text-decoration: none;
  border-radius: 2px;
}
#submenu a:hover {
  background: #fff4e8;
  color: #e8630a;
  text-decoration: none;
}

/* Legacy header icon row (duplicates r-nav; keep compact) */
#header .menu,
#top .menu,
div.menu {
  display: flex;
  flex-wrap: wrap;
  gap: .35em;
  margin: .6em 0 1em;
}
#header .menu a,
#top .menu a,
div.menu > a {
  display: inline-block;
  padding: .35em .65em;
  background: #fff4e8;
  color: #b34500;
  font-size: .85em;
  font-weight: 700;
  text-decoration: none;
}
#header .menu a:hover,
#top .menu a:hover,
div.menu > a:hover {
  background: #ffe8d4;
  text-decoration: none;
}

/* Bottom utility links */
#bottommenu {
  display: flex;
  flex-wrap: wrap;
  gap: .5em 1em;
  margin: 1.5em 0 .5em;
  padding-top: 1em;
  border-top: 1px solid #eadfce;
  font-size: .9em;
}
#bottommenu a {
  color: #666;
}

#gotop a,
#gotopbasic a {
  display: inline-block;
  margin: 1em 0;
  font-size: .85em;
  color: #888;
}

#topmenu {
  list-style: none;
  margin: .6em 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .4em;
}
#topmenu li {
  margin: 0;
  list-style: none;
}
#topmenu a {
  display: inline-block;
  padding: .35em .7em;
  background: #fff4e8;
  color: #b34500;
  font-weight: 700;
  font-size: .88em;
  text-decoration: none;
}

#info_button a {
  display: inline-block;
  margin: 1em 0;
  padding: .6em 1.1em;
  background: #e8630a;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
}

@media (max-width: 760px) {
  #coursemenu ul,
  #submenu ul {
    flex-direction: column;
  }
}