/* Shared study-area navigation for the imported Communication Technology course. */
.studioTopbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 78px;
  padding: 12px clamp(18px, 5vw, 76px);
  border-bottom: 1px solid rgba(22, 33, 41, .22);
  background: rgba(241, 238, 229, .97);
  color: #162129;
  font-family: "Avenir Next", "Segoe UI", Arial, sans-serif;
  backdrop-filter: blur(14px);
}
.studioBrandCluster { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 28px; min-width: 0; }
.studioBrand { display: flex; align-items: center; gap: 12px; color: #162129; text-decoration: none; font-size: .78rem; font-weight: 850; letter-spacing: .08em; }
.studioBrand span { font-size: inherit; letter-spacing: inherit; }
.studioBrand .studioBrandMark { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; background: #162129; color: #fffaf0; font-size: .68rem; }
.studioFocusSwitch { display: flex; align-items: center; padding: 3px; border: 1px solid #162129; border-radius: 999px; background: rgba(255, 250, 240, .58); }
.studioFocusSwitch a { border-radius: 999px; padding: 8px 12px; color: #162129; font-size: .875rem; font-weight: 850; line-height: normal; text-decoration: none; white-space: nowrap; }
.studioFocusSwitch a:hover { background: rgba(22, 33, 41, .09); }
.studioFocusSwitch a[aria-current="page"] { background: #162129; color: #fffaf0; }
.studioYearLabel { font-size: .75rem; font-weight: 750; white-space: nowrap; }
.studioLegalLinks { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 20px; }
.studioLegalLinks a { font-weight: 700; }
.courseContext { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; padding: 25px 0 18px; border-bottom: 1px solid #bdcce1; font-size: .875rem; }
.courseContext a { font-weight: 750; }
.courseContext span { color: #4c6078; }
section[id] { scroll-margin-top: 145px; }
.skip:focus { position: fixed; z-index: 30; }
@media (max-width: 1000px) { .studioYearLabel { display: none; } }
@media (max-width: 580px) {
  .studioTopbar { padding: 12px 16px; }
  .studioBrandCluster { width: 100%; gap: 9px; align-items: flex-start; flex-wrap: nowrap; }
  .studioBrand .studioBrandName { display: none; }
  .studioFocusSwitch { flex: 1; min-width: 0; flex-wrap: wrap; max-width: 100%; border-radius: 18px; }
  .studioFocusSwitch a { padding: 9px 12px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print { .studioTopbar, .studioLegalLinks { display: none; } }