.page{max-width:1220px;margin:auto;padding:22px}.shell{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.header{height:62px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;font-family:var(--font-display)}.brand-mark{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ee9fda,#8b6be7);color:#fff}.brand span{color:#835be1}.device-note{font-size:9px;color:var(--soft);display:flex;gap:7px;align-items:center}.device-note i{width:7px;height:7px;border-radius:50%;background:#b98ff0;box-shadow:0 0 0 4px rgba(185,143,240,.12)}
.hero{position:relative;margin:18px 18px 14px;padding:27px 30px 22px;display:grid;grid-template-columns:190px 1fr 325px;gap:27px;align-items:center;min-height:250px;overflow:hidden;border:1px solid #d8c8fa;border-radius:22px;background:radial-gradient(200px 180px at 8% 60%,rgba(213,181,255,.45),transparent 70%),radial-gradient(300px 170px at 85% 20%,rgba(250,210,234,.72),transparent 70%),linear-gradient(110deg,#efe4ff,#fff4fa 53%,#eee8ff)}
.content{padding:5px 36px 28px}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin:8px 0 15px}.sectionhead h2{margin:0;font-size:19px;font-family:var(--font-display);font-weight:700}.sectionhead h2 span{color:#8964d2}.sectionhead a{font-size:10px;color:#8b62d6;text-decoration:none}
.footer{margin:0 36px;padding:13px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--soft);font-size:8px}

/* Intestazione: nota dispositivo + pulsante lingua */
.header-right{display:flex;align-items:center;gap:12px}
.lang-toggle{min-width:34px;height:26px;padding:0 9px;border:1px solid var(--line);border-radius:99px;background:var(--surface2);color:#8b62d6;font-family:var(--font-body);font-size:10px;font-weight:800;letter-spacing:.5px;cursor:pointer;transition:.2s border-color,.2s color}
.lang-toggle:hover{border-color:#c7aff3;color:#6f45c4}
.lang-toggle:focus-visible{outline:2px solid #8d68df;outline-offset:2px}
.brand-accent{color:#835be1}

/* Senza JavaScript la pagina resta vuota: almeno lo diciamo. */
.noscript-note{margin:22px auto;max-width:520px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);color:var(--muted);font-family:var(--font-body);font-size:13px;text-align:center}

/* Pagina disattivata dall'interruttore "attiva" in config.json */
.offline-screen{position:fixed;inset:0;display:grid;place-items:center;padding:24px;z-index:40}
.offline-screen[hidden]{display:none}
.offline-box{max-width:420px;padding:34px 30px;border:1px solid #d8c8fa;border-radius:22px;background:var(--surface2);box-shadow:var(--shadow);text-align:center}
.offline-mark{width:44px;height:44px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ee9fda,#8b6be7);color:#fff;font-size:20px}
.offline-box h1{margin:0;font-size:24px;font-family:var(--font-display);font-weight:700;color:var(--ink)}
.offline-box p{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.7}