/*
 * Token del DESIGN.md e utilità comuni (.ws, .btn, .link, .pad), condivisi da testata, footer e blocchi.
 * Caricato anche nell'editor, come dipendenza degli stili dei blocchi.
 */
:root{
	--teal:#00A887; --teal-deep:#1E7D69; --teal-deeper:#19695A;
	--ink:#131313; --paper:#FFFFFF; --mist:#F1F5F4; --stone:#E4EBE9;
	--f-kite:#12324A; --f-wing:#0F3A3A; --f-efoil:#2B3238; --f-sup:#0F2A1C;
	--font:"Epilogue", "Arial Black", "Helvetica Neue", Arial, sans-serif;
	--s-small:15px;
	--s-body:clamp(1.0625rem,1rem + .25vw,1.1875rem);
	--s-lead:clamp(1.25rem,1.1rem + .7vw,1.625rem);
	--s-head:clamp(2.5rem,1.2rem + 5vw,5.5rem);
	--s-display:clamp(3.2rem,8.3vw,8rem);
	--m:max(16px, min(2.4vw, 40px));
	--ease:cubic-bezier(.16,1,.3,1);
}
html,body{overflow-x:clip}

/* ---------- base dentro .ws ---------- */
.ws{font:400 var(--s-body)/1.5 var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}
.ws a,.ws a:hover,.ws a:focus{color:inherit;font-weight:inherit;text-decoration:none}
.ws button,.ws button:hover,.ws button:focus{background:none;color:inherit;border:0;border-radius:0;padding:0;margin:0;font:inherit;text-transform:none;letter-spacing:inherit}
.ws h1,.ws h2,.ws h3{font-family:var(--font);color:inherit;margin:0}
.ws ul{list-style:none;margin:0;padding:0}
.ws p{margin:0}
.ws img{display:block;max-width:100%;height:auto}
.ws .pad,.ws.pad{padding-left:max(var(--m), env(safe-area-inset-left,0px));padding-right:max(var(--m), env(safe-area-inset-right,0px))}
.ws .num{font-variant-numeric:tabular-nums}
.ws a:focus-visible,.ws button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

.ws .btn,.ws .btn:hover,.ws .btn:focus{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:0;border-radius:0;font:500 var(--s-body)/1 var(--font);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease),background-color .2s}
.ws .btn:hover{transform:translateY(-2px)}
.ws .btn:active{transform:scale(.97)}
.ws .btn-ink,.ws .btn-ink:hover,.ws .btn-ink:focus{background:var(--ink);color:var(--paper)}
.ws .btn-ink:hover{background:#000}
.ws .btn-teal,.ws .btn-teal:hover,.ws .btn-teal:focus{background:var(--teal);color:var(--ink)}
.ws .btn-teal:hover{background:#00BD98}
.ws .link,.ws .link:hover,.ws .link:focus{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:2px;transition:text-underline-offset .2s}
.ws .link:hover{text-underline-offset:.4em}