/* Dostt G&B — the legal pages (tools/legal.py). Reuses styles.css tokens. */
.legal{max-width:860px;padding:120px 20px 60px;color:var(--sub);line-height:1.75;font-size:15.5px}
.legal h1{font-family:var(--disp);color:var(--ink);font-size:clamp(30px,5vw,44px);margin:6px 0 4px;letter-spacing:-.02em}
.legal h2{font-family:var(--disp);color:var(--ink);font-size:21px;margin:34px 0 10px}
.legal h3{color:var(--ink2);font-size:16px;margin:20px 0 6px}
.legal p{margin:10px 0}.legal ul{margin:8px 0 8px 20px}.legal li{margin:6px 0}
.legal a{color:var(--pink-l);text-decoration:underline;text-underline-offset:3px}
.legal b{color:var(--ink2)}.legal .upd{color:var(--muted);font-size:13px;margin-bottom:26px}
.legal .eye{color:var(--pink-l);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.legal .del{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--card);margin:14px 0 8px;max-width:460px}
.legal .del label{display:block;color:var(--ink2);font-weight:600;font-size:13.5px;margin:12px 0 6px}
.legal .del input{width:100%;box-sizing:border-box;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:12px 14px;font-size:16px;font-family:var(--sans)}
.legal .del .row{display:flex;gap:8px;align-items:center}.legal .del .cc{color:var(--sub);font-weight:700}
.legal .del .btn{margin-top:16px;width:100%;justify-content:center;border:0;cursor:pointer}
.legal .del .danger{background:linear-gradient(90deg,#FF4267,#FF2B9A)}
.legal .msg{margin:12px 0 0;font-size:14px}.legal .msg.ok{color:var(--ok)}.legal .msg.bad{color:var(--bad)}
.legal .note{font-size:13.5px;color:var(--muted)}
@media(max-width:860px){.legal .hd-nav{display:none}}