/* Milano dal Mondo — identità M specchiata approvata il 20 settembre 2026. */
:root {
  --mdm-navy: #143d59;
  --mdm-gold: #d4aa35;
  --mdm-paper: #f7f4ec;
}
body .nav, body .site-header, body .masthead {
  background: var(--mdm-paper);
  color: var(--mdm-navy);
  border-bottom: 1px solid #dfd9cc;
  backdrop-filter: none;
}
body .nav-inner, body .header-inner, body .masthead-inner {
  flex-wrap: wrap;
  gap: 18px 28px;
  padding-block: 18px;
}
body .brand.mdm-brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 1 320px;
  gap: 7px;
  width: 320px;
  max-width: 100%;
  color: var(--mdm-navy);
  font: normal 12px/1.3 Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  text-decoration: none;
}
.mdm-brand .mdm-brand-logo {
  display: block;
  width: 100%;
  height: auto;
}
.mdm-brand .mdm-brand-descriptor {
  display: block;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: .035em;
}
.mdm-brand:focus-visible {
  outline: 2px solid var(--mdm-navy);
  outline-offset: 6px;
}
body .site-header nav a, body .nav .menu a {
  color: var(--mdm-navy);
}
body .site-header nav a:hover, body .nav .menu a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
body .masthead .masthead-note { color: #586477; }
@media (max-width: 760px) {
  body .brand.mdm-brand { width: 280px; flex-basis: 280px; }
  body .nav-inner, body .header-inner, body .masthead-inner {
    padding-block: 14px;
    gap: 14px;
  }
  .mdm-brand .mdm-brand-descriptor { font-size: 10px; letter-spacing: .015em; }
}
@media print {
  body .nav, body .site-header, body .masthead { background: #fff; }
}