/* Shared styles for privacy.html and terms.html */
:root{
  --ivory:#F2F0EB;
  --charcoal:#1B1D1E;
  --ink:#242424;
  --muted:#5d5a55;
  --gold:#C2A26E;
  --gold-light:#E4CB9E;
  --line:rgba(27,29,30,.14);
  --serif:'Prata',Georgia,serif;
  --sans:'Instrument Sans',-apple-system,'Helvetica Neue',Arial,sans-serif;
  --navh:76px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);color:var(--ink);background:var(--ivory);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 6vw}

nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;height:var(--navh);background:var(--ivory);box-shadow:0 1px 0 var(--line)}
.nav-mark{font-family:var(--serif);letter-spacing:.14em;font-size:1.85rem;color:var(--ink)}
.nav-mark .i{color:var(--gold)}
.nav-back{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);transition:color .3s}
.nav-back:hover{color:var(--gold)}

main{padding:calc(var(--navh) + 80px) 0 110px}
.legal{max-width:74ch}
.eyebrow{font-size:.72rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);font-weight:600}
h1,h2{font-family:var(--serif);font-weight:400;line-height:1.18}
h1{font-size:clamp(1.9rem,3.4vw,2.9rem);letter-spacing:.04em;text-transform:uppercase;margin-top:18px}
.rule{width:64px;height:1px;background:var(--gold);margin:28px 0;border:0}
.updated{font-size:.8rem;letter-spacing:.08em;color:var(--muted)}
.legal h2{font-size:1.25rem;letter-spacing:.04em;margin:48px 0 14px}
.legal p,.legal li{color:var(--muted)}
.legal p+p{margin-top:14px}
.legal ul{margin:14px 0 0 1.2em}
.legal li+li{margin-top:6px}
.legal a{color:var(--ink);border-bottom:1px solid var(--gold);transition:color .3s}
.legal a:hover{color:var(--gold)}
@media(max-width:760px){main{padding:calc(var(--navh) + 48px) 0 72px}}

footer{background:var(--charcoal);color:rgba(244,242,238,.5);padding:64px 0}
.foot-mark{font-family:var(--serif);color:var(--gold-light);letter-spacing:.14em;font-size:1.3rem}
footer .base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:38px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08);font-size:.72rem;letter-spacing:.12em}
footer .foot-links{display:flex;gap:26px;flex-wrap:wrap}
footer .foot-links a{transition:color .3s}
footer .foot-links a:hover{color:var(--gold-light)}