/* ==========================================================================

   Private Label from Zero — unified site navigation

   One file, loaded by every page. Namespaced .plz-* so it cannot collide

   with any page's inlined CSS (.topnav, header.site, nav.site-nav).

   ========================================================================== */



.plz-nav-root,

.plz-nav-root *,

.plz-crumbs,

.plz-crumbs * { box-sizing: border-box; }



:root {

  --plz-bar:      #101828;

  --plz-bar-2:    #0b1220;

  --plz-line:     #24304a;

  --plz-ink:      #cdd5e4;

  --plz-ink-dim:  #8e9ab2;

  --plz-white:    #ffffff;

  --plz-accent:   #e8930c;

  --plz-paper:    #faf7f2;

  --plz-text:     #2a3242;

  --plz-font:     "Segoe UI", system-ui, -apple-system, sans-serif;

}



/* ---------- skip link ---------- */

.plz-skip {

  position: absolute;

  left: -9999px;

  top: 0;

  background: var(--plz-accent);

  color: #1a1205;

  font-weight: 700;

  font-size: .88rem;

  padding: 10px 16px;

  border-radius: 0 0 7px 0;

  text-decoration: none;

  z-index: 9999;

}

.plz-skip:focus { left: 0; }



/* ---------- bar ---------- */

.plz-nav-root {

  background: var(--plz-bar);

  font-family: var(--plz-font);

  position: sticky;

  top: 0;

  z-index: 9000;

  border-bottom: 1px solid rgba(255,255,255,.06);

}

.plz-nav-root .plz-wrap {

  max-width: 1180px;

  margin: 0 auto;

  padding: 0 24px;

  display: flex;

  align-items: center;

  gap: 18px;

  min-height: 58px;

}

.plz-brand {

  color: var(--plz-white);

  font-weight: 700;

  font-size: 1.02rem;

  letter-spacing: .01em;

  text-decoration: none;

  white-space: nowrap;

  flex: 0 0 auto;

  padding: 8px 0;

}

.plz-brand:hover { color: var(--plz-white); }



/* ---------- level 1 ---------- */

.plz-menu {

  display: flex;

  align-items: center;

  gap: 18px;

  margin-left: auto;

  flex: 1 1 auto;

  justify-content: flex-end;

}

.plz-lvl1 {

  display: flex;

  align-items: center;

  gap: 4px;

  list-style: none;

  margin: 0;

  padding: 0;

}

.plz-lvl1 > li { position: relative; margin: 0; }

.plz-lvl1 > li > a {

  display: flex;

  align-items: center;

  gap: 5px;

  color: var(--plz-ink);

  font-size: .95rem;

  text-decoration: none;

  padding: 18px 10px;

  line-height: 1;

  white-space: nowrap;

  border-bottom: 2px solid transparent;

  transition: color .15s ease, border-color .15s ease;

}

.plz-lvl1 > li > a:hover,

.plz-lvl1 > li > a:focus-visible { color: var(--plz-white); }

.plz-lvl1 > li.plz-current > a {

  color: var(--plz-white);

  border-bottom-color: var(--plz-accent);

}

.plz-caret {

  width: 9px; height: 9px;

  flex: 0 0 auto;

  opacity: .65;

  transition: transform .18s ease, opacity .18s ease;

}

.plz-lvl1 > li.plz-open > a .plz-caret { transform: rotate(180deg); opacity: 1; }



/* ---------- dropdown panel ---------- */

.plz-drop {

  position: absolute;

  top: 100%;

  left: 0;

  min-width: 314px;

  background: #fff;

  border: 1px solid #e6e0d6;

  border-radius: 10px;

  box-shadow: 0 18px 44px rgba(11,18,32,.22);

  padding: 8px;

  opacity: 0;

  visibility: hidden;

  transform: translateY(-6px);

  transition: opacity .16s ease, transform .16s ease, visibility .16s;

  z-index: 9100;

}

.plz-lvl1 > li.plz-open > .plz-drop {

  opacity: 1; visibility: visible; transform: translateY(0);

}

.plz-drop ul { list-style: none; margin: 0; padding: 0; }

.plz-drop li { margin: 0; }

.plz-drop a,

.plz-drop .plz-soon {

  display: flex;

  gap: 10px;

  align-items: baseline;

  padding: 9px 11px;

  border-radius: 7px;

  color: var(--plz-text);

  font-size: .92rem;

  line-height: 1.35;

  text-decoration: none;

}

.plz-drop a:hover,

.plz-drop a:focus-visible { background: #f4efe6; color: var(--plz-text); }

.plz-drop .plz-soon { color: #9aa1ad; cursor: default; }

.plz-num {

  flex: 0 0 19px;

  font-size: .72rem;

  font-weight: 700;

  color: var(--plz-accent);

  font-variant-numeric: tabular-nums;

  padding-top: .15em;

}

.plz-tag {

  margin-left: auto;

  font-size: .64rem;

  font-weight: 700;

  letter-spacing: .06em;

  text-transform: uppercase;

  padding: 2px 6px;

  border-radius: 4px;

  align-self: center;

  white-space: nowrap;

}

.plz-tag-live { background: #e7f4ec; color: #1c7a45; }

.plz-tag-soon { background: #f0eee9; color: #8b8578; }

.plz-drop-sep { height: 1px; background: #ece6dc; margin: 7px 6px; }

.plz-drop-all {

  font-weight: 600 !important;

  color: #8a5a00 !important;

}



/* ---------- search ---------- */

.plz-search {

  position: relative;

  flex: 0 0 auto;

  margin: 0;

}

.plz-search-in {

  display: flex;

  align-items: center;

  gap: 7px;

  background: rgba(255,255,255,.07);

  border: 1px solid rgba(255,255,255,.14);

  border-radius: 999px;

  padding: 0 12px;

  height: 34px;

  transition: background .15s ease, border-color .15s ease, width .18s ease;

}

.plz-search-in:focus-within {

  background: rgba(255,255,255,.13);

  border-color: rgba(232,147,12,.65);

}

.plz-search-in svg { width: 14px; height: 14px; flex: 0 0 auto; opacity: .7; }

.plz-search input {

  background: none;

  border: 0;

  outline: 0;

  color: var(--plz-white);

  font-family: inherit;

  font-size: .88rem;

  width: 116px;

  padding: 0;

  min-width: 0;

}

.plz-search input::placeholder { color: var(--plz-ink-dim); }

.plz-search input:focus { width: 176px; }

.plz-search input::-webkit-search-cancel-button { filter: invert(.7); }

.plz-search button[type=submit] {

  background: none; border: 0; padding: 0; margin: 0;

  color: var(--plz-ink); cursor: pointer; display: flex;

}



.plz-results {

  position: absolute;

  top: calc(100% + 9px);

  right: 0;

  width: 400px;

  max-width: 88vw;

  background: #fff;

  border: 1px solid #e6e0d6;

  border-radius: 10px;

  box-shadow: 0 18px 44px rgba(11,18,32,.22);

  padding: 6px;

  max-height: 68vh;

  overflow-y: auto;

  z-index: 9200;

}

.plz-results[hidden] { display: none; }

.plz-res {

  display: block;

  padding: 9px 11px;

  border-radius: 7px;

  text-decoration: none;

  color: var(--plz-text);

}

.plz-res:hover, .plz-res.plz-sel { background: #f4efe6; }

.plz-res-k {

  font-size: .64rem; font-weight: 700; letter-spacing: .07em;

  text-transform: uppercase; color: var(--plz-accent);

  display: block; margin-bottom: 2px;

}

.plz-res-t { font-weight: 600; font-size: .92rem; line-height: 1.3; display: block; }

.plz-res-d {

  font-size: .8rem; color: #6a7080; line-height: 1.4;

  display: block; margin-top: 2px;

}

.plz-res mark { background: #ffe9bf; color: inherit; padding: 0 1px; border-radius: 2px; }

.plz-res-none { padding: 14px 12px; color: #6a7080; font-size: .88rem; }

.plz-res-more {

  display: block; padding: 9px 11px; font-size: .82rem; font-weight: 600;

  color: #8a5a00; text-decoration: none; border-top: 1px solid #ece6dc; margin-top: 4px;

}



/* ---------- CTA ---------- */

.plz-cta {

  flex: 0 0 auto;

  color: #1a1205;

  background: var(--plz-accent);

  font-weight: 700;

  font-size: .88rem;

  text-decoration: none;

  padding: 9px 15px;

  border-radius: 7px;

  white-space: nowrap;

  transition: filter .15s ease;

}

.plz-cta:hover { filter: brightness(1.08); color: #1a1205; }



/* ---------- burger ---------- */

.plz-burger {

  display: none;

  margin-left: auto;

  width: 40px; height: 36px;

  background: none;

  border: 1px solid rgba(255,255,255,.18);

  border-radius: 7px;

  cursor: pointer;

  padding: 9px 9px;

  flex-direction: column;

  justify-content: space-between;

}

.plz-burger span {

  display: block; height: 2px; width: 100%;

  background: var(--plz-ink); border-radius: 2px;

  transition: transform .2s ease, opacity .2s ease;

}

.plz-burger[aria-expanded=true] span:nth-child(1) { transform: translateY(8px) rotate(45deg); }

.plz-burger[aria-expanded=true] span:nth-child(2) { opacity: 0; }

.plz-burger[aria-expanded=true] span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }



/* ---------- breadcrumbs ---------- */

.plz-crumbs {

  background: var(--plz-paper);

  border-bottom: 1px solid #ece5d9;

  font-family: var(--plz-font);

}

.plz-crumbs .plz-wrap {

  max-width: 1180px;

  margin: 0 auto;

  padding: 10px 24px;

}

.plz-crumbs ol {

  list-style: none; margin: 0; padding: 0;

  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;

  font-size: .8rem; line-height: 1.5;

}

.plz-crumbs li { display: flex; align-items: center; gap: 6px; margin: 0; }

.plz-crumbs li + li::before {

  content: "›"; color: #b3aa9a; font-size: .95rem; line-height: 1;

}

.plz-crumbs a { color: #6a7080; text-decoration: none; }

.plz-crumbs a:hover { color: var(--plz-text); text-decoration: underline; }

.plz-crumbs [aria-current=page] {

  color: var(--plz-text); font-weight: 600;

  max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;

}



/* ---------- legacy navs this file replaces ---------- */

.plz-nav-root ~ .topnav,

.plz-nav-root ~ header.site > .wrap > nav,

.plz-nav-root ~ nav.site-nav { display: none !important; }



/* ---------- responsive ---------- */

@media (max-width: 1140px) {

  .plz-lvl1 > li > a { padding-left: 8px; padding-right: 8px; font-size: .91rem; }

  .plz-search input { width: 90px; }

  .plz-menu { gap: 12px; }

}



@media (max-width: 960px) {

  .plz-burger { display: flex; }

  .plz-nav-root .plz-wrap { flex-wrap: wrap; }

  .plz-menu {

    display: none;

    order: 3;

    width: 100%;

    flex-direction: column;

    align-items: stretch;

    gap: 0;

    padding: 6px 0 16px;

    border-top: 1px solid rgba(255,255,255,.09);

    margin-left: 0;

  }

  .plz-nav-root.plz-open-mobile .plz-menu { display: flex; }

  .plz-lvl1 { flex-direction: column; align-items: stretch; gap: 0; width: 100%; }

  .plz-lvl1 > li > a {

    padding: 14px 4px;

    font-size: 1rem;

    justify-content: space-between;

    border-bottom: 1px solid rgba(255,255,255,.07);

  }

  .plz-lvl1 > li.plz-current > a { border-bottom-color: var(--plz-accent); }

  .plz-caret { width: 11px; height: 11px; }

  .plz-drop {

    position: static;

    opacity: 1; visibility: visible; transform: none;

    display: none;

    box-shadow: none;

    border: 0;

    border-radius: 0;

    background: rgba(255,255,255,.045);

    min-width: 0;

    padding: 4px 0 8px;

    margin: 0 0 4px;

  }

  .plz-lvl1 > li.plz-open > .plz-drop { display: block; }

  .plz-drop a, .plz-drop .plz-soon { color: var(--plz-ink); padding: 10px 14px; }

  .plz-drop a:hover, .plz-drop a:focus-visible { background: rgba(255,255,255,.08); color: #fff; }

  .plz-drop-all { color: var(--plz-accent) !important; }

  .plz-drop-sep { background: rgba(255,255,255,.1); }

  .plz-search { order: 1; width: 100%; margin: 12px 0 4px; }

  .plz-search-in { width: 100%; height: 40px; }

  .plz-search input, .plz-search input:focus { width: 100%; font-size: 1rem; }

  .plz-results { right: auto; left: 0; width: 100%; }

  .plz-cta { order: 2; text-align: center; margin-top: 10px; padding: 12px 15px; }

}



@media (max-width: 420px) {

  .plz-nav-root .plz-wrap, .plz-crumbs .plz-wrap { padding-left: 16px; padding-right: 16px; }

  .plz-brand { font-size: .95rem; }

  .plz-crumbs [aria-current=page] { max-width: 20ch; }

}



@media print {

  .plz-nav-root, .plz-crumbs { display: none; }

}



/* sticky bar + breadcrumb offset for in-page anchors */

:target{scroll-margin-top:104px}

html{scroll-behavior:smooth}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}



/* PLZ-044 — wide data tables overflowed a 375px viewport on /privacy/ and three

   articles. Scroll the table, not the page. Shared by all 20 pages.

   .vs-table is named explicitly: /course/ defines it as a class, which outranks

   a bare `main table` selector. */

@media (max-width:640px){

  main table,.vs-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

}