/* v2. /privacy e /cookie nella veste delle pagine nuove. Caricato solo su queste due pagine (script di pagina DsyHeadLegali + embed in fondo).
   Variabili da dsy-core. Selettori sui discendenti del rich text e di #cky-policy-container: il testo della privacy si modifica dal
   Designer e la policy la disegna CookieYes, quindi niente classi su singoli elementi. Nessuna animazione: vincolo LCP. */

/* ═══ Sezione e colonna di lettura ═══ */
body > section{padding:64px 24px 88px;background:var(--white)}
body > section > .w-richtext,
body > section > .div-block-10.cookiepagewrap{max-width:760px;margin:0 auto;padding:0}
body > section > .w-richtext,
#cky-policy-container{font-size:17px;line-height:1.65;color:var(--text-body)}
body > section > .w-richtext > *:first-child{margin-top:0}

/* ═══ Intestazione ═══ */
body > section > .w-richtext h1,
#cky-policy-container h1.cookie-policy-h1{font-size:52px;line-height:1.16;letter-spacing:-0.03em;font-weight:700;color:var(--docsy-blue);margin:0 0 20px}
body > section > .w-richtext h1 strong{font-weight:inherit;color:inherit}
body > section > .w-richtext h2{font-size:21px;line-height:1.45;font-weight:500;letter-spacing:normal;color:var(--text-body);margin:0 0 40px;max-width:680px}
body > section > .w-richtext h2 strong{font-weight:inherit;color:inherit}

/* /cookie: «Cookie Policy» come chip sopra l'h1 di CookieYes, date come riga di metadati */
body > section .cookiepagetitle{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 15px 7px 13px;border-radius:var(--radius-pill);background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px rgba(48,91,171,.10),0 1px 2px rgba(16,36,80,.05);font-size:13.5px;line-height:1.25;font-weight:500;letter-spacing:.01em;color:var(--docsy-blue)}
body > section .cookiepagetitle::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--docsy-gold);box-shadow:0 0 0 3px rgba(255,178,36,.20);flex:none}
body > section .cookiepagetitle strong{font-weight:inherit;color:inherit}
#cky-policy-container .cookie-policy-date-container{display:flex;flex-wrap:wrap;gap:2px 24px;margin:0 0 8px}
#cky-policy-container .cookie-policy-date-container p{margin:0;font-size:14px;line-height:1.5;color:var(--text-muted)}

/* i   che CookieYes mette fra le sezioni sono testo diretto del contenitore: corpo 0 lì, e ogni figlio torna al corpo pieno */
#cky-policy-container{font-size:0;line-height:0}
#cky-policy-container > *{font-size:17px;line-height:1.65}

/* ═══ Ritmo verticale: lo stesso spazio fra paragrafi, elenchi e titoli ═══ */
body > section > .w-richtext :is(p,ul,ol),
#cky-policy-container :is(p,ul,ol){margin:0 0 16px}
body > section > .w-richtext li,
#cky-policy-container li{margin:0 0 8px}
body > section > .w-richtext li > :is(ul,ol){margin:8px 0 0}
body > section > .w-richtext :is(ul,ol){padding-left:24px}
body > section > .w-richtext li::marker{color:var(--docsy-blue)}
/* paragrafi con solo U+200D usati come distanziatori: li marca lo script */
body > section > .w-richtext .lg-void{display:none}

/* il   fra due sezioni della cookie genera una riga di altezza 0 che però blocca il collasso dei margini:
   l'ultimo figlio di ogni blocco chiude a 0, così sopra l'h2 resta solo il suo margine, come sulla privacy */
#cky-policy-container > div > :last-child,
#cky-policy-container > div > :last-child > p:last-child{margin-bottom:0}

/* ═══ Gerarchia dei titoli ═══
   h3 (privacy) e h2 (cookie) = sezione: blu, filetto sopra, spazio sopra sempre uguale.
   La voce «7.» della privacy (ol con un solo li fatto di solo strong) prende la stessa veste, numero compreso. */
body > section > .w-richtext h3,
body > section > .w-richtext ol[start]:has(> li:only-child > strong:only-child),
#cky-policy-container h2{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-0.01em;color:var(--docsy-blue);margin:48px 0 16px !important;padding-top:36px;border-top:1px solid var(--blue-wash-10);scroll-margin-top:104px}
body > section > .w-richtext h3 strong,
body > section > .w-richtext ol[start]:has(> li:only-child > strong:only-child) strong{font-weight:inherit;color:inherit}
body > section > .w-richtext ol[start]:has(> li:only-child > strong:only-child){padding-left:0;list-style-position:inside}
body > section > .w-richtext ol[start]:has(> li:only-child > strong:only-child) > li{margin:0}
body > section > .w-richtext ol[start]:has(> li:only-child > strong:only-child) > li::marker{color:var(--docsy-blue);font-weight:600}
/* il primo h2 della cookie viene subito dopo le date: il filetto fa da stacco fra intestazione e corpo */
#cky-policy-container .cookie-policy-date-container + h2{margin-top:40px !important}

/* h4 = sottosezione, h5 = terzo livello; h3 di categoria della cookie come h4 */
body > section > .w-richtext h4,
#cky-policy-container .cky-audit-table-element h3{font-size:19px;line-height:1.4;font-weight:600;font-style:normal;letter-spacing:normal;color:var(--text-nav);margin:36px 0 12px}
body > section > .w-richtext h4 :is(strong,em){font-weight:inherit;font-style:normal;color:inherit}
body > section > .w-richtext h5{font-size:17px;line-height:1.45;font-weight:600;color:var(--text-nav);margin:28px 0 10px}
body > section > .w-richtext h5 strong{font-weight:inherit;color:inherit}
/* nessun titolo attaccato all'elenco sopra */
body > section > .w-richtext :is(ul,ol) + h4{margin-top:36px}
body > section > .w-richtext :is(ul,ol) + h5{margin-top:28px}

/* ═══ Link ═══ */
body > section > .w-richtext a,
#cky-policy-container a:not(.cky-banner-element){color:var(--docsy-blue);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
body > section > .w-richtext a:hover,
#cky-policy-container a:not(.cky-banner-element):hover{text-decoration-thickness:2px}
body > section > .w-richtext strong,
#cky-policy-container strong{font-weight:600;color:var(--docsy-blue)}

/* ═══ Tabella dei diritti (embed della privacy): niente scroll laterale. Gli stili inline dell'embed si battono solo con !important ═══ */
body > section > .w-richtext div:has(> table){overflow:visible !important;border:0 !important;border-radius:0 !important;width:100% !important;margin:24px 0 24px}
body > section > .w-richtext table{width:100% !important;min-width:0 !important;margin:0 !important;border-collapse:separate !important;border-spacing:0;table-layout:fixed;background:var(--white);border-radius:var(--radius-highlight);overflow:hidden;box-shadow:var(--dz-ring),var(--dz-e1);font-size:16px;line-height:1.6}
body > section > .w-richtext table tr{background:var(--white) !important}
body > section > .w-richtext table :is(td,th){padding:16px 22px !important;border:0 !important;border-bottom:1px solid var(--blue-wash-10) !important;vertical-align:top !important;text-align:left;font-weight:400 !important;color:var(--text-body)}
body > section > .w-richtext table :is(td,th):first-child{width:28% !important}
body > section > .w-richtext table :is(td,th):last-child{width:72% !important}
body > section > .w-richtext table thead :is(td,th){background:var(--docsy-blue);color:var(--white);font-weight:600 !important;font-size:15px;padding:14px 22px !important;border-bottom:0 !important;vertical-align:bottom !important}
body > section > .w-richtext table tbody tr:last-child > *{border-bottom:0 !important}
body > section > .w-richtext table tbody td:first-child{font-weight:600 !important;color:var(--docsy-blue)}
body > section > .w-richtext table ul{padding-left:20px !important;margin:8px 0 0 !important}
body > section > .w-richtext table li{margin:0 0 6px !important}
body > section > .w-richtext table li:last-child{margin-bottom:0 !important}

/* ═══ Tabelle CookieYes ═══ */
#cky-policy-container .cky-category-des p{margin:0 0 16px}
#cky-policy-container .cky-table-wrapper{width:100%;max-width:100%;overflow-x:auto;margin:0 0 8px;border-radius:var(--radius-highlight);box-shadow:var(--dz-ring),var(--dz-e1);background:var(--white)}
#cky-policy-container .cky-cookie-audit-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;margin:0;box-shadow:none;border-radius:0;background:transparent;font-size:14px}
#cky-policy-container .cky-cookie-audit-table :is(th,td){padding:12px 16px;border:0;border-bottom:1px solid var(--blue-wash-10);background:var(--white);font-size:14px;line-height:1.5;font-weight:400;color:var(--text-body);text-align:left;vertical-align:top;word-break:normal;overflow-wrap:break-word}
#cky-policy-container .cky-cookie-audit-table th{background:color-mix(in srgb,var(--docsy-blue) 9%,var(--white));color:var(--docsy-blue);font-weight:600;font-size:13.5px}
#cky-policy-container .cky-cookie-audit-table tbody tr:last-child td{border-bottom:0}
#cky-policy-container .cky-cookie-audit-table tr:hover{background:transparent}
#cky-policy-container .cky-cookie-audit-table :is(th,td):nth-child(1){width:30%}
#cky-policy-container .cky-cookie-audit-table :is(th,td):nth-child(2){width:22%}
#cky-policy-container .cky-cookie-audit-table :is(th,td):nth-child(3){width:48%}
/* nome del cookie: monospace, va a capo anche in mezzo alla parola (il nome del cookie PostHog) */
#cky-policy-container .cky-cookie-audit-table td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--text-nav);word-break:break-all}
#cky-policy-container .cky-cookie-audit-table td p{font-size:inherit;line-height:inherit;margin:0}

/* ═══ Resto della cookie ═══ */
#cky-policy-container a.cky-banner-element{display:flex;width:fit-content;align-items:center;margin:4px 0 28px;padding:12px 22px;border:2px solid var(--docsy-blue);border-radius:var(--radius-pill);background:var(--white);color:var(--docsy-blue);font-size:16px;line-height:1.25;font-weight:600;text-decoration:none;cursor:pointer;box-sizing:border-box}
#cky-policy-container a.cky-banner-element:hover{opacity:.9}
#cky-policy-container a.cky-banner-element:focus-visible{outline:2px solid var(--docsy-gold);outline-offset:3px}
#cky-policy-container h2[style] + a.cky-banner-element{margin-top:0}
#cky-policy-container > p.cookie-policy-p{margin:48px 0 0;padding-top:20px;border-top:1px solid var(--blue-wash-10);font-size:14px;line-height:1.5;color:var(--text-muted)}

/* ═══ Indice della privacy (lo costruisce lo script dai titoli; senza JS non c'è) ═══ */
.lg-toc-h{margin:0 0 12px;font-size:13.5px;line-height:1.25;font-weight:600;letter-spacing:.01em;color:var(--docsy-blue)}
.lg-toc .lg-toc-list,
.lg-toc-m .lg-toc-list{list-style:none;margin:0;padding:0}
.lg-toc .lg-toc-list > li,
.lg-toc-m .lg-toc-list > li{margin:0}
.lg-toc .lg-toc-list a,
.lg-toc-m .lg-toc-list a{display:block;color:var(--text-muted);font-size:14px;line-height:1.4;font-weight:400;text-decoration:none;overflow-wrap:normal}
.lg-toc .lg-toc-list a:hover,
.lg-toc-m .lg-toc-list a:hover{color:var(--docsy-blue)}
.lg-toc .lg-toc-list a[aria-current="true"],
.lg-toc-m .lg-toc-list a[aria-current="true"]{color:var(--docsy-blue);font-weight:600}
.lg-toc{display:none}
.lg-toc .lg-toc-list{border-left:1px solid var(--blue-wash-20)}
.lg-toc .lg-toc-list a{padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent}
.lg-toc .lg-toc-list a[aria-current="true"]{border-left-color:var(--docsy-blue)}
.lg-toc-m{margin:0 0 40px;border-radius:var(--radius-faq);background:var(--white);box-shadow:var(--dz-ring),var(--dz-e1)}
.lg-toc-m > summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;cursor:pointer;list-style:none;font-size:16px;line-height:1.25;font-weight:600;color:var(--docsy-blue)}
.lg-toc-m > summary::-webkit-details-marker{display:none}
.lg-toc-m > summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.lg-toc-m[open] > summary::after{transform:translateY(2px) rotate(-135deg)}
.lg-toc-m .lg-toc-list{padding:0 20px 14px}
.lg-toc-m .lg-toc-list a{padding:8px 0;border-top:1px solid var(--blue-wash-10)}
@media (min-width:1100px){
  body > section.lg-has-toc{display:grid;grid-template-columns:220px minmax(0,760px);column-gap:72px;justify-content:center;align-items:start}
  body > section.lg-has-toc > .w-richtext{margin:0;grid-column:2;grid-row:1}
  .lg-toc{display:block;grid-column:1;grid-row:1;position:sticky;top:104px;max-height:calc(100vh - 128px);overflow-y:auto;padding:6px 0 0}
  .lg-toc-m{display:none}
}

/* ═══ Tablet ═══ */
@media (max-width:991px){
  body > section{padding:48px 24px 80px}
  body > section > .w-richtext h1,
  #cky-policy-container h1.cookie-policy-h1{font-size:44px;line-height:1.18;letter-spacing:-0.025em}
}

/* ═══ Mobile ═══ */
@media (max-width:767px){
  body > section{padding:36px 16px 64px}
  body > section > .w-richtext,
  #cky-policy-container > *{font-size:16px;line-height:1.65}
  body > section > .w-richtext h1,
  #cky-policy-container h1.cookie-policy-h1{font-size:34px;line-height:1.2;letter-spacing:-0.02em;margin-bottom:16px}
  body > section > .w-richtext h2{font-size:18px;line-height:1.5;margin-bottom:32px}
  body > section > .w-richtext h3,
  body > section > .w-richtext ol[start]:has(> li:only-child > strong:only-child),
  #cky-policy-container h2{font-size:21px;margin:40px 0 14px !important;padding-top:30px;scroll-margin-top:96px}
  #cky-policy-container .cookie-policy-date-container + h2{margin-top:32px !important}
  body > section > .w-richtext h4,
  #cky-policy-container .cky-audit-table-element h3{font-size:18px;margin:30px 0 10px}
  body > section > .w-richtext h5{font-size:16px}
  #cky-policy-container .cky-cookie-audit-table :is(th,td){padding:10px 10px;font-size:13px}
  #cky-policy-container .cky-cookie-audit-table th{font-size:13px}
  #cky-policy-container .cky-cookie-audit-table td:first-child{font-size:12.5px}
  #cky-policy-container .cky-cookie-audit-table :is(th,td):nth-child(1){width:31%}
  #cky-policy-container .cky-cookie-audit-table :is(th,td):nth-child(2){width:24%}
  #cky-policy-container .cky-cookie-audit-table :is(th,td):nth-child(3){width:45%}
}
@media (max-width:479px){
  body > section > .w-richtext h1,
  #cky-policy-container h1.cookie-policy-h1{font-size:30px}
}

/* ═══ Tabella dei diritti sotto i 640: righe impilate a card, intestazione impilata in una fascia blu ═══ */
@media (max-width:639px){
  body > section > .w-richtext table,
  body > section > .w-richtext table :is(thead,tbody,tr,td,th),
  body > section > .w-richtext table :is(td,th):is(:first-child,:last-child){display:block;width:100% !important}
  body > section > .w-richtext table{background:transparent;box-shadow:none;border-radius:0;overflow:visible;font-size:15px}
  body > section > .w-richtext table thead{background:transparent}
  body > section > .w-richtext table thead tr{border-radius:var(--radius-faq);overflow:hidden;margin:0 0 12px;background:var(--docsy-blue) !important}
  body > section > .w-richtext table thead :is(td,th){padding:10px 18px 0 !important;font-size:14px}
  body > section > .w-richtext table thead :is(td,th):first-child{border-radius:var(--radius-faq) var(--radius-faq) 0 0}
  body > section > .w-richtext table thead :is(td,th):last-child{padding:2px 18px 10px !important;font-weight:400 !important;border-radius:0 0 var(--radius-faq) var(--radius-faq)}
  body > section > .w-richtext table tbody tr{margin:0 0 12px;border-radius:var(--radius-faq);box-shadow:var(--dz-ring),var(--dz-e1)}
  body > section > .w-richtext table tbody :is(td,th){border-bottom:0 !important}
  body > section > .w-richtext table tbody td:first-child{padding:16px 18px 4px !important;font-size:17px}
  body > section > .w-richtext table tbody td:last-child{padding:0 18px 16px !important}
}

/* ═══ Tabelle CookieYes sotto i 640: ogni riga in due livelli (nome e durata, poi descrizione a tutta larghezza), stessa disposizione per l'intestazione ═══ */
@media (max-width:639px){
  #cky-policy-container .cky-cookie-audit-table,
  #cky-policy-container .cky-cookie-audit-table :is(thead,tbody){display:block;width:100%}
  #cky-policy-container .cky-cookie-audit-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,max-content);column-gap:16px;border-bottom:1px solid var(--blue-wash-10)}
  #cky-policy-container .cky-cookie-audit-table tbody tr{background:var(--white)}
  #cky-policy-container .cky-cookie-audit-table tbody tr:last-child{border-bottom:0}
  #cky-policy-container .cky-cookie-audit-table thead tr{background:color-mix(in srgb,var(--docsy-blue) 9%,var(--white))}
  #cky-policy-container .cky-cookie-audit-table :is(th,td):is(:nth-child(1),:nth-child(2),:nth-child(3)){display:block;width:auto;border-bottom:0;background:transparent}
  #cky-policy-container .cky-cookie-audit-table :is(th,td):nth-child(1){padding:12px 0 2px 14px}
  #cky-policy-container .cky-cookie-audit-table :is(th,td):nth-child(2){padding:12px 14px 2px 0;text-align:right;max-width:42vw}
  #cky-policy-container .cky-cookie-audit-table :is(th,td):nth-child(3){grid-column:1 / -1;padding:4px 14px 12px}
  #cky-policy-container .cky-cookie-audit-table td:nth-child(2){color:var(--text-muted)}
}