:root{
    --paper:#F6F1EC;
    --paper-2:#EEE4DC;
    --ink:#1B1A17;
    --ink-soft:#4A473F;
    --petrol:#7E2168;
    --petrol-dark:#591849;
    --ochre:#E4691D;
    --seal:#E4691D;
    --line:#D9CCC0;
    --white:#FFFFFF;
    --display: 'Newsreader', serif;
    --body: 'IBM Plex Sans', sans-serif;
    --mono: 'IBM Plex Mono', monospace;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:var(--body);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 28px;}
  ::selection{background:var(--petrol); color:var(--white);}

  @media (prefers-reduced-motion: reduce){
    *{animation:none !important; transition:none !important; scroll-behavior:auto !important;}
  }

  /* ---------- Masthead ---------- */
  header.masthead{
    position:sticky; top:0; z-index:50;
    background:var(--paper);
    border-bottom:1px solid var(--line);
  }
  .masthead-top{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 0;
  }
  .brand{
    display:flex; align-items:center; gap:12px;
  }
  .brand-mark{
    width:38px; height:38px; flex-shrink:0;
    border-radius:50%;
    object-fit:cover;
  }
  .brand-text{
    font-family:var(--display);
    font-weight:600;
    font-size:1.35rem;
    letter-spacing:-0.01em;
  }
  .brand-sub{
    display:block;
    font-family:var(--mono);
    font-size:0.62rem;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--ink-soft);
    margin-top:1px;
  }
  nav.main-nav{
    display:flex; gap:2px;
  }
  nav.main-nav a{
    font-family:var(--mono);
    font-size:0.72rem;
    letter-spacing:0.06em;
    text-transform:uppercase;
    padding:10px 14px;
    color:var(--ink-soft);
    border-radius:2px;
    transition:color .15s ease, background .15s ease;
  }
  nav.main-nav a:hover{ color:var(--ink); background:var(--paper-2); }
  .cta-btn{
    font-family:var(--mono);
    font-size:0.72rem;
    letter-spacing:0.06em;
    text-transform:uppercase;
    padding:10px 18px;
    background:var(--petrol);
    color:var(--white) !important;
    border-radius:2px;
    white-space:nowrap;
    transition:background .15s ease;
  }
  .cta-btn:hover{ background:var(--petrol-dark); }
  .menu-toggle{
    display:none;
    font-family:var(--mono);
    font-size:0.75rem;
    text-transform:uppercase;
    letter-spacing:0.06em;
    background:none; border:1px solid var(--ink); color:var(--ink);
    padding:8px 12px; border-radius:2px; cursor:pointer;
  }

  @media (max-width: 860px){
    nav.main-nav{ display:none; }
    .menu-toggle{ display:inline-block; }
    nav.main-nav.open{
      display:flex; flex-direction:column; position:absolute; left:0; right:0; top:100%;
      background:var(--paper); border-bottom:1px solid var(--line); padding:8px 28px 16px;
    }
    nav.main-nav.open a{ padding:12px 0; border-bottom:1px solid var(--paper-2); }
  }

  .masthead-strip{
    display:flex; justify-content:space-between; align-items:center;
    font-family:var(--mono); font-size:0.65rem; letter-spacing:0.08em; text-transform:uppercase;
    color:var(--ink-soft); padding:6px 28px; border-top:1px dashed var(--line);
  }

  .masthead-banner{ border-top:1px solid var(--line); line-height:0; }
  .masthead-banner img{ display:block; width:100%; height:auto; min-height:90px; object-fit:cover; object-position:center; }

  /* ---------- Footer ---------- */
  footer{ padding:56px 0 34px; }
  .footer-grid{
    display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; margin-bottom:40px;
  }
  .footer-col h2{
    font-family:var(--mono); font-size:0.68rem; letter-spacing:0.08em; text-transform:uppercase;
    color:var(--ink-soft); margin-bottom:14px;
  }
  .footer-col a{ display:block; font-size:0.88rem; color:var(--ink); padding:5px 0; }
  .footer-col a:hover{ color:var(--petrol); }
  .footer-bottom{
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
    padding-top:24px; border-top:1px solid var(--line);
    font-family:var(--mono); font-size:0.68rem; color:var(--ink-soft); letter-spacing:0.02em;
  }


/* Adattamento dei nuovi collegamenti senza cambiare il linguaggio del sito. */
nav.main-nav a[aria-current="page"]{color:var(--petrol)}
.preview-notice{background:var(--paper-2);color:var(--ink-soft);padding:7px 24px;text-align:center;font:11px/1.5 var(--mono);border-bottom:1px solid var(--line)}
@media(max-width:1180px){nav.main-nav{display:none}.menu-toggle{display:inline-block}nav.main-nav.open{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 28px 16px}nav.main-nav.open a{padding:12px 0;border-bottom:1px solid var(--paper-2)}}
@media(max-width:600px){.brand-text{font-size:1.05rem}.masthead-strip{font-size:.55rem}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.masthead-top{gap:12px}.wrap{padding-left:22px;padding-right:22px}.masthead-top{padding-top:14px;padding-bottom:14px}}
@media(max-width:380px){.brand-text{font-size:.92rem}.brand-mark{width:32px;height:32px}.menu-toggle{font-size:.65rem;padding:7px 8px}}

/* Tipografia del sito ufficiale, applicata anche alle nuove sezioni. */
header.masthead .brand{color:var(--ink);font-family:var(--body);letter-spacing:normal;line-height:1.5}
header.masthead .brand-mark{height:38px;width:38px}
header.masthead .brand-text{font-family:var(--display);font-weight:600;line-height:1.5}
header.masthead .brand-sub{font-family:var(--mono);font-weight:400}
header.masthead .program-nav{box-shadow:inset 0 -2px var(--petrol);color:var(--petrol);font-weight:600}
body{font-family:var(--body)}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.015em}
.eyebrow,.card .tag,.kicker,.topic,.chip{font-family:var(--mono)}
.pill,.btn,.choices button{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;font-weight:400}
.hero-copy h1{font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.05}
.section h2,.band h2{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.15}
.card h3,.step h3{font-size:1.5rem;line-height:1.2}
.panel h1,.article h1{font-size:clamp(2.4rem,5vw,3.8rem)!important;line-height:1.05;letter-spacing:-.015em}
.panel h2,.article h2{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.15}
.panel .entry h3{font-size:1.5rem;line-height:1.2}
.panel input,.panel textarea,.panel select{font-family:var(--body);font-weight:400}
.masthead-banner{position:relative}
@media(max-width:600px){header.masthead .brand-mark{height:34px;width:34px}}
/* Spaziature delle sezioni nuove dopo il reset tipografico originale. */
.section.wrap{padding-top:78px;padding-bottom:78px}
.hero-copy p{margin:0 0 28px}.section h2,.band h2{margin:12px 0 18px}
.card h3,.step h3{margin:10px 0 13px}.panel p{margin:0 0 16px}
.panel h1{margin:16px 0 24px}.panel h2{margin:20px 0 18px}
.panel .entry p{margin:0 0 18px}.panel .entry span{font:11px var(--mono);color:var(--ink-soft)}
.article p{margin:0 0 20px}.article h1{margin:16px 0 24px}.article ul{padding-left:24px;margin:0 0 20px}
@media(max-width:760px){.section.wrap{padding-top:45px;padding-bottom:45px}}