*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--brand-neutral-900);background:var(--brand-neutral-100)}
.container{max-width:1080px;margin:0 auto;padding:24px}.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(6px);border-bottom:1px solid var(--brand-neutral-300)}
.brand{display:flex;align-items:center;gap:12px}.brand__logo {
  width: auto; /* o la misura che preferisci */
  height: 60px;
  display: block;
}.brand__title{font-weight:600}
.nav{display:flex;flex-wrap:wrap;gap:8px}.nav a{padding:6px 10px;border-radius:8px;text-decoration:none;color:var(--brand-neutral-900)}.nav a.active,.nav a:hover{background:var(--brand-neutral-100)}
.card{background:var(--brand-surface);border:1px solid var(--brand-neutral-300);border-radius:16px;padding:18px}.card h3{margin:0 0 4px 0}.meta{color:var(--brand-neutral-500);font-size:13px}
.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.link{color:var(--brand-accent)}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-top:1px solid var(--brand-neutral-300);text-align:left}.mt-12{margin-top:48px}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
  cursor: pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--brand-surface);
  border: 1px solid var(--brand-neutral-300);
  border-radius: 8px;
  min-width: 160px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 5;
}

.dropdown-content a {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  color: var(--brand-neutral-900);
}

.dropdown-content a:hover {
  background-color: var(--brand-neutral-100);
}

/* Show submenu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Optional: highlight dropdown on hover */
.dropdown:hover .dropbtn {
  background-color: var(--brand-neutral-100);
  border-radius: 8px;
}
.nav a,
.dropbtn {
  display: inline-flex;      /* invece che inline o block */
  align-items: center;       /* testo centrato verticalmente */
  line-height: 1;            /* evita altezze extra */
}

/* Il contenitore del dropdown si comporta come un link nel flex */
.dropdown {
  display: inline-flex;      /* evita “salti” di baseline */
  align-items: center;
  position: relative;
}

/* Posiziona il sottomenu subito sotto il pulsante */
.dropdown-content {
  top: calc(100% + 1px);
  left: 0;
}

.meta--row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Mantiene lo stile coerente con gli altri link */
.meta--row .link {
  flex: 0 0 auto;
}

.card__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0;
}

.card__logo img {
  max-width: 250px; /* dimensione regolabile */
  height: auto;
  object-fit: contain;
  opacity: 0.95;
}