/* Stili del menu a tendina, per le pagine /risorse/ che hanno CSS inline */
.nav-drop { position: relative; }
.nav-drop-btn {
  display: inline-flex; align-items: center; gap: 6px;
  font: inherit; font-size: 14px; font-weight: 600; color: var(--slate);
  background: none; border: none; padding: 0; cursor: pointer;
  transition: color 0.15s ease;
}
.nav-drop-btn:hover { color: var(--teal); }
.nav-drop-btn svg { transition: transform 0.2s ease; }
.nav-drop.open .nav-drop-btn { color: var(--teal); }
.nav-drop.open .nav-drop-btn svg { transform: rotate(180deg); }
.nav-menu {
  position: absolute; top: calc(100% + 16px); left: -8px;
  min-width: 252px; background: var(--white);
  border: 1px solid var(--border); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg); padding: 6px;
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
}
.nav-drop.open .nav-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-menu a { display: block; padding: 10px 12px; border-radius: var(--radius-md); transition: background 0.15s ease; }
.nav-menu a:hover { background: var(--mist); }
.nav-menu .lm-title { display: block; font-size: 14px; font-weight: 600; color: var(--navy); }
.nav-menu .lm-sub { display: block; font-size: 12px; color: var(--slate); margin-top: 2px; }
.nav-links a.is-current { color: var(--teal); }
.mobile-nav { display: none; }
@media (max-width: 880px) {
  .nav-drop { display: none; }
  .mobile-nav { display: block; }
  .mobile-nav a { font-weight: 600; }
}