/* Stili guida aggiornamenti - mobile first */
:root {
	--bg: #181028;
	--card: #2d1850;
	--primary: #a259ec;
	--text: #f3f3f3;
	--muted: #b0a3d1;
	--border: rgba(255,255,255,0.15);
}

html, body { margin:0; padding:0; background:var(--bg); color:var(--text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, sans-serif; }

.upd-header { padding: 20px 16px; border-bottom: 1px solid var(--border); background: linear-gradient(135deg, rgba(162,89,236,.15), rgba(45,24,80,.15)); }
.upd-header h1 { margin:0 0 6px; font-size: 20px; font-weight: 700; color: var(--text); }
.upd-header .subtitle { margin:0; color:var(--muted); font-size: 14px; }

.tabs { display:flex; gap:8px; padding:12px 16px; overflow:auto; border-bottom:1px solid var(--border); }
.tab { background:transparent; color:var(--text); border:1px solid var(--border); padding:8px 12px; border-radius:10px; cursor:pointer; font-weight:600; white-space:nowrap; }
.tab.active { background: rgba(162,89,236,.18); border-color: var(--primary); box-shadow: 0 0 0 2px rgba(162,89,236,.12) inset; }

.panels { padding:16px; display:block; }
.panel { display:none; }
.panel.active { display:block; }

.card { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:14px; margin:14px 0; box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.card h3 { margin:0 0 8px; color: var(--primary); font-size: 16px; }
.card p { margin:8px 0; color: var(--text); }

.checklist, .bullets, .steps { margin:8px 0 0; padding-left:18px; }
.checklist li { margin:6px 0; list-style: "✔  "; }
.bullets li { margin:6px 0; list-style: "•  "; }
.steps li { margin:6px 0; }

.tip { color: var(--muted); font-size: 13px; }

.soon { text-align:center; padding:40px 10px; color: var(--muted); }
.soon i { font-size:42px; color: var(--primary); margin-bottom:8px; }

.upd-footer { padding:16px; text-align:center; color:var(--muted); border-top:1px solid var(--border); }

@media (min-width: 768px) {
	.upd-header h1 { font-size: 24px; }
	.card h3 { font-size: 18px; }
	.tabs { gap:10px; }
}
