/* Învelișul comun: aceeași bară laterală în PRD și în hartă.
   Bara e componenta .sidebar din design system; aici stau doar
   ancorarea în pagină și cele câteva lucruri specifice documentului. */

.sidebar {
  position: fixed; left: 0; top: 0; bottom: 0;
  width: var(--sidebar-w); height: 100vh; z-index: 50;
}
body { padding-left: var(--sidebar-w); }

.sidebar-brand {
  font-family: var(--font-sans); font-weight: 700; font-size: 16px;
  color: var(--c-ink); text-decoration: none;
}

/* Rândurile de sub o categorie: cele „sub” intră încă un pas, ca sub-capitolele. */
.sidebar-section-list a.is-sub { padding-left: 46px; font-size: 13px; color: var(--c-mist); }
.sidebar-section-list a.is-sub.active { color: var(--c-ink); }

/* Linkul activ: documentul folosește .active, harta .is-on. */
.sidebar a.is-on { background: var(--c-white); color: var(--c-ink); box-shadow: var(--sh-xs); }

@media (max-width: 1023px) {
  .sidebar { display: none; }
  body { padding-left: 0; }
}

@media print {
  .sidebar { display: none !important; }
  body { padding-left: 0; }
}