/* Tipografia della pagina MappAI: Atkinson Hyperlegible (Braille Institute, licenza OFL, nata per leggere meglio).
   Next per i testi (variabile 200-800, tondo e corsivo), Mono per etichette e numeri.
   Vale solo per il contenuto della pagina: navbar e footer del sito restano in Space Mono. */
@font-face{ font-family:'Atkinson Hyperlegible Mono'; font-style:italic; font-weight:200 800; font-display:swap; src:url('fonts-atkinson/AHMono-italic-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'Atkinson Hyperlegible Mono'; font-style:italic; font-weight:200 800; font-display:swap; src:url('fonts-atkinson/AHMono-italic-lat.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'Atkinson Hyperlegible Mono'; font-style:normal; font-weight:200 800; font-display:swap; src:url('fonts-atkinson/AHMono-normal-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'Atkinson Hyperlegible Mono'; font-style:normal; font-weight:200 800; font-display:swap; src:url('fonts-atkinson/AHMono-normal-lat.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'Atkinson Hyperlegible Next'; font-style:italic; font-weight:200 800; font-display:swap; src:url('fonts-atkinson/AHNext-italic-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'Atkinson Hyperlegible Next'; font-style:italic; font-weight:200 800; font-display:swap; src:url('fonts-atkinson/AHNext-italic-lat.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'Atkinson Hyperlegible Next'; font-style:normal; font-weight:200 800; font-display:swap; src:url('fonts-atkinson/AHNext-normal-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'Atkinson Hyperlegible Next'; font-style:normal; font-weight:200 800; font-display:swap; src:url('fonts-atkinson/AHNext-normal-lat.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.mappai-skin{
  --at-text:'Atkinson Hyperlegible Next','Atkinson Hyperlegible','Helvetica Neue',Helvetica,Arial,'Noto Color Emoji','Apple Color Emoji','Segoe UI Emoji',sans-serif;
  --at-mono:'Atkinson Hyperlegible Mono',ui-monospace,'SF Mono',Menlo,'Noto Color Emoji','Apple Color Emoji','Segoe UI Emoji',monospace;
}

/* ───────── base: testo corrente ───────── */
.mappai-skin .mp-page{font-family:var(--at-text);font-weight:400;font-size:17px;font-optical-sizing:auto}
.mappai-skin .mp-page p{line-height:1.65}
.mappai-skin .mp-page strong{font-weight:720}
.mappai-skin .mp-page em{font-style:italic}
.mappai-skin .mp-page a{text-decoration-thickness:1px}

/* ───────── titoli: peso pieno e interlinea stretta ───────── */
.mappai-skin .mp-page :is(h1,h2,h3,h4){font-family:var(--at-text)}
.mappai-skin .mp-hero h1{font-weight:800;font-size:clamp(46px,5.6vw,82px);line-height:1.02;letter-spacing:-.04em;margin-bottom:30px}
.mappai-skin .mp-hero h1 em{font-style:italic;font-weight:760;letter-spacing:-.035em}
.mappai-skin .mp-page .section-title{font-weight:800;font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.035em}
.mappai-skin .mp-prose h3,.mappai-skin .pv-split h3{font-weight:760;font-size:26px;line-height:1.2;letter-spacing:-.025em}
.mappai-skin .mp-card h3,.mappai-skin .pv-step h3,.mappai-skin .pv-udl h3,.mappai-skin .pv-moves h3,.mappai-skin .mp-review-actions h3{font-weight:750;letter-spacing:-.015em}
.mappai-skin .pv-step h3{font-size:24px;line-height:1.2}
.mappai-skin .pv-moves h3,.mappai-skin .mp-review-actions h3{font-size:18px}
.mappai-skin .pv-udl h3{font-size:18px}
.mappai-skin .mp-download h3{font-weight:800;font-size:28px;line-height:1.2;letter-spacing:-.025em}
.mappai-skin .mp-scaffold-examples h3{font-weight:800;font-size:26px;letter-spacing:-.02em}

/* ───────── frasi guida: leggere, con le parole chiave in grassetto ───────── */
.mappai-skin .mp-hero-copy{font-size:21px;font-weight:350;line-height:1.5;max-width:560px}
.mappai-skin .pv-lead,.mappai-skin .mp-intro{font-size:21px;font-weight:350;line-height:1.5;max-width:700px}
.mappai-skin .pv-lead strong,.mappai-skin .mp-hero-copy strong,.mappai-skin .mp-intro strong{font-weight:760;color:var(--mp-ink)}
.mappai-skin .mp-prose .mp-large{font-weight:800;font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-.035em}
.mappai-skin .mp-prose .mp-large::first-line{font-weight:300}

/* ───────── testo dentro schede, colonne, riquadri ───────── */
.mappai-skin .mp-prose p{font-size:17px}
.mappai-skin .pv-split p{font-size:16.5px}
.mappai-skin .mp-card p,.mappai-skin .pv-step p,.mappai-skin .pv-udl p,.mappai-skin .pv-moves p,.mappai-skin .mp-review-actions p{font-size:15.5px;line-height:1.55}
.mappai-skin .pv-udl p,.mappai-skin .mp-review-actions p{font-size:15px}
.mappai-skin .mp-scaffold-examples p{font-size:16px}
.mappai-skin .mp-download p{font-size:16px}
.mappai-skin .mp-note{font-size:15.5px;font-style:italic;font-weight:350}
.mappai-skin .mp-note strong{font-style:normal}
.mappai-skin .mp-details{font-size:15px}

/* ───────── didascalie: corsivo leggero, con la parte chiave in tondo ───────── */
.mappai-skin .mp-image figcaption,.mappai-skin .pv-shot figcaption{font-family:var(--at-text);font-style:italic;font-weight:350;font-size:15px;line-height:1.5;color:var(--mp-muted)}
.mappai-skin .pv-shot figcaption{color:var(--mp-ink)}
.mappai-skin .pv-shot figcaption small{font-style:italic;font-size:13.5px;color:var(--mp-muted);margin-top:2px}
.mappai-skin .mp-image figcaption strong,.mappai-skin .pv-shot figcaption strong{font-style:normal;font-weight:720;color:var(--mp-ink)}

/* ───────── paratesto: Mono, per etichette, numeri, comandi ───────── */
.mappai-skin .mp-eyebrow,.mappai-skin .mp-tab,.mappai-skin .mp-compare,.mappai-skin .mp-meta,
.mappai-skin .mp-button,.mappai-skin .mp-number,.mappai-skin .mp-windowbar,.mappai-skin .mp-hero-tags,
.mappai-skin .pv-step-tag,.mappai-skin .pv-n,.mappai-skin .pv-chips li,.mappai-skin .mp-scaffold-label,
.mappai-skin .mp-scaffold-examples small,.mappai-skin .mp-slide-controls button,.mappai-skin .mp-slide-count,
.mappai-skin .mp-details summary,.mappai-skin .mp-pipeline>div>span,.mappai-skin .mp-endnote,.mappai-skin .mp-text-link{font-family:var(--at-mono)}
.mappai-skin .mp-eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em}
.mappai-skin .mp-tab{font-size:13px;font-weight:700}
.mappai-skin .mp-compare{font-size:12px;font-weight:600}
.mappai-skin .mp-meta{font-size:12.5px;font-weight:500;letter-spacing:.02em}
.mappai-skin .mp-button{font-size:14px;font-weight:700}
.mappai-skin .mp-number{font-size:13px;font-weight:700}
.mappai-skin .mp-windowbar{font-size:12px;font-weight:600}
.mappai-skin .mp-windowbar>span:last-child{font-size:11px;font-weight:700;letter-spacing:.1em}
.mappai-skin .mp-hero-tags{font-size:12.5px;font-weight:600}
.mappai-skin .pv-step-tag{font-size:12px;font-weight:700;letter-spacing:.14em}
.mappai-skin .pv-n{font-size:12px;font-weight:700}
.mappai-skin .pv-chips li{font-size:13px;font-weight:600;letter-spacing:0}
.mappai-skin .mp-scaffold-label{font-size:12px;font-weight:700}
.mappai-skin .mp-scaffold-examples small{font-size:12px;font-weight:500}
.mappai-skin .mp-slide-controls button{font-size:14px;font-weight:700}
.mappai-skin .mp-slide-count{font-size:13px;font-weight:500}
.mappai-skin .mp-details summary{font-size:14px;font-weight:700}
.mappai-skin .mp-text-link{font-size:14px;font-weight:600}
.mappai-skin .mp-endnote{font-size:12px;font-weight:500}
.mappai-skin .mp-pipeline{font-size:15px}
.mappai-skin .mp-pipeline>div{font-size:16px}
.mappai-skin .mp-pipeline>div>span{font-size:12px;font-weight:700}
.mappai-skin .mp-pipeline>p:last-child{font-size:14.5px;font-weight:600}
.mappai-skin .mp-pipeline .mp-eyebrow{font-size:12px}

/* ───────── indice a pallini ───────── */
.mappai-skin .pv-dots .c{font-family:var(--at-mono);font-size:12px;font-weight:700}
.mappai-skin .pv-dots .t{font-family:var(--at-text);font-size:14px;font-weight:700;letter-spacing:-.005em}

@media(max-width:650px){
  .mappai-skin .mp-page{font-size:16px}
  .mappai-skin .mp-hero h1{font-size:46px}
  .mappai-skin .mp-hero-copy,.mappai-skin .pv-lead,.mappai-skin .mp-intro{font-size:18px}
  .mappai-skin .mp-page .section-title{font-size:30px}
  .mappai-skin .mp-prose p,.mappai-skin .pv-split p{font-size:16px}
}