:root{--bg:#fff;--fg:#111;--muted:#666666;--line:#c8c8c8;--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;line-height:1.45}
a{color:inherit}
header{height:72px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.94);z-index:10}
.brand{text-decoration:none;font-weight:800}.brand small{font-size:.65em;border:1px solid;padding:2px 5px;margin-left:8px}
nav{display:flex;gap:30px}nav a{text-decoration:none}#nav-toggle{display:none;background:none;border:1px solid;padding:7px 10px}
main>section,.pagehead,.prose{padding:clamp(70px,9vw,140px) var(--pad);max-width:1500px;margin:auto}
.hero{min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:center}
.hero h1,.pagehead h1{font-size:clamp(2.5168rem, 6.4719vw, 6.4719rem);line-height:.88;letter-spacing:-.075em;margin:.1em 0}
.intro,.lead{max-width:800px;font-size:clamp(1.1rem,2vw,1.7rem)}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:bold}
h2{font-size:clamp(1.769rem, 3.8456vw, 3.8456rem);line-height:.95;letter-spacing:-.05em}

.card{min-height:240px;background:var(--bg);padding:30px;text-decoration:none}.card:hover{background:#e8e8e8}.card h3{font-size:clamp(1.5rem,2.5vw,2.7rem);line-height:1;margin:60px 0 12px}.card p{color:var(--muted)}
.rows{border-top:1px solid}.rows a{display:grid;grid-template-columns:140px 1fr .5fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);text-decoration:none}
.inverse{max-width:none!important;background:#111;color:#fff}.inverse p{font-size:clamp(2.8rem,6vw,7rem);line-height:.95;letter-spacing:-.06em;max-width:1300px}
.narrow{max-width:900px}.prose{font-size:1.2rem}.prose p{max-width:760px}
.archive{padding-top:0!important}.archive a{display:grid;grid-template-columns:70px 1fr;border-bottom:1px solid var(--line);align-items:center;text-decoration:none}.archive h2{margin:.5em 0}
footer{padding:45px var(--pad);border-top:1px solid;display:flex;justify-content:space-between;gap:30px}
@media(max-width:800px){#nav-toggle{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg);padding:25px var(--pad);flex-direction:column;border-bottom:1px solid}nav.open{display:flex}.rows a{grid-template-columns:1fr;gap:3px}footer{flex-direction:column}}

/* VINX HEADING SCALE 2026 */

/* VINX HEADING SCALE PASS 2 2026 */

/* VINX HEADING SCALE PASS 3 2026 */

/* VINX_MOBILE_NAV_20261024_BEGIN */
/* Ripristino del flusso naturale del navigatore tra schede, solo mobile. */
@media screen and (max-width: 767px) {
  nav.event-chronology {
    position: relative !important; inset: auto !important;
    top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
    transform: none !important; float: none !important;
    clear: both !important; box-sizing: border-box !important;
    height: auto !important; min-height: 0 !important; max-height: none !important;
    margin: 0 !important; padding: 0.9rem clamp(16px, 5vw, 28px) !important;
    width: 100% !important; max-width: 100% !important;
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(10px, 4vw, 24px) !important; align-items: start !important;
    overflow: visible !important; z-index: auto !important;
  }
  nav.event-chronology > * { min-width: 0 !important; max-width: 100% !important; overflow-wrap: anywhere; }
  nav.event-chronology > :last-child { text-align: right; }
  body:has(nav.event-chronology) h1 {
    position: relative !important; inset: auto !important; transform: none !important;
    clear: both !important; margin-top: 1.25rem !important;
    max-width: 100% !important; font-size: clamp(2.25rem, 10vw, 4.5rem) !important;
    line-height: 1.06 !important; overflow-wrap: anywhere !important;
  }
}
/* VINX_MOBILE_NAV_20261024_END */