/* Testate delle pagine di approfondimento (30/9): un fondo e un riquadro diversi per ogni pagina.
   Palette del manuale: #00FFCC menta (mai testo su chiaro), #0066FF, #2D3AE2 indaco, #1A1A1A, #F2F2F2. */
.hero-dati,.hero-ricerca,.hero-stampa,.hero-metodo,.hero-azienda{position:relative}
@media(min-width:1100px){
  .hero-dati,.hero-ricerca,.hero-stampa,.hero-metodo{padding-right:calc(max(32px,(100vw - 1260px)/2) + 420px)!important;min-height:420px}
  .hero-riquadro{position:absolute;right:max(32px,calc((100vw - 1260px)/2));top:50%;transform:translateY(-50%);width:380px}
}
.hero-riquadro{box-sizing:border-box;margin-top:32px;padding:24px 26px;border-radius:4px}
.hero-riquadro-titolo{display:block;margin-bottom:16px;font:500 12px/1.4 'Roboto Mono',monospace;letter-spacing:.12em}

/* Dati pubblici: fondo scuro, tre cifre. Selettori lunghi: le regole generali del titolo sono molto specifiche */
.hero-dati{background:#1A1A1A!important;color:#fff}
main.method-page header.method-hero.hero-dati h1,main.method-page header.method-hero.hero-dati h1.site-motion-hero,main.method-page header.method-hero.hero-dati h1 em{color:#fff!important}
html body main header.hero-dati p,html body main header.hero-dati .eyebrow,html body main header.hero-dati .breadcrumbs,html body main header.hero-dati .breadcrumbs a,html body main header.hero-dati .breadcrumbs span{color:#CFCFCF!important}
html body main header.hero-dati a:not(.hero-articolo){color:#fff!important;border-color:#5A5A5A!important;background:transparent!important}
html body main header.hero-dati a:not(.hero-articolo):hover{border-color:#00FFCC!important}
.hero-dati .hero-riquadro{background:#262626;border:1px solid #3A3A3A;border-top:3px solid #00FFCC}
.hero-dati .hero-riquadro-titolo{color:#00FFCC}
.hero-cifra{display:grid;gap:4px;padding:12px 0;border-top:1px solid #3A3A3A}
.hero-cifra:first-of-type{border-top:0;padding-top:0}
.hero-cifra b{color:#fff;font:900 30px/1.1 Roboto,Arial,sans-serif;letter-spacing:-.02em}
.hero-cifra span{color:#BDBDBD;font-size:14px;line-height:1.4}

/* Università: testata bianca, riquadro nero del marchio con i numeri in menta (niente blu accanto al pulsante menta) */
.hero-ricerca{background:#fff!important}
.hero-ricerca .hero-riquadro{background:#1A1A1A;color:#fff;border-radius:4px;border-left:4px solid #00FFCC}
.hero-ricerca .hero-riquadro-titolo{color:#00FFCC}
.hero-domande{margin:0;padding-left:24px;display:grid;gap:14px}
.hero-domande li{color:#fff;font:500 18px/1.4 Roboto,Arial,sans-serif}
.hero-domande li::marker{color:#00FFCC;font-weight:700}

/* Sala stampa: carta chiara, ultimi titoli come una prima pagina */
.hero-stampa{background:#F2F2F2!important}
.hero-stampa .hero-riquadro{background:#fff;border-top:4px double #1A1A1A;border-bottom:1px solid #1A1A1A;border-radius:0}
.hero-stampa .hero-riquadro-titolo{color:#1A1A1A}
.hero-articolo{display:grid;gap:4px;padding:12px 0;border-top:1px solid #D6D6D6;color:#1A1A1A;text-decoration:none}
.hero-articolo:first-of-type{border-top:0;padding-top:0}
.hero-articolo span{color:#2D3AE2;font:500 12px/1.4 'Roboto Mono',monospace;text-transform:uppercase;letter-spacing:.06em}
.hero-articolo b{font:700 17px/1.35 Roboto,Arial,sans-serif}
.hero-articolo:hover b{text-decoration:underline;text-underline-offset:3px}

/* Metodo: bianco, percorso del dato in quattro passaggi */
.hero-metodo .hero-riquadro{background:#fff;border:1px solid #E2E2E2}
.hero-metodo .hero-riquadro-titolo{color:#1A1A1A}
.hero-passi{margin:0;padding:0;list-style:none;counter-reset:passo;display:grid;gap:0}
.hero-passi li{counter-increment:passo;position:relative;display:grid;gap:2px;padding:0 0 16px 44px}
.hero-passi li:before{content:counter(passo);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:#1A1A1A;color:#00FFCC;display:grid;place-items:center;font:700 13px/1 'Roboto Mono',monospace}
.hero-passi li:not(:last-child):after{content:"";position:absolute;left:13px;top:30px;bottom:2px;width:2px;background:#E2E2E2}
.hero-passi b{color:#1A1A1A;font:700 16px/1.3 Roboto,Arial,sans-serif;padding-top:4px}
.hero-passi span{color:#555;font-size:14px;line-height:1.45}

/* Chi siamo: fondo grigio chiaro del manuale */
.hero-azienda{background:#F2F2F2!important}

/* Dati pubblici: il blocco scuro ha margini interni suoi (la testata del metodo non ne ha), titolo più contenuto, cifre in alto */
main.method-page header.method-hero.hero-dati{padding:64px 56px 64px 72px!important;border-radius:4px}
main.method-page header.method-hero.hero-dati h1{font-size:clamp(40px,4.6vw,62px)!important;line-height:1.05!important}
main.method-page header.method-hero.hero-dati::before{left:34px!important;top:60px!important}
@media(min-width:1100px){
  main.method-page header.method-hero.hero-dati{padding-right:calc(56px + 420px)!important}
  main.method-page header.method-hero.hero-dati .hero-riquadro{top:64px;right:56px;transform:none}
}
@media(max-width:700px){main.method-page header.method-hero.hero-dati{padding:40px 22px 44px 34px!important}}