/* ZOKKU download page only (loaded after site.css by download.html).
   Order: title and index, what you get (salvia), system, Install and play (night, site.css), trial and licence,
   beta (night, drawn from data/beta.js), versions, questions. Phone first; the 12-column grid from 900 px. */

/* ---------- Title and the index of the page ---------- */
.dl-testa .azioni{gap:12px 16px}
.dl-indice{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.dl-indice a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--r-s);background:var(--tile);font-size:var(--s-small);font-weight:500;text-decoration:none;transition:background-color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}
.dl-indice a:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.dl-indice a:hover{background:var(--tile-2)}}

/* sections share one rhythm */
.dl-pacchetto,.dl-req,.dl-licenza,.dl-beta,.dl-versioni{padding-block:clamp(56px,8vw,112px)}
.dl-pacchetto h2,.dl-req h2,.dl-licenza h2,.dl-beta h2,.dl-versioni h2{font-size:var(--s-head)}
.dl-pacchetto .griglia,.dl-licenza .griglia,.dl-beta .griglia,.dl-versioni .griglia{row-gap:36px}

/* ---------- What you get ---------- */
.dl-pacchetto{background:var(--house);color:var(--house-fg)}
.dl-hub{grid-column:1 / -1}
.dl-plugin{grid-column:1 / -1}
.dl-hub-riga{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start;margin-top:28px}
.dl-hub-icona{color:var(--house-fg)}
.dl-hub-icona svg{width:64px;height:auto}
.dl-hub-riga h3{font-size:var(--s-lead);line-height:1.15}
.dl-hub-riga p{margin-top:6px;max-width:44ch;line-height:1.45}
.dl-punti{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent)}
.dl-punti b{display:block;font-weight:500}
.dl-punti span{display:block;margin-top:2px;font-size:var(--s-small);line-height:1.45;color:color-mix(in srgb,var(--house-fg) 82%,var(--house))}
.dl-formati{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.dl-formati li{display:grid;gap:0;padding:10px 16px 11px;border-radius:var(--r-s);background:var(--house-fg);color:var(--house);min-width:96px}
.dl-formati b{font-family:var(--mono);font-weight:500;font-size:17px;letter-spacing:0}
.dl-formati span{font-size:var(--s-xs);line-height:1.3}
.dl-formati li.dopo{background:transparent;color:var(--house-fg);box-shadow:inset 0 0 0 1.5px currentColor;outline:0}
@media (min-width:600px){.dl-punti{grid-template-columns:1fr 1fr}}
.dl-plugin-testa{font-size:var(--s-lead);line-height:1.3;font-weight:500;max-width:30ch}
.dl-gruppi.app-gruppi{grid-template-columns:minmax(0,1fr)}
@media (min-width:601px){.dl-gruppi .app-instruments .app-griglia{--colonne:6}}
.dl-gruppi.app-gruppi{margin-top:28px}
@media (min-width:900px){
  .dl-hub{grid-column:1 / span 5}
  .dl-plugin{grid-column:7 / span 6;padding-top:12px}
  .dl-punti{gap:20px 28px}
}

/* ---------- System requirements, per OS ---------- */
.dl-req .griglia{row-gap:28px}
.dl-req h2{grid-column:1 / -1}
.dl-os{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.dl-os-col{background:var(--tile);border-radius:var(--r-m);padding:24px 22px 26px}
.dl-os-col h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:var(--s-lead);line-height:1.2;margin-bottom:18px}
.dl-os-col.dopo{background:transparent;box-shadow:inset 0 0 0 1px var(--tile-2)}
.dl-req dl{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 24px}
.dl-req dt{font-weight:500;margin-top:12px}
.dl-req dt:first-child{margin-top:0}
.dl-req dd{color:var(--fg-2);line-height:1.5}
@media (min-width:600px){.dl-req dl{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);row-gap:14px}.dl-req dt{margin-top:0}}
@media (min-width:900px){.dl-req h2{grid-column:1 / span 4}.dl-os{grid-column:5 / span 8;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start}}

/* ---------- Trial and licence: four moments, in order ---------- */
.dl-lic-testa{grid-column:1 / -1}
.dl-lic-testa p{margin-top:12px;font-size:var(--s-lead);line-height:1.35;color:var(--fg-2)}
.dl-tempo{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:0;counter-reset:t}
.dl-tempo li{position:relative;padding:20px 0 22px 44px;border-top:1px solid var(--tile-2);counter-increment:t}
.dl-tempo li::before{content:counter(t);position:absolute;left:0;top:19px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:14px;font-weight:500;background:var(--fg);color:var(--bg)}
.dl-tempo h3{font-size:var(--s-lead);line-height:1.2}
.dl-tempo p{margin-top:8px;color:var(--fg-2);max-width:52ch;line-height:1.5}
.dl-lic-note{grid-column:1 / -1;display:grid;gap:10px;padding:20px 22px;border-radius:var(--r-m);background:var(--tile)}
.dl-lic-note li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;line-height:1.45}
@media (min-width:900px){
  .dl-lic-testa{grid-column:1 / span 4}
  .dl-tempo{grid-column:5 / span 8;grid-template-columns:1fr 1fr;column-gap:var(--gap)}
  .dl-lic-note{grid-column:5 / span 8}
}

/* ---------- Beta: one file (data/beta.js) decides; closed shows the disabled buttons ---------- */
.dl-beta{background:var(--zk-notte);color:#F6F6F5;--btn-bg:#F6F6F5;--btn-fg:var(--zk-notte);--fg-2:#CFCFCA;--tile:#1D1D1C;--tile-2:#2C2C2A}
.dl-beta ::selection{background:var(--zk-salvia);color:var(--zk-inchiostro)}
.bt-testa{grid-column:1 / -1}
.bt-intro{margin-top:12px;font-size:var(--s-lead);line-height:1.35;color:var(--fg-2);max-width:34ch}
.bt-build{margin-top:10px;font-family:var(--mono);font-size:var(--s-small);color:var(--fg-2)}
.bt-corpo{grid-column:1 / -1;display:grid;gap:28px;align-content:start}
.bt-chiuso{color:var(--fg-2)}
.bt-pannello{background:var(--tile);border-radius:var(--r-m);padding:20px;box-shadow:inset 0 0 0 1px var(--tile-2)}
.bt-riga{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px 16px;align-items:center}
.bt-icona svg{width:48px;height:auto;color:#F6F6F5}
.bt-nome h3{font-size:var(--s-lead);line-height:1.15;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.bt-nome h3 .mono{font-size:.7em;color:var(--fg-2)}
.bt-nome p{margin-top:2px;font-size:var(--s-small);color:var(--fg-2)}
.bt-azione{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:10px}
.bt-scarica{min-width:200px}
.bt-scarica:disabled{background:transparent;color:var(--fg-2);box-shadow:inset 0 0 0 1.5px var(--tile-2);cursor:not-allowed;transform:none}
.bt-nota{margin-top:16px;padding-top:14px;border-top:1px solid var(--tile-2);font-size:var(--s-small);line-height:1.5;color:var(--fg-2);max-width:60ch}
.bt-sha-riga{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--tile-2)}
.bt-etichetta{grid-column:1 / -1;font-size:var(--s-xs);font-weight:500;color:var(--fg-2)}
.bt-sha{font-family:var(--mono);font-size:13px;line-height:1.5;overflow-wrap:anywhere;word-break:break-all;color:#F6F6F5;user-select:all}
.bt-copia{min-height:44px;min-width:72px;padding:0 14px;border-radius:var(--r-s);font-size:15px;font-weight:500;box-shadow:inset 0 0 0 1px var(--tile-2);transition:transform var(--t-press) var(--ease-out),background-color var(--t-hover) ease}
.bt-copia:active{transform:scale(.96)}
@media (hover:hover) and (pointer:fine){.bt-copia:hover{background:var(--tile-2)}}
.bt-sotto{font-size:var(--s-lead);line-height:1.2;margin-bottom:12px}
.bt-lista{display:grid;gap:8px}
.bt-lista > li{background:var(--tile);border-radius:var(--r-m);padding:16px 20px;--lg-ink:#F6F6F5}
.bt-lista .bt-riga{grid-template-columns:minmax(0,1fr) auto}
.bt-logo svg{height:28px;width:auto}
.bt-dati{display:flex;gap:12px;font-size:var(--s-small);color:var(--fg-2)}
.bt-lista .bt-azione{grid-column:auto;margin-top:0}
.bt-lista .bt-scarica{min-width:0}
.bt-guida ol{display:grid;gap:0;counter-reset:g}
.bt-guida li{position:relative;padding:12px 0 12px 40px;border-top:1px solid var(--tile-2);line-height:1.5;counter-increment:g;max-width:62ch}
.bt-guida li::before{content:counter(g);position:absolute;left:0;top:12px;font-family:var(--mono);font-size:14px;color:var(--fg-2)}
.bt-guida .lnk{margin-top:6px}
.bt-fine{gap:10px 18px}
.bt-mail{font-size:var(--s-small);color:var(--fg-2)}
.dl-beta :focus-visible{outline-color:#F6F6F5}
@media (min-width:600px){
  .bt-riga{grid-template-columns:56px minmax(0,1fr) auto}
  .bt-icona svg{width:56px}
  .bt-azione{grid-column:auto;margin-top:0;justify-content:flex-end}
  .bt-pannello{padding:24px 26px}
}
@media (min-width:900px){
  .bt-testa{grid-column:1 / span 4}
  .bt-corpo{grid-column:5 / span 8}
}

/* ---------- Versions ---------- */
.ver-testa{grid-column:1 / -1}
.ver-testa p{margin-top:12px;color:var(--fg-2);font-size:var(--s-lead);line-height:1.35;max-width:36ch}
.ver-lista{grid-column:1 / -1;display:grid;gap:0;border-top:1px solid var(--tile-2)}
.ver-voce{border-bottom:1px solid var(--tile-2)}
.ver-voce summary{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;gap:4px 16px;align-items:center;min-height:60px;padding:8px 4px;cursor:pointer;border-radius:var(--r-s)}
.ver-voce summary::after{content:"";width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--t-ui) var(--ease-out);justify-self:center}
.ver-voce[open] summary::after{transform:rotate(225deg)}
.ver-nome{display:flex;align-items:center;gap:10px;font-weight:500;min-width:0}
.ver-nome svg{height:26px;width:auto}
.ver-hub svg{width:30px;height:auto}
.ver-num{font-size:15px}
.ver-data{grid-column:1 / 3;grid-row:2;font-size:var(--s-xs);color:var(--fg-2)}
.ver-storia{display:grid;gap:14px;padding:6px 4px 22px}
.ver-riga{display:flex;gap:14px;align-items:baseline;font-weight:500}
.ver-riga span:last-child{font-size:var(--s-small);font-weight:400;color:var(--fg-2)}
.ver-storia ul{margin-top:4px;display:grid;gap:4px}
.ver-storia ul li{position:relative;padding-left:16px;color:var(--fg-2);line-height:1.45;max-width:62ch}
.ver-storia ul li::before{content:"";position:absolute;left:2px;top:.68em;width:5px;height:5px;border-radius:50%;background:currentColor}
.ver-vuota{margin-top:2px;font-size:var(--s-small);color:var(--fg-2)}
@media (min-width:600px){
  .ver-voce summary{grid-template-columns:minmax(0,1fr) auto 120px 16px}
  .ver-data{grid-column:auto;grid-row:auto;text-align:right}
}
@media (min-width:900px){.ver-testa{grid-column:1 / span 4}.ver-lista{grid-column:5 / span 8}}

/* ---------- Questions (the FAQ look, site.css) ---------- */
.dl-faq .faq-gruppo h2{font-size:var(--s-head)}
.dl-tutte{margin-top:12px}
@media (max-width:900px){.dl-faq .faq-gruppo{padding-top:0}}

/* ---------- W10: the files at the top of the page (#get), no separate beta page ---------- */
.dl-get{padding-block:clamp(36px,5vw,72px) clamp(56px,7vw,96px)}
.dl-get h1{font-size:var(--s-display);line-height:.98;letter-spacing:-.035em}
.dl-get .bt-intro{max-width:40ch}
.bt-stato{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:20px}
.bt-stato .bt-build{margin-top:0}
.dl-get .dl-indice{margin-top:28px}
.dl-get .bt-corpo{gap:12px}
.bt-primo{background:#F6F6F5;color:var(--zk-inchiostro);--fg-2:#4A4A46;--tile-2:#D9D9D3;--btn-bg:var(--zk-inchiostro);--btn-fg:#F6F6F5;box-shadow:0 30px 60px -40px rgba(0,0,0,.9)}
.bt-primo .bt-icona svg{color:var(--zk-inchiostro)}
.bt-primo .bt-sha{color:var(--zk-inchiostro)}
.bt-primo :focus-visible{outline-color:var(--zk-inchiostro)}
.bt-primo ::selection{background:var(--zk-salvia);color:var(--zk-inchiostro)}
.bt-riga.bt-solo{grid-template-columns:minmax(0,1fr)}
.bt-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:var(--r-s);font-size:13px;font-weight:500;letter-spacing:.02em;background:var(--zk-salvia);color:var(--zk-inchiostro)}
.bt-mac .bt-scarica{min-width:0}
.bt-smart{margin-top:4px;padding:14px 16px;border-radius:var(--r-m);background:color-mix(in srgb,#DFB143 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#DFB143 40%,transparent);font-size:var(--s-small);line-height:1.5;max-width:66ch}
.dl-get .bt-guida{margin-top:20px}
.dl-get .bt-fine{margin-top:4px}
.bt-guida-tutta{grid-column:1 / -1;display:grid;gap:0;margin-top:clamp(12px,3vw,32px);border-top:1px solid var(--tile-2)}
.bt-guida-tutta[hidden]{display:none}
.bt-guida-tutta .bt-sotto{margin:24px 0 8px}
.bt-guida-tutta details{border-bottom:1px solid var(--tile-2)}
.bt-guida-tutta summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;font-size:var(--s-lead);font-weight:500;cursor:pointer;list-style:none}
.bt-guida-tutta summary::-webkit-details-marker{display:none}
.bt-guida-tutta summary::after{content:"";flex:none;width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform 200ms var(--ease-out)}
.bt-guida-tutta details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.bt-passi{display:grid;counter-reset:g;padding-bottom:12px}
.bt-passi li{position:relative;padding:12px 0 12px 40px;border-top:1px solid var(--tile-2);line-height:1.55;counter-increment:g;max-width:66ch}
.bt-passi li::before{content:counter(g);position:absolute;left:0;top:12px;font-family:var(--mono);font-size:14px;color:var(--fg-2)}
.bt-punti{display:grid;gap:10px;padding-bottom:20px;max-width:66ch;line-height:1.55}
.bt-punti li{padding-left:18px;position:relative}
.bt-punti li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--fg-2)}
.bt-guida-tutta .bt-nota{border-top:0;margin-top:0;padding:0 0 20px}
.bt-guida-tutta code{overflow-wrap:anywhere}
@media (min-width:900px){
  .dl-get .bt-testa{grid-column:1 / span 5}
  .dl-get .bt-corpo{grid-column:6 / span 7}
  .bt-guida-tutta{grid-column:6 / span 7}
}
@media (min-width:600px){.bt-riga.bt-solo{grid-template-columns:minmax(0,1fr) auto}}
/* the page index sits after the files on a phone, under the title on a wide screen */
.dl-get .dl-indice{grid-column:1 / -1;margin-top:8px}
@media (min-width:900px){
  .dl-get .bt-testa{grid-row:1}
  .dl-get .bt-corpo{grid-row:1 / span 2}
  .dl-get .dl-indice{grid-column:1 / span 5;grid-row:2;align-self:start;margin-top:0}
}

/* MAC3: the Gatekeeper steps under the Mac download */
.bt-gatekeeper p { margin: 0; }
.bt-gatekeeper ol { margin: .5em 0 0; padding-left: 1.3em; }
.bt-gatekeeper li + li { margin-top: .25em; }

/* ---------- LIVE (24 Oct 2026): one path. The top is the home's colour field (tammo orange, ink), the licence on
   salvia, Install and play on night, the rest quiet on paper. ---------- */
.dl-get{background:#F07A4A;color:#0A0A0A;--fg:#0A0A0A;--fg-2:color-mix(in srgb,#0A0A0A 78%,#F07A4A);--tile:color-mix(in srgb,#0A0A0A 9%,#F07A4A);--tile-2:color-mix(in srgb,#0A0A0A 22%,#F07A4A);--btn-bg:#0A0A0A;--btn-fg:#F6F6F5;--bg:#F07A4A}
.dl-get ::selection{background:#0A0A0A;color:#F07A4A}
.dl-get :focus-visible{outline-color:#0A0A0A}
.dl-get .presto{background:color-mix(in srgb,#0A0A0A 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#0A0A0A 30%,transparent);color:#0A0A0A}
.dl-get .bt-intro{max-width:30ch;color:#0A0A0A}
.dl-get .bt-build{color:var(--fg-2)}
.dl-get .bt-chiuso a{color:inherit}
/* the three steps under the title: where you are and what comes next */
.dl-strada{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:22px;counter-reset:none}
.dl-strada a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:var(--s-small);font-weight:500;text-decoration:none}
.dl-strada .mono{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;font-size:13px}
.dl-strada li:first-child .mono{background:#0A0A0A;color:#F07A4A;box-shadow:none}
@media (hover:hover) and (pointer:fine){.dl-strada a:hover{text-decoration:underline;text-underline-offset:.24em}}
/* your system */
.dl-sistema{margin-top:0;display:inline-flex;padding:4px;gap:4px;border-radius:calc(var(--r-s) + 4px);background:var(--tile);justify-self:start}
.dl-sistema button{background:transparent;color:#0A0A0A}
.dl-sistema button[aria-pressed="true"]{background:#0A0A0A;color:#F6F6F5}
@media (hover:hover) and (pointer:fine){.dl-sistema button:hover:not([aria-pressed="true"]){background:var(--tile-2)}}
.dl-pannello-os{display:grid;gap:12px}
.dl-pannello-os[hidden]{display:none}
.dl-get .bt-primo{box-shadow:0 24px 48px -32px rgba(10,10,10,.55)}
.bt-primo .bt-scarica{min-width:220px}
.bt-dettagli{margin-top:16px;border-top:1px solid var(--tile-2)}
.bt-dettagli summary{display:flex;align-items:center;gap:10px;min-height:48px;font-size:var(--s-small);font-weight:500;cursor:pointer;list-style:none;color:var(--fg-2)}
.bt-dettagli summary::-webkit-details-marker{display:none}
.bt-dettagli summary::after{content:"";width:8px;height:8px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform 200ms var(--ease-out)}
.bt-dettagli[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.bt-dettagli .bt-sha-riga{margin-top:0;border-top:0;padding-top:4px}
.bt-come{margin-top:10px;font-size:var(--s-small);line-height:1.5;color:var(--fg-2)}
.bt-primo .bt-smart{margin-top:14px;background:color-mix(in srgb,#F07A4A 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#F07A4A 45%,transparent)}
.bt-anche{margin-top:16px;padding-top:4px}
.bt-piccolo{background:transparent;box-shadow:inset 0 0 0 1px var(--tile-2);padding:16px 18px}
.bt-piccolo .bt-nome h3{font-size:var(--s-body)}
.bt-piccolo .bt-scarica{min-width:0;background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.dl-get .bt-fine .btn-2{background:transparent;color:#0A0A0A;box-shadow:inset 0 0 0 1.5px #0A0A0A}
.dl-get .bt-mail{color:var(--fg-2)}
.dl-poi{margin-top:4px}
.dl-poi .lnk{color:#0A0A0A}
.dl-get .bt-tag{background:#0A0A0A;color:#F6F6F5}
.dl-get .bt-primo .bt-tag{background:var(--zk-salvia);color:var(--zk-inchiostro)}

/* ---------- Get your licence (salvia): three ways, one line each ---------- */
.dl-licenza{background:var(--zk-salvia);color:var(--zk-inchiostro);--fg:var(--zk-inchiostro);--fg-2:#33433A;--tile:color-mix(in srgb,#0A0A0A 7%,var(--zk-salvia));--tile-2:color-mix(in srgb,#0A0A0A 18%,var(--zk-salvia));--btn-bg:var(--zk-inchiostro);--btn-fg:#F6F6F5;--bg:var(--zk-salvia)}
.dl-licenza ::selection{background:var(--zk-inchiostro);color:var(--zk-salvia)}
.dl-strade{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);border-top:1.5px solid var(--zk-inchiostro)}
.dl-strada-voce{display:grid;align-content:start;gap:10px;padding:24px 0 28px;border-bottom:1px solid var(--tile-2)}
.dl-strada-voce[hidden]{display:none}
.dl-strada-voce h3{font-size:var(--s-lead);line-height:1.15}
.dl-strada-voce > p{color:var(--fg-2);line-height:1.5;max-width:44ch}
.dl-strada-voce > p a{color:inherit;text-underline-offset:.2em}
.dl-strada-voce .azioni{margin-top:4px}
.dl-compra .acquista{margin-top:6px}
.dl-compra .prezzo b{font-size:clamp(30px,3vw,40px)}
.dl-come{grid-column:1 / -1;border-bottom:1px solid var(--tile-2)}
.dl-come > summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;font-weight:500;cursor:pointer;list-style:none}
.dl-come > summary::-webkit-details-marker{display:none}
.dl-come > summary::after{content:"";width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform 200ms var(--ease-out)}
.dl-come[open] > summary::after{transform:translateY(2px) rotate(-135deg)}
.dl-come .dl-tempo{margin-bottom:20px}
.dl-come .dl-lic-note{margin-bottom:24px;background:var(--tile)}
.dl-licenza .dl-tempo li{border-top-color:var(--tile-2)}
@media (min-width:900px){
  .dl-strade{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap)}
  .dl-strada-voce{border-bottom:0;padding-right:12px}
  .dl-come{grid-column:1 / -1}
  .dl-come .dl-tempo,.dl-come .dl-lic-note{grid-column:auto}
  .dl-come .dl-tempo{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ---------- More downloads and help: quiet, folded ---------- */
.dl-piu{padding-block:clamp(56px,8vw,112px)}
.dl-piu h2{font-size:var(--s-head)}
.dl-piu .griglia{row-gap:28px}
.dl-piu-lista{grid-column:1 / -1;border-top:1px solid var(--tile-2)}
.dl-piu .bt-guida-tutta{border-top:0;margin-top:0}
.dl-piu-voce{border-bottom:1px solid var(--tile-2)}
.dl-piu-voce > summary{display:flex;align-items:center;gap:12px;min-height:60px;font-size:var(--s-lead);font-weight:500;cursor:pointer;list-style:none}
.dl-piu-voce > summary::-webkit-details-marker{display:none}
.dl-piu-voce > summary::after{content:"";flex:none;width:10px;height:10px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform 200ms var(--ease-out)}
.dl-piu-voce[open] > summary::after{transform:translateY(2px) rotate(-135deg)}
.dl-piu-voce .bt-tag{background:var(--tile);color:var(--fg)}
.dl-piu-corpo{padding-bottom:24px}
.dl-piu .bt-pannello{background:var(--tile);box-shadow:none;--btn-bg:var(--fg);--btn-fg:var(--bg)}
.dl-piu .bt-sha{color:var(--fg)}
.dl-piu .bt-guida li{border-top-color:var(--tile-2)}
.dl-piu .dl-os{padding-bottom:24px}
.dl-piu .dl-req{padding-block:0}
@media (min-width:900px){.dl-piu-lista{grid-column:5 / span 8}}
/* phone: the button before the fold; the build line is repeated in the card and the requirements */
@media (max-width:599px){.dl-get .bt-build{display:none}.dl-strada{gap:0 14px;margin-top:16px}.dl-get .bt-intro{font-size:var(--s-body)}}