@charset "utf-8";

/* ==========================================================================
   Sidebar section navigation (left "accordion"), rebuilt as real-text links.
   Markup comes from the `sidenav` filter in .eleventy.js:
     nav.card-menu > ul.sidenav > li.sidenav-item
       > a.sidenav-l1 [+ ul.sidenav-sub > li > a (+ nested ul.sidenav-sub)]
   ========================================================================== */

.card-menu {
  padding: 6px 0;
  overflow: hidden;
}

.sidenav,
.sidenav-sub {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidenav-item { border-top: 1px solid var(--line); }
.sidenav-item:first-child { border-top: 0; }

/* Level 1 — section headings */
.sidenav-l1 {
  display: block;
  padding: 11px 18px;
  color: var(--brand);
  font-size: 14px;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
}
.sidenav-l1:hover,
.sidenav-l1:focus { background: #eef2f4; }
.sidenav-l1.is-active { color: var(--accent-dark); background: #eef2f4; }

/* Levels 2 and 3 — expanded child links */
.sidenav-sub { padding: 2px 0 8px; }
.sidenav-sub a {
  display: block;
  padding: 6px 18px 6px 24px;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  overflow-wrap: break-word;
}
.sidenav-sub a:hover,
.sidenav-sub a:focus { color: var(--accent-dark); background: #f2f5f6; }
.sidenav-sub li.is-active > a { font-weight: bold; color: var(--accent-dark); }

/* Level 3 — nested one step deeper */
.sidenav-sub .sidenav-sub { padding: 0 0 4px; }
.sidenav-sub .sidenav-sub a { padding-left: 36px; font-size: 13px; }