/* Extra styles added after the main stylesheet (mobile menu panel). Safe to edit. */
/* ---------- mobile menu inside side panel ---------- */
.side-nav { margin: 0 0 1.5rem; border-top: 1px solid var(--line) }
.side-nav-row { display: flex; align-items: center; border-bottom: 1px solid var(--line) }
.side-nav-row a { flex: 1; padding: 14px 4px; font-family: 'Cal Sans', 'Plus Jakarta Sans', sans-serif; font-size: 1.2rem; color: var(--dark); text-decoration: none }
.side-nav-row a.active { color: var(--primary-text) }
.side-nav-row a:hover { color: var(--primary-text) }
.side-nav-tg { width: 44px; height: 44px; border: 0; background: var(--beige); border-radius: 50%; color: var(--dark); display: grid; place-items: center; transition: transform .2s }
.side-nav-tg[aria-expanded="true"] { transform: rotate(180deg); background: var(--primary) }
.side-sub { padding: 6px 0 10px 12px; border-bottom: 1px solid var(--line) }
.side-sub a { display: flex; justify-content: space-between; gap: 10px; padding: 9px 4px; color: var(--dark); text-decoration: none; font-weight: 600; font-size: .95rem }
.side-sub a small { color: var(--text); font-weight: 500; font-size: .8rem; text-align: right }
.side-sub a.all { color: var(--primary-text); font-weight: 700 }