/* Shared by /privacy and /terms. Tokens and nav/footer match index.html. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Geist:wght@400;500;600&display=swap');

:root{
  --cream:#F5F1EA; --paper:#FDFCF9;
  --ink:#14110E; --ink-soft:#5A544C; --ink-mute:#9A938A; --ink-faint:#BEB5A6;
  --line:#E8E2D4;
  --jade:#1B4D3E; --jade-soft:#E7EFE9;
  --serif:'Fraunces',Georgia,serif;
  --sans:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

*{box-sizing:border-box; margin:0; padding:0}
body{font-family:var(--sans); color:var(--ink); background:var(--cream); -webkit-font-smoothing:antialiased; line-height:1.5}
a{color:inherit; text-decoration:none}
.wrap{max-width:1080px; margin:0 auto; padding:0 28px}
@media(max-width:480px){ .wrap{padding:0 16px} }

header.nav{position:sticky; top:0; z-index:40; background:rgba(245,241,234,.82); backdrop-filter:blur(10px); border-bottom:1px solid var(--line)}
.nav-inner{display:flex; align-items:center; justify-content:space-between; height:62px}
.brand{display:flex; align-items:center; gap:9px}
.brand .logo{height:25px; width:auto; display:block}
.brand b{font-family:var(--serif); font-weight:600; font-size:19px; letter-spacing:-.01em}
.nav-links{display:flex; align-items:center; gap:24px}
.nav-links a{font-size:14px; color:var(--ink-soft)}
.nav-links a:hover{color:var(--ink)}
.btn{display:inline-flex; align-items:center; font-size:14px; font-weight:500; padding:9px 16px; border-radius:8px; transition:.15s}
.btn-secondary{background:var(--paper); color:var(--ink); border:1px solid var(--line)}
.btn-secondary:hover{border-color:var(--ink-faint)}

.legal{max-width:720px; padding-top:64px; padding-bottom:88px}
.legal .eyebrow{font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.14em; color:var(--jade); background:var(--jade-soft); padding:6px 12px; border-radius:6px; display:inline-block; margin-bottom:20px}
.legal h1{font-family:var(--serif); font-weight:500; letter-spacing:-.02em; line-height:1.1; font-size:clamp(34px,5vw,48px)}
.legal .effective{margin-top:12px; color:var(--ink-mute); font-size:14px}
.legal h2{font-family:var(--serif); font-weight:500; font-size:22px; letter-spacing:-.01em; margin:44px 0 12px; scroll-margin-top:84px}
.legal p, .legal li, .legal dd, .legal address{color:var(--ink-soft); font-size:16px; line-height:1.7}
.legal > p{margin-top:12px}
.legal ul{margin-top:8px; padding-left:20px}
.legal li{margin-top:6px}
.legal strong{color:var(--ink); font-weight:600}
.legal p a, .legal dd a, .legal address a{color:var(--jade); text-decoration:underline; text-underline-offset:3px}
.legal address{font-style:normal; margin-top:12px}

.legal dl.sms{margin-top:8px; border-top:1px solid var(--line)}
.legal dl.sms dt{font-weight:600; color:var(--ink); font-size:15px; padding-top:14px}
.legal dl.sms dd{padding-bottom:14px; border-bottom:1px solid var(--line)}
@media(min-width:640px){
  .legal dl.sms{display:grid; grid-template-columns:180px 1fr}
  .legal dl.sms dt, .legal dl.sms dd{padding:14px 0; border-bottom:1px solid var(--line)}
  .legal dl.sms dd{padding-left:16px}
}

footer{border-top:1px solid var(--line); padding:34px 0; color:var(--ink-mute); font-size:13px}
.foot-inner{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px}
footer a{color:var(--ink-soft)}
footer a:hover{color:var(--ink)}