/* Shared styles for SettleBolt legal pages (/terms, /privacy, /refunds).
   Uses the brand tokens from /brand/brand.css. */
body{ background:#fff; color:var(--sb-ink); font-family:'Inter',system-ui,sans-serif; -webkit-font-smoothing:antialiased; margin:0; }

.legal-top{ border-bottom:1px solid var(--sb-line); position:sticky; top:0; background:rgba(255,255,255,.9); backdrop-filter:saturate(180%) blur(8px); z-index:10; }
.legal-top__in{ max-width:1120px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.legal-top a.legal-brand{ display:inline-flex; align-items:center; gap:9px; color:var(--sb-ink); text-decoration:none; font-weight:500; font-size:19px; letter-spacing:.01em; }
.legal-top a.legal-brand svg{ width:19px; height:19px; }
.legal-top .legal-back{ color:var(--sb-muted); text-decoration:none; font-size:14px; }
.legal-top .legal-back:hover{ color:var(--sb-ink); }

.legal{ max-width:820px; margin:0 auto; padding:44px 24px 96px; }
.legal__nav{ display:flex; flex-wrap:wrap; gap:20px; font-size:14px; margin-bottom:30px; }
.legal__nav a{ color:var(--sb-muted); text-decoration:none; }
.legal__nav a:hover{ color:var(--sb-ink); }
.legal__nav a.on{ color:var(--sb-ink); font-weight:600; }

.legal h1{ font-size:clamp(30px,5vw,46px); font-weight:300; letter-spacing:-.025em; line-height:1.05; margin:0 0 10px; }
.legal__updated{ color:var(--sb-muted); font-size:14px; margin:0 0 20px; }
.legal__intro{ font-size:17.5px; line-height:1.7; color:var(--sb-ink-2); margin:0 0 8px; }

.legal h2{ font-size:21px; font-weight:600; letter-spacing:-.01em; margin:40px 0 10px; padding-top:8px; }
.legal h2 .legal__num{ color:var(--sb-muted); font-weight:400; margin-right:8px; }
.legal h3{ font-size:16.5px; font-weight:600; margin:22px 0 6px; }
.legal p, .legal li{ font-size:16px; line-height:1.72; color:var(--sb-ink-2); }
.legal p{ margin:0 0 12px; }
.legal ul, .legal ol{ margin:10px 0 14px 22px; padding:0; }
.legal li{ margin:7px 0; }
.legal a{ color:var(--sb-ink); text-decoration:underline; text-underline-offset:2px; }
.legal strong{ color:var(--sb-ink); font-weight:600; }
.legal em{ font-style:italic; }

/* an emphasised "you agree / no liability" style callout */
.legal__note{ background:#fafafa; border:1px solid var(--sb-line); border-radius:12px; padding:15px 18px; margin:18px 0; }
.legal__note p{ margin:0; font-size:15px; line-height:1.65; color:var(--sb-ink-2); }
.legal__note--strong{ background:#fbfbfc; border-color:#e2e2e5; }
.legal__note--strong p{ color:var(--sb-ink); }

.legal__caps{ text-transform:none; }
.legal__contact{ margin-top:8px; }

.legal-foot{ border-top:1px solid var(--sb-line); }
.legal-foot__in{ max-width:1120px; margin:0 auto; padding:26px 24px; display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; font-size:13.5px; color:var(--sb-muted); }
.legal-foot__in a{ color:var(--sb-muted); text-decoration:none; margin-right:16px; }
.legal-foot__in a:hover{ color:var(--sb-ink); }

@media(max-width:560px){
  .legal{ padding:32px 20px 72px; }
  .legal h1{ font-size:32px; }
}