/* Shared styling for legal/support pages */
@font-face {
  font-family: InterVariable;
  src: url("/assets/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  background: #000; color: #ededed;
  font-family: InterVariable, Inter, system-ui, sans-serif;
  font-size: 16.5px; line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
.lnav { padding: 18px clamp(16px, 5vw, 48px); border-bottom: 1px solid #ffffff14; }
.lbrand { color: #ededed; text-decoration: none; font-weight: 860; letter-spacing: .06em; display: inline-flex; align-items: center; gap: 8px; }
.lmark { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: #ff4d4d; color: #000; font-size: 10px; }
.legal { max-width: 720px; margin: 0 auto; padding: 48px clamp(16px, 5vw, 48px) 80px; }
.legal h1 { font-size: clamp(1.8rem, 4vw, 2.5rem); font-weight: 800; letter-spacing: -.03em; margin-bottom: 8px; }
.updated { color: #5c5c5c; font-size: 13px; margin-bottom: 32px; }
.legal h2 { font-size: 1.25rem; font-weight: 720; letter-spacing: -.02em; margin: 36px 0 12px; }
.legal p, .legal li { color: #b9b9b9; }
.legal p { margin-bottom: 14px; }
.legal ul { margin: 0 0 14px 22px; display: grid; gap: 8px; }
.legal a { color: #ff7a7a; text-decoration: underline; text-underline-offset: 2px; }
.legal strong, .legal em { color: #ededed; }
.lfoot { padding: 24px clamp(16px, 5vw, 48px) 60px; color: #5c5c5c; font-size: 14px; border-top: 1px solid #ffffff14; }
.lfoot a { color: #9a9a9a; text-decoration: none; }
.lfoot a:hover { color: #ededed; }
.lmark-img { width: 24px; height: 24px; border-radius: 7px; }