/* =====================================================================
   L2BAZA Design System V1 — Layout and navigation
   Version: 1.5.33
   ===================================================================== */

body.l2ds-v1 .container{
  width:min(var(--l2-content-max),var(--l2-content-width));
  margin-inline:auto;
}

/* Current section is now visible in the global navigation. */
body.l2v2 .l2v2-nav a.is-active,
body.l2v2 .l2v2-nav a[aria-current="page"]{
  color:var(--l2-color-gold-hi)!important;
}
body.l2v2 .l2v2-nav a.is-active:after,
body.l2v2 .l2v2-nav a[aria-current="page"]:after{
  left:8%;
  right:8%;
  background:var(--l2-color-gold)!important;
  box-shadow:0 0 8px rgba(217,166,64,.24);
}

/* Stable anchors under the shared header. */
body.l2ds-v1 :is(section,[id]){scroll-margin-top:calc(var(--l2-header-desktop) + var(--l2-space-4))}

/* Common responsive shell helpers for pages migrated after 1.5.33. */
.l2ds-shell{
  width:min(var(--l2-content-max),var(--l2-content-width));
  margin-inline:auto;
}
.l2ds-grid{display:grid;gap:var(--l2-space-4)}
.l2ds-grid--sidebar{grid-template-columns:minmax(0,1fr) 300px}
.l2ds-stack{display:flex;flex-direction:column;gap:var(--l2-space-4)}

@media (max-width:1020px){
  body.l2ds-v1 :is(section,[id]){scroll-margin-top:calc(var(--l2-header-mobile) + var(--l2-space-3))}
  .l2ds-grid--sidebar{grid-template-columns:1fr}
}

@media (max-width:768px){
  :root{--l2-content-width:calc(100vw - 24px)}
  .l2ds-grid{gap:var(--l2-space-3)}
}

@media (max-width:480px){
  :root{--l2-content-width:calc(100vw - 16px)}
}