/* Commercialista — struttura «registro» (03/10/2026). Solo questa pagina: <main data-layout="registro">.
   Stessa linea della home (token di style.css, Lato, archi, piastrelle, segni, grana e trama sulle superfici
   scure), struttura diversa: hero diviso 50/50 su carta da registro, servizi come righe di un libro contabile,
   pratiche su due colonne, banda grafite con le due aree unite da una linea, «Chi firma» come citazione,
   domande in schede, contatti come scheda chiara con bordo.
   Nessuna classe nuova: solo le classi della home, l'attributo data-layout, gli id e selettori di struttura.
   Gli stati nascosti restano quelli di style.css (sotto .js e «no-preference»): qui niente si nasconde. */

main[data-layout=registro]{--rigo:rgba(41,47,52,.055)}

/* ═══════════════ HERO: carta da registro a sinistra, foto nell'arco a destra ═══════════════ */
main[data-layout=registro] .hero__scheda{background:var(--pietra-chiara);color:var(--inchiostro);box-shadow:inset 0 0 0 1px rgba(41,47,52,.06)}
main[data-layout=registro] .hero__testo{background:none;padding:30px 20px 26px 36px}
main[data-layout=registro] .hero__testo::before{display:none}
/* filetti da registro: il margine doppio e le righe */
main[data-layout=registro] .hero__testo::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;animation:none;
  background:linear-gradient(90deg,transparent 15px,var(--pietra-linea) 15px 16px,transparent 16px 19px,var(--pietra-linea) 19px 20px,transparent 20px),
    repeating-linear-gradient(180deg,transparent 0 31px,var(--rigo) 31px 32px)}
main[data-layout=registro] .hero .occhiello{color:#686D73}
main[data-layout=registro] .hero__titolo{font-size:28px;line-height:1.08;color:var(--inchiostro)}
main[data-layout=registro] .hero__sotto{font-size:18px;color:var(--testo)}
main[data-layout=registro] .hero__scheda :focus-visible{outline-color:var(--grafite);box-shadow:0 0 0 5px rgba(220,215,207,.6)}
main[data-layout=registro] .bottone--bordo{border-color:var(--grafite-medio);color:var(--grafite-medio)}
main[data-layout=registro] .bottone--bordo::before{background:rgba(41,47,52,.06)}
main[data-layout=registro] .hero__foto{position:relative;z-index:2;display:block;margin:0 12px 12px;overflow:hidden;overflow:clip;border-radius:50% 50% 12px 12px/24% 24% 12px 12px}
main[data-layout=registro] .hero__foto img{aspect-ratio:1/1.02}
main[data-layout=registro] .hero__foto::after{content:"";position:absolute;inset:10px;z-index:1;border:1px solid rgba(255,255,255,.6);border-radius:inherit;pointer-events:none}
main[data-layout=registro] .hero__scheda>svg[data-segno]{z-index:3;right:20px;bottom:24px;width:64px;color:var(--bianco);--intensita:.22}

/* ═══════════════ SERVIZI: righe di un libro contabile ═══════════════ */
main[data-layout=registro] .servizi__griglia{display:block;margin-top:0;border-top:3px double var(--pietra-linea);border-bottom:3px double var(--pietra-linea)}
main[data-layout=registro] .servizi__griglia>.scheda{display:grid;grid-template-columns:minmax(0,1fr) 96px;grid-template-rows:auto auto auto auto;column-gap:18px;align-items:start;padding:24px 4px 26px;background-color:transparent;border-radius:0;box-shadow:none}
main[data-layout=registro] .servizi__griglia>.scheda+.scheda{border-top:1px solid var(--filetto)}
main[data-layout=registro] .scheda .scheda__testo{display:contents}
main[data-layout=registro] .scheda .numero{grid-column:1;grid-row:1;align-self:end}
main[data-layout=registro] .scheda .scheda__titolo{grid-column:1;grid-row:2;margin-top:10px;font-size:23px}
main[data-layout=registro] .scheda .scheda__sotto{grid-column:1/-1;grid-row:3;margin-top:14px}
main[data-layout=registro] .scheda .scheda__voci{grid-column:1/-1;grid-row:4;margin-top:10px}
main[data-layout=registro] .scheda .scheda__voci li{padding:7px 0;border-bottom:1px dashed var(--filetto)}
main[data-layout=registro] .scheda .scheda__voci li+li{margin-top:0}
main[data-layout=registro] .scheda .scheda__voci li:last-child{border-bottom:0;padding-bottom:0}
/* foto piccola o piastrella dell'icona: una finestra ad arco ribassato, come nello studio */
main[data-layout=registro] .scheda .scheda__foto,
main[data-layout=registro] .scheda .scheda__testo>svg:not([data-segno]){grid-column:2;grid-row:1/3;align-self:start;width:96px;height:112px;border-radius:50% 50% 8px 8px/28% 28% 8px 8px}
main[data-layout=registro] .scheda .scheda__foto img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
main[data-layout=registro] .scheda .scheda__testo>svg:not([data-segno]){margin:0;padding:34px 26px 30px;background-color:var(--piastrella);box-shadow:inset 0 0 0 1px rgba(41,47,52,.05);stroke-width:1.1}
main[data-layout=registro] .scheda .scheda__testo>svg[data-segno]{display:none}

/* ═══════════════ PRATICHE: titolo grande, testo su due colonne ═══════════════ */
main[data-layout=registro] #pratiche .servizi__titolo{font-size:27px}
main[data-layout=registro] #pratiche .servizi__intro p+p{margin-top:14px;padding-top:14px;border-top:1px solid var(--filetto)}

/* ═══════════════ STESSA SOCIETÀ: banda grafite, due aree unite da una linea ═══════════════ */
main[data-layout=registro] #stessa-societa{position:relative;isolation:isolate;overflow:hidden;overflow:clip;margin-top:56px;padding:48px 16px 46px;background:var(--grana) 0 0/160px,linear-gradient(180deg,var(--grafite),var(--notte));color:var(--bianco)}
main[data-layout=registro] #stessa-societa::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--trama-p) 0 0/120px}
main[data-layout=registro] #stessa-societa .servizi__testa{position:relative}
main[data-layout=registro] #stessa-societa .servizi__titolo{color:#FAFAFA}
main[data-layout=registro] #stessa-societa .servizi__intro{color:var(--chiaro)}
main[data-layout=registro] #stessa-societa :focus-visible{outline-color:var(--pietra);box-shadow:0 0 0 5px rgba(220,215,207,.22)}
main[data-layout=registro] #stessa-societa .ambiti{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 0;padding:0;background:none;border-radius:0;box-shadow:none}
main[data-layout=registro] #stessa-societa .ambiti li+li{border-top:0}
main[data-layout=registro] #stessa-societa .ambiti__voce{flex-direction:column;align-items:center;gap:12px;padding:0 6px;text-align:center;color:#F4F5F6}
main[data-layout=registro] #stessa-societa .ambiti__voce svg{width:64px;height:64px;padding:15px;box-shadow:0 0 0 1px rgba(220,215,207,.35)}
main[data-layout=registro] #stessa-societa .ambiti__voce strong{font-size:16.5px;color:#F4F5F6}
/* la linea che unisce le due icone, col nodo pietra a metà */
main[data-layout=registro] #stessa-societa .ambiti li+li::before{content:"";position:absolute;left:auto;right:calc(50% + 44px);top:32px;width:calc(100% - 88px);height:1px;margin:0;background:var(--pietra);transform-origin:left center}
main[data-layout=registro] #stessa-societa .ambiti li+li::after{content:"";position:absolute;left:-4px;top:28px;width:9px;height:9px;border-radius:50%;background:var(--pietra);box-shadow:0 0 0 4px rgba(220,215,207,.14)}

/* ═══════════════ CHI FIRMA: citazione centrata, il segno della firma sotto ═══════════════ */
main[data-layout=registro] #chi-firma{display:block;margin:0 12px;padding:52px 8px 92px;background:none;border-radius:0;text-align:center}
main[data-layout=registro] #chi-firma .domande__testa{padding:0}
main[data-layout=registro] #chi-firma .domande__titolo{margin:0;font-size:13px;line-height:1.2;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#686D73}
main[data-layout=registro] #chi-firma .domande__lista{display:block;margin-top:18px}
main[data-layout=registro] #chi-firma .domande__lista>p:first-child{font-size:20px;line-height:1.4;font-weight:300;color:var(--inchiostro);letter-spacing:-.005em}
main[data-layout=registro] #chi-firma .domande__lista>p+p{margin-top:16px;font-size:16px;line-height:1.5;color:var(--testo-tenue)}
main[data-layout=registro] #chi-firma>svg[data-segno="firma"]{top:auto;right:auto;left:calc(50% - 22px);bottom:30px;width:44px;--intensita:.3}

/* ═══════════════ DOMANDE: schede, il titolo nella prima casella ═══════════════ */
main[data-layout=registro] #domande{display:block;margin:0 12px;padding:0;background:none;border-radius:0;overflow:visible}
main[data-layout=registro] #domande::before{display:none}
main[data-layout=registro] #domande .domande__lista{display:grid;gap:10px}
main[data-layout=registro] #domande .domande__testa{padding:0 4px 8px}
main[data-layout=registro] #domande .domande__titolo{margin:0}
main[data-layout=registro] #domande .domanda{border-radius:12px;background:var(--superficie);box-shadow:inset 0 0 0 1px var(--filetto)}
main[data-layout=registro] #domande .domanda.aperta{background:var(--bianco);box-shadow:inset 0 0 0 1px var(--filetto),var(--ombra-scheda)}
main[data-layout=registro] #domande .domanda__btn{align-items:flex-start;padding:16px 16px 14px 18px;font-weight:700;color:var(--inchiostro)}
main[data-layout=registro] #domande .domanda__piu{margin-top:1px}
main[data-layout=registro] #domande .domanda__risposta{padding:0 18px 18px}

/* ═══════════════ CONTATTI: scheda chiara con bordo ═══════════════ */
main[data-layout=registro] .contatto{margin:44px 12px 0;padding:28px 20px 26px;background:var(--bianco);border:1px solid var(--filetto);color:var(--inchiostro);box-shadow:0 1px 2px rgba(36,39,43,.04)}
main[data-layout=registro] .contatto::before,main[data-layout=registro] .contatto::after,main[data-layout=registro] .contatto__sx::after{display:none}
main[data-layout=registro] .contatto__titolo{color:var(--inchiostro)}
main[data-layout=registro] .contatto__sotto{color:var(--testo)}
main[data-layout=registro] .contatto__dx::before{background:var(--filetto)}
main[data-layout=registro] .contatto__riga,main[data-layout=registro] .contatto__riga:hover,main[data-layout=registro] .contatto__sede svg{color:var(--inchiostro)}
main[data-layout=registro] .contatto .ico-pin circle{fill:var(--bianco);stroke:var(--bianco)}
main[data-layout=registro] .contatto :focus-visible{outline-color:var(--grafite);box-shadow:0 0 0 5px rgba(220,215,207,.6)}
main[data-layout=registro] .contatto__tel{min-height:46px}

/* ═══════════════ DA 768 PX ═══════════════ */
@media (min-width:768px){
  /* hero 50/50 (con «.hero» davanti: le regole delle interne in style.css usano .hero:not(:has(.ambiti))) */
  main[data-layout=registro] .hero{max-width:calc(752 * var(--c));margin:calc(14 * var(--k)) auto 0}
  main[data-layout=registro] .hero__scheda{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;min-height:clamp(460px,calc(100svh - 150 * var(--k)),calc(640 * var(--k)))}
  main[data-layout=registro] .hero .hero__scheda::before{display:none}
  main[data-layout=registro] .hero .hero__scheda::after{inset:0 50% 0 0;z-index:0;animation:none;-webkit-mask-image:none;mask-image:none;
    background:linear-gradient(90deg,transparent calc(40 * var(--k)),var(--pietra-linea) calc(40 * var(--k)) calc(40 * var(--k) + 1px),transparent calc(40 * var(--k) + 1px) calc(45 * var(--k)),var(--pietra-linea) calc(45 * var(--k)) calc(45 * var(--k) + 1px),transparent calc(45 * var(--k) + 1px)),
      repeating-linear-gradient(180deg,transparent 0 calc(44 * var(--k) - 1px),var(--rigo) calc(44 * var(--k) - 1px) calc(44 * var(--k)))}
  main[data-layout=registro] .hero .hero__testo{align-self:center;max-width:none;padding:calc(56 * var(--k)) calc(44 * var(--k)) calc(60 * var(--k)) calc(88 * var(--k))}
  main[data-layout=registro] .hero__testo::after{display:none}
  main[data-layout=registro] .hero .occhiello{color:#686D73}
  main[data-layout=registro] .hero .hero__titolo{max-width:calc(560 * var(--k));font-size:max(36px,calc(56 * var(--k)));line-height:1.03}
  main[data-layout=registro] .hero__sotto{max-width:calc(500 * var(--k));margin-top:calc(22 * var(--k));font-size:max(17px,calc(20 * var(--k)))}
  main[data-layout=registro] .hero__azioni{margin-top:calc(32 * var(--k))}
  main[data-layout=registro] .hero__foto{margin:calc(16 * var(--k)) calc(16 * var(--k)) calc(16 * var(--k)) 0;border-radius:50% 50% calc(12 * var(--k)) calc(12 * var(--k))/32% 32% calc(12 * var(--k)) calc(12 * var(--k))}
  main[data-layout=registro] .hero__foto::after{inset:calc(14 * var(--k))}
  main[data-layout=registro] .hero__scheda>svg[data-segno]{z-index:3;left:auto;right:calc(44 * var(--k));bottom:calc(40 * var(--k));width:calc(96 * var(--k));color:var(--bianco);--intensita:.28}

  /* il libro contabile: numero | titolo e frase | voci | finestra; filetti verticali di colonna */
  main[data-layout=registro] .servizi{padding-top:calc(72 * var(--k))}
  main[data-layout=registro] .servizi__griglia>.scheda{--col1:calc(124 * var(--k));--col4:calc(188 * var(--k));--gap:calc(44 * var(--k));--lato:calc(18 * var(--c));
    grid-template-columns:var(--col1) minmax(0,1.1fr) minmax(0,1fr) var(--col4);grid-template-rows:auto 1fr;column-gap:var(--gap);padding:calc(34 * var(--k)) var(--lato);
    background:linear-gradient(var(--filetto),var(--filetto)) calc(var(--lato) + var(--col1) + var(--gap) / 2) 0/1px 100% no-repeat,
      linear-gradient(var(--filetto),var(--filetto)) calc(100% - var(--lato) - var(--col4) - var(--gap) / 2) 0/1px 100% no-repeat;
    transition:background-color .4s var(--e-morbida)}
  main[data-layout=registro] .scheda .numero{grid-column:1;grid-row:1/3;align-self:start;font-size:max(34px,calc(52 * var(--k)))}
  main[data-layout=registro] .scheda .numero__linea{width:calc(26 * var(--k));margin-left:calc(12 * var(--k))}
  main[data-layout=registro] .scheda .scheda__titolo{grid-column:2;grid-row:1;margin-top:calc(4 * var(--k));font-size:max(22px,calc(30 * var(--k)))}
  main[data-layout=registro] .scheda .scheda__sotto{grid-column:2;grid-row:2;margin-top:calc(12 * var(--k));font-size:max(15.5px,calc(18 * var(--k)));line-height:1.5}
  main[data-layout=registro] .scheda .scheda__voci{grid-column:3;grid-row:1/3;margin-top:calc(2 * var(--k));font-size:max(15px,calc(17 * var(--k)))}
  main[data-layout=registro] .scheda .scheda__voci li{padding:calc(10 * var(--k)) 0}
  main[data-layout=registro] .scheda .scheda__voci li:first-child{padding-top:0}
  main[data-layout=registro] .scheda .scheda__foto,
  main[data-layout=registro] .scheda .scheda__testo>svg:not([data-segno]){grid-column:4;grid-row:1/3;width:100%;height:calc(200 * var(--k));border-radius:50% 50% calc(10 * var(--k)) calc(10 * var(--k))/30% 30% calc(10 * var(--k)) calc(10 * var(--k))}
  main[data-layout=registro] .scheda .scheda__testo>svg:not([data-segno]){padding:calc(62 * var(--k)) calc(54 * var(--k)) calc(56 * var(--k));stroke-width:.9}
  main[data-layout=registro] .servizi__griglia>.scheda:hover{transform:none;box-shadow:none;background-color:rgba(243,242,239,.75)}

  /* pratiche: titolo a sinistra, due colonne di testo a destra */
  main[data-layout=registro] #pratiche{padding-top:calc(104 * var(--k))}
  main[data-layout=registro] #pratiche .servizi__testa{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:calc(56 * var(--k))}
  main[data-layout=registro] #pratiche .servizi__titolo{margin:0;max-width:none;font-size:max(34px,calc(50 * var(--k)));line-height:1.05}
  main[data-layout=registro] #pratiche .servizi__intro{display:grid;grid-template-columns:1fr 1fr;width:auto;margin:calc(8 * var(--k)) 0 0;font-size:max(16px,calc(18 * var(--k)));line-height:1.6;border-top:3px double var(--pietra-linea);padding-top:calc(22 * var(--k))}
  main[data-layout=registro] #pratiche .servizi__intro p:first-child{padding-right:calc(32 * var(--k))}
  main[data-layout=registro] #pratiche .servizi__intro p+p{margin:0;padding:0 0 0 calc(32 * var(--k));border-top:0;border-left:1px solid var(--filetto)}

  /* banda grafite a tutta larghezza: testo a sinistra, le due aree unite a destra */
  main[data-layout=registro] #stessa-societa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:calc(72 * var(--k));max-width:none;margin:calc(104 * var(--k)) 0 0;
    padding:calc(84 * var(--k)) calc((100% - 752 * var(--c)) / 2 + 18 * var(--c))}
  main[data-layout=registro] #stessa-societa .servizi__testa{display:block;padding:0}
  main[data-layout=registro] #stessa-societa .servizi__titolo{margin:0;max-width:none;font-size:max(32px,calc(46 * var(--k)))}
  main[data-layout=registro] #stessa-societa .servizi__intro{width:auto;max-width:calc(540 * var(--k));margin:calc(20 * var(--k)) 0 0}
  main[data-layout=registro] #stessa-societa .ambiti{grid-template-columns:1fr 1fr;width:auto;height:auto;margin:0;padding:0;row-gap:0}
  main[data-layout=registro] #stessa-societa .ambiti li{height:auto}
  main[data-layout=registro] #stessa-societa .ambiti__voce{height:auto;justify-content:flex-start;gap:calc(18 * var(--k));padding:0 calc(12 * var(--k))}
  main[data-layout=registro] #stessa-societa .ambiti svg{width:calc(92 * var(--k));height:calc(92 * var(--k));padding:calc(22 * var(--k))}
  main[data-layout=registro] #stessa-societa .ambiti__voce strong{font-size:max(16px,calc(20 * var(--k)))}
  main[data-layout=registro] #stessa-societa .ambiti li+li::before{top:calc(46 * var(--k));right:calc(50% + 46 * var(--k) + 14px);width:calc(100% - 92 * var(--k) - 28px);height:1px;margin-top:0;background:var(--pietra)}
  main[data-layout=registro] #stessa-societa .ambiti li+li::after{top:calc(46 * var(--k) - 4px)}

  /* chi firma */
  main[data-layout=registro] #chi-firma{max-width:calc(880 * var(--k));margin:0 auto;padding:calc(96 * var(--k)) 0 calc(128 * var(--k))}
  main[data-layout=registro] #chi-firma .domande__titolo{font-size:max(12px,calc(13 * var(--k)));letter-spacing:.18em}
  main[data-layout=registro] #chi-firma .domande__lista{margin-top:calc(24 * var(--k))}
  main[data-layout=registro] #chi-firma .domande__lista>p:first-child{font-size:max(22px,calc(36 * var(--k)));line-height:1.32}
  main[data-layout=registro] #chi-firma .domande__lista>p+p{margin-top:calc(22 * var(--k));font-size:max(16px,calc(19 * var(--k)))}
  main[data-layout=registro] #chi-firma>svg[data-segno="firma"]{left:calc(50% - 30 * var(--k));bottom:calc(40 * var(--k));width:calc(60 * var(--k))}

  /* domande: griglia di schede, due per riga */
  main[data-layout=registro] #domande{max-width:calc(752 * var(--c));margin:0 auto;padding:0}
  main[data-layout=registro] #domande .domande__lista{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(16 * var(--k))}
  main[data-layout=registro] #domande .domande__testa{padding:calc(18 * var(--k)) calc(18 * var(--c)) 0;border-top:3px double var(--pietra-linea)}
  main[data-layout=registro] #domande .domande__titolo{font-size:max(34px,calc(52 * var(--k)))}
  main[data-layout=registro] #domande .domanda{display:flex;flex-direction:column;min-height:calc(170 * var(--k));border-radius:calc(14 * var(--k))}
  main[data-layout=registro] #domande .domanda__btn{height:auto;min-height:0;padding:calc(28 * var(--k)) calc(26 * var(--k)) calc(12 * var(--k)) calc(30 * var(--k));font-size:max(17px,calc(21 * var(--k)));line-height:1.3}
  main[data-layout=registro] #domande .domanda__piu{width:calc(22 * var(--k));height:calc(22 * var(--k))}
  main[data-layout=registro] #domande .domanda__risposta{margin-top:0;padding:0 calc(30 * var(--k)) calc(28 * var(--k));font-size:max(15px,calc(17 * var(--k)))}
  main[data-layout=registro] #domande .domanda::before{inset:calc(22 * var(--k)) auto calc(22 * var(--k)) 0}

  /* contatti: una riga di registro (titolo | pulsanti) e, sotto il filetto, frase | telefono | sede */
  main[data-layout=registro] .contatto{max-width:calc(752 * var(--c));grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.8fr);grid-template-rows:auto 1px auto;row-gap:calc(30 * var(--k));align-items:center;margin:calc(64 * var(--k)) auto calc(24 * var(--k));padding:calc(42 * var(--k)) calc(36 * var(--k)) calc(40 * var(--k));background:var(--bianco)}
  main[data-layout=registro] .contatto::before{content:"";display:block;position:static;inset:auto;grid-column:1/-1;grid-row:2;height:1px;background:var(--filetto);animation:none;translate:none}
  main[data-layout=registro] .contatto__sx,main[data-layout=registro] .contatto__dx{display:contents}
  main[data-layout=registro] .contatto__titolo{grid-column:1;grid-row:1}
  main[data-layout=registro] .contatto__azioni{grid-column:2/4;grid-row:1;justify-content:flex-end}
  main[data-layout=registro] .contatto__sotto{grid-column:1;grid-row:3;align-self:start;margin:0;padding-right:calc(36 * var(--k));font-size:max(16px,calc(18 * var(--k)))}
  main[data-layout=registro] .contatto__tel,main[data-layout=registro] .contatto__sede{align-self:stretch;align-items:center;margin:0;padding-left:calc(32 * var(--k));border-left:1px solid var(--filetto)}
  main[data-layout=registro] .contatto__tel{grid-column:2;grid-row:3;background-position:calc(32 * var(--k) + 40 * var(--k)) 100%}
  main[data-layout=registro] .contatto__tel:hover{background-size:calc(100% - 72 * var(--k)) 1px}
  main[data-layout=registro] .contatto__tel::before,main[data-layout=registro] .contatto__tel::after{left:calc(32 * var(--k))}
  main[data-layout=registro] .contatto__sede{grid-column:3;grid-row:3}
}

/* fra 768 e 1023 px: il registro e la banda tornano su meno colonne */
@media (min-width:768px) and (max-width:1023px){
  main[data-layout=registro] .hero .hero__scheda{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  main[data-layout=registro] .hero .hero__scheda::after{right:calc(100% / 2.2)}
  main[data-layout=registro] .hero .hero__testo{padding-left:calc(72 * var(--k));padding-right:calc(24 * var(--k))}
  main[data-layout=registro] .hero .hero__titolo{font-size:34px}
  main[data-layout=registro] .servizi__griglia>.scheda{--col1:calc(96 * var(--k));--col4:calc(150 * var(--k));grid-template-columns:var(--col1) minmax(0,1fr) var(--col4);grid-template-rows:auto auto auto;
    background:linear-gradient(var(--filetto),var(--filetto)) calc(var(--lato) + var(--col1) + var(--gap) / 2) 0/1px 100% no-repeat}
  main[data-layout=registro] .scheda .numero{grid-row:1/4}
  main[data-layout=registro] .scheda .scheda__voci{grid-column:2;grid-row:3;margin-top:calc(16 * var(--k))}
  main[data-layout=registro] .scheda .scheda__foto,
  main[data-layout=registro] .scheda .scheda__testo>svg:not([data-segno]){grid-column:3;grid-row:1/4;height:calc(180 * var(--k))}
  main[data-layout=registro] #pratiche .servizi__testa{grid-template-columns:1fr;gap:calc(28 * var(--k))}
  main[data-layout=registro] #stessa-societa{grid-template-columns:1fr;gap:calc(48 * var(--k))}
  main[data-layout=registro] .contatto{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1px auto}
  main[data-layout=registro] .contatto__titolo{grid-column:1/-1}
  main[data-layout=registro] .contatto__azioni{grid-column:1/-1;grid-row:2;justify-content:flex-start}
  main[data-layout=registro] .contatto::before{grid-row:3}
  main[data-layout=registro] .contatto__sotto{grid-column:1/-1;grid-row:4}
  main[data-layout=registro] .contatto__tel{grid-column:1;grid-row:5;padding-left:0;border-left:0}
  main[data-layout=registro] .contatto__tel::before,main[data-layout=registro] .contatto__tel::after{left:0}
  main[data-layout=registro] .contatto__tel{background-position:calc(40 * var(--k)) 100%}
  main[data-layout=registro] .contatto__sede{grid-column:2;grid-row:5}
}

/* movimento (solo con JS e senza «riduci movimento»): la linea fra le due aree si allunga da sinistra */
@media (prefers-reduced-motion:no-preference){
  .js main[data-layout=registro] #stessa-societa>.ambiti[data-reveal]:not(.in) li+li::before{scale:0 1}
  .js main[data-layout=registro] #stessa-societa>.ambiti[data-reveal].in li+li::before{animation:linea-x .9s var(--e-tratto) .25s backwards}
  .js main[data-layout=registro] #stessa-societa>.ambiti[data-reveal]:not(.in) li+li::after{scale:0}
  .js main[data-layout=registro] #stessa-societa>.ambiti[data-reveal].in li+li::after{animation:cerchio-in .5s var(--e-posa) .7s backwards}
  .js main[data-layout=registro] .servizi__griglia>.scheda.reveal:not(.in){translate:0 calc(var(--d-scheda) / 2)}
}

/* collaudo 03/10 sera: correzioni */
/* 3 · da telefono il testo lungo del pulsante non tocca i bordi */
@media (max-width:767px){ main[data-layout=registro] .hero__azioni .bottone{padding-inline:18px} }
/* 5 · le domande chiuse non lasciano spazio vuoto sotto */
@media (min-width:768px){ main[data-layout=registro] #domande .domanda{min-height:0} }