.gu{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:22px 22px 20px;
  box-shadow:0 1px 3px rgba(33,50,20,.05);margin-bottom:18px}
 .gu h2{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--leo-dk);margin-bottom:12px}
 .gu-sub{color:var(--muted);font-size:13.5px;line-height:1.55;margin-bottom:14px}
 .gu-err{color:#b3362a;font-size:13px;font-weight:600;min-height:18px;margin-bottom:6px}
 .gu form{display:flex;flex-direction:column;gap:9px;max-width:420px}
 .gu input{font-family:var(--font);font-size:14.5px;padding:12px 14px;border:1px solid var(--border-hi);
  border-radius:11px;background:var(--bg);color:var(--text);width:100%}
 .gu input:focus{outline:2px solid var(--leo);outline-offset:1px;border-color:transparent}
 .gu .go{font-family:var(--font);font-size:15px;font-weight:800;padding:13px 18px;border:0;border-radius:11px;
  background:linear-gradient(135deg,var(--leo),var(--leo-dk));color:#fff;cursor:pointer;
  box-shadow:0 8px 22px rgba(60,80,45,.26)}
 .gu .go:hover{filter:brightness(1.06)} .gu .go:disabled{opacity:.6;cursor:default;filter:none}
 .gu details{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}
 .gu summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--leo-dk)}
 .gu details ol{margin:12px 0 0 18px;display:flex;flex-direction:column;gap:7px;font-size:13.5px;color:var(--muted);line-height:1.5}
 .gu details p{margin-top:10px;font-size:12.5px;color:var(--muted)}
 .gu details a{color:var(--blu);font-weight:700}
 /* lettura di adesso */
 .gu-read{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
 .gu-num{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
 .gu-unit{font-size:15px;color:var(--muted);font-weight:700}
 .gu-arrow{font-size:30px;font-weight:800;line-height:1}
 .gu-lab{font-size:15px;font-weight:700;margin-top:6px}
 .gu-meta{font-size:12px;color:var(--muted);margin-top:4px}
 .gu-live{color:var(--leo-dk);font-weight:700}
 .gu-acts{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
 .gu-acts button{font-family:var(--font);font-size:13px;font-weight:700;padding:10px 16px;border-radius:10px;
  border:1px solid var(--border-hi);background:var(--card);color:var(--text);cursor:pointer}
 .gu-acts button:hover{background:rgba(60,80,45,.08)}
 .gu-acts .off{color:#b3362a;border-color:rgba(179,54,42,.3)}
 /* grafico + numeri */
 .gu-hist{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}
 .gu-histh{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700;margin-bottom:10px}
 .gu-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:9px;margin-bottom:12px}
 .gu-kpi{background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:10px 8px;text-align:center}
 .gu-kpi b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}
 .gu-kpi span{display:block;font-size:10.5px;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}
 .gu-chart{width:100%;height:176px;display:block}
 .gu-hint,.gu-demo{font-size:13px;color:var(--muted);line-height:1.5}
 .gu-demo{background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:11px 14px;margin-bottom:10px}
 .gu-demo a{color:var(--leo-dk);font-weight:700}
 @media(max-width:520px){.gu{padding:18px 16px}.gu-num{font-size:44px}}