/* legal.css — content styling ONLY for the legal / returns / success pages.
   These pages run inside the normal BORN COMMON site shell (styles.css), so
   this file must NOT redefine :root variables, body/background, header or
   footer — those are owned by the site shell. */

.legal-main{width:var(--container);margin:0 auto;padding:64px 0 88px}
.legal-wrap{max-width:820px}
.legal-wrap h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4rem);font-weight:400;line-height:.96;letter-spacing:-.03em;margin:0 0 20px}
.legal-wrap h2{margin:32px 0 10px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#8f949b;font-weight:600}
.legal-wrap p,.legal-wrap li{color:var(--muted);line-height:1.85}
.legal-wrap ol,.legal-wrap ul{padding-left:20px}
.legal-callout{padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-card,16px);background:rgba(255,255,255,.03);margin:20px 0}
.legal-form{display:grid;gap:14px;margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-card,16px);background:rgba(255,255,255,.02)}
.legal-form label{display:grid;gap:8px}
.legal-form input,.legal-form textarea,.legal-form select{padding:14px 15px;border-radius:var(--radius-input,8px);border:1px solid var(--line);background:#090b0e;color:#fff}
.legal-form button{padding:14px 18px;border-radius:var(--radius-btn,2px);border:1px solid #f3f2ee;background:#f3f2ee;color:#0b0c0e;font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;min-height:48px}
.legal-form button:hover{background:#fff;border-color:#fff}
.form-status{min-height:1.4em;color:#d8d7d2}