/* Kuseki: foglio di stile condiviso per pagine legali e blog (estratto da /it/index.html) */
:root{--crema:#F8F6EF;--ink:#0B0B0F;--ink2:#3C3C46;--muted:#5C5C68;--line:#E2DFD4;--notte:#0B0B0F;--fuoco:#FF5A1F;--fuoco-t:#B83000;--lime:#D4FF3A;--bianco:#FFFFFF;--card:#FFFFFF;--bg:var(--crema);--fg:var(--ink)}
.scuro{--bg:#0B0B0F;--fg:#FFFFFF;--ink2:#C9C9D2;--muted:#A3A3AF;--line:#2A2A33;--card:#17171E;--fuoco-t:#FF8A5C}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Space Grotesk',system-ui,sans-serif;font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--fuoco-t);text-underline-offset:4px;text-decoration-thickness:1.5px}
h1,h2,h3{font-family:'Bricolage Grotesque','Space Grotesk',sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.12;margin:0}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.blk{border-radius:32px;margin:12px;position:relative;overflow:hidden}
.blk-n{background:var(--notte);color:#fff}
.scuro .blk-n{background:#16161C}
/* nav */
.nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0 0;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:24px;letter-spacing:-.02em}
.logo b{color:var(--fuoco)}
.nav-l{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pill{white-space:nowrap;font-size:14px;font-weight:700;border:1.5px solid #3A3A44;border-radius:999px;padding:7px 13px;color:#fff;text-decoration:none;display:inline-flex;align-items:center}
.pill:hover{border-color:#fff}
.pill.go{background:var(--fuoco);border-color:var(--fuoco);color:var(--ink)}
/* testata pagina */
.head{padding:40px 0 46px}
.head .kick{display:inline-block;background:var(--lime);color:var(--ink);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:16px}
.head h1{font-size:36px;color:#fff;max-width:820px}
.head p{color:#C9C9D2;margin:14px 0 0;max-width:680px;font-size:17px}
.crumbs{font-size:14px;color:#A3A3AF;margin-bottom:14px}
.crumbs a{color:#C9C9D2}
/* contenuto */
.doc{max-width:760px;margin:0 auto;padding:40px 20px 30px}
.doc h2{font-size:27px;margin:44px 0 12px}
.doc h3{font-size:20px;margin:28px 0 8px;font-weight:700}
.doc p,.doc li{color:var(--ink2)}
.doc p{margin:0 0 16px}
.doc ul,.doc ol{padding-left:22px;margin:0 0 18px}
.doc li{margin:6px 0}
.doc strong{color:var(--fg)}
.hl{background:linear-gradient(transparent 58%,var(--lime) 58%,var(--lime) 92%,transparent 92%);padding:0 .08em;color:var(--ink)}
.box{background:var(--card);border:2px solid var(--ink);border-radius:22px;padding:20px 22px;margin:22px 0;box-shadow:4px 4px 0 var(--ink)}
.scuro .box{border-color:#3A3A44;box-shadow:4px 4px 0 #000}
.box p:last-child{margin-bottom:0}
.box.lime{background:var(--lime);color:var(--ink)}
.box.lime p,.box.lime li,.box.lime strong{color:var(--ink)}
.answer{font-size:19px}
.meta{font-size:14px;color:var(--muted);margin:0 0 6px}
.tbl{overflow-x:auto;margin:18px 0 22px;border:1.5px solid var(--line);border-radius:16px;background:var(--card)}
.tbl table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px;line-height:1.5}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:11px 13px;border-bottom:1px solid var(--line)}
.tbl th{font-weight:700;color:var(--fg)}
.tbl tr:last-child td{border-bottom:0}
.tbl td{color:var(--ink2)}
.faq details{border:1.5px solid var(--line);border-radius:16px;background:var(--card);padding:0 18px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:700;padding:15px 0;color:var(--fg);list-style-position:outside}
.faq details p{margin:0 0 15px}
.src{font-size:15px}
.src li{word-break:break-word}
.ai-note{font-size:14px;color:var(--muted);border-top:1.5px solid var(--line);padding-top:14px;margin-top:30px}
.cta{background:var(--fuoco);color:var(--ink);border-radius:26px;padding:24px 24px;margin:34px 0}
.cta p{color:var(--ink);margin:0 0 14px}
.cta strong{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 22px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;text-decoration:none}
.updated{font-size:14px;color:var(--muted)}
/* indice blog */
.cards{display:grid;gap:16px;margin:10px 0 20px}
.card{display:block;text-decoration:none;color:var(--fg);background:var(--card);border:2px solid var(--ink);border-radius:24px;padding:22px;box-shadow:4px 4px 0 var(--ink);transition:transform .2s}
.scuro .card{border-color:#3A3A44;box-shadow:4px 4px 0 #000}
.card:hover{transform:translateY(-2px)}
.card h2{font-size:24px;margin:6px 0 8px}
.card p{margin:0;color:var(--ink2)}
.card .meta{margin:0}
/* footer */
footer{padding:40px 0 0;overflow:hidden;border-top:1.5px solid var(--line);margin-top:30px}
footer .row2{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:14px;color:var(--muted)}
footer .row2 nav{display:flex;flex-wrap:wrap;gap:10px 18px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--fg)}
footer .logo{color:var(--fg)}
.giant{font-family:Anton,Impact,sans-serif;font-weight:400;color:var(--fg);font-size:27vw;line-height:.82;text-align:center;margin-top:30px;transform:translateY(8%);white-space:nowrap}
.gi{color:var(--lime);-webkit-text-stroke:.012em var(--ink)}
:focus-visible{outline:3px solid var(--fuoco);outline-offset:3px;border-radius:6px}
@media (min-width:900px){
 .blk{margin:14px;border-radius:44px}
 .head{padding:56px 0 64px}
 .head h1{font-size:54px}
 .doc h2{font-size:31px}
 .giant{font-size:20vw}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.titolare{font-size:11px;line-height:1.5;opacity:.38;margin:18px 0 6px;text-align:center}

.giant{pointer-events:none;position:relative;z-index:0}footer .row2{position:relative;z-index:2}

footer a{display:inline-block;padding:10px 2px;min-width:24px}
