/* Shared styling for RaveClip legal / policy pages — matches the landing brand
   tokens so Terms / Privacy / Refund / Contact read as part of the same site. */
:root {
  --bg:#0E0E12; --surface:#16161C; --surface2:#1E1E26;
  --border:rgba(255,255,255,.08); --border-strong:rgba(255,255,255,.14);
  --text:#F5F5F7; --text-2:#B5B5C0; --muted:#8A8A99; --faint:#5A5A68;
  --accent:#FFB020; --accent2:#FFCB5C; --on-accent:#17130A;
  --grad-molten:linear-gradient(135deg,#FFCB5C 0%,#FFB020 48%,#F59E0B 100%);
  --font-d:'Space Grotesk',system-ui,sans-serif;
  --font-u:'Inter',system-ui,sans-serif;
  --r-md:12px; --r-lg:16px; --r-pill:999px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0; background:var(--bg); color:var(--text); font-family:var(--font-u);
  font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased;
}
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
::selection { background:var(--accent); color:var(--on-accent); }

/* Top bar */
.lg-top {
  display:flex; align-items:center; justify-content:space-between;
  padding:18px clamp(16px,5vw,56px); border-bottom:1px solid var(--border);
  position:sticky; top:0; background:rgba(14,14,18,.85); backdrop-filter:blur(10px); z-index:10;
}
.lg-logo { display:flex; align-items:center; gap:9px; font-family:var(--font-d);
  font-weight:700; font-size:18px; color:var(--text); }
.lg-logo span .grad, .grad {
  background:var(--grad-molten); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.lg-top .btn {
  font-size:14px; font-weight:600; padding:9px 16px; border-radius:var(--r-pill);
  background:var(--grad-molten); color:var(--on-accent);
}

/* Prose container */
.lg-wrap { max-width:820px; margin:0 auto; padding:48px clamp(16px,5vw,32px) 72px; }
.lg-wrap h1 { font-family:var(--font-d); font-size:clamp(28px,5vw,40px); letter-spacing:-.02em;
  line-height:1.1; margin:0 0 8px; }
.lg-updated { color:var(--muted); font-size:14px; margin:0 0 36px; }
.lg-wrap h2 { font-family:var(--font-d); font-size:20px; margin:38px 0 12px; letter-spacing:-.01em; }
.lg-wrap h3 { font-size:16px; margin:22px 0 8px; color:var(--text); }
.lg-wrap p, .lg-wrap li { color:var(--text-2); }
.lg-wrap ul { padding-left:20px; display:flex; flex-direction:column; gap:8px; margin:12px 0; }
.lg-wrap strong { color:var(--text); }
.lg-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg);
  padding:22px 24px; margin:20px 0; }
.lg-note { color:var(--muted); font-size:14px; border-left:2px solid var(--border-strong);
  padding-left:14px; margin:24px 0; }

/* Footer */
.lg-foot { border-top:1px solid var(--border); padding:36px clamp(16px,5vw,56px);
  display:flex; flex-wrap:wrap; gap:14px 22px; align-items:center; justify-content:space-between; }
.lg-foot nav { display:flex; flex-wrap:wrap; gap:16px; }
.lg-foot a { color:var(--text-2); font-size:14px; }
.lg-foot a:hover { color:var(--accent); }
.lg-foot .cpy { color:var(--faint); font-size:13px; }