/* Shared look for privacy.html and terms.html (2026-10-19). Lives under /assets/,
   which nginx caches for a YEAR: bump the ?v= on both <link> tags with any edit.
   Asset paths are absolute so the pages work at any URL depth (see 404.html). */
@font-face{font-family:"Cinzel";src:url(/assets/fonts/cinzel-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(/assets/fonts/ebgaramond-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(/assets/fonts/ebgaramond-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Jost";src:url(/assets/fonts/jost-400.woff2) format("woff2");font-weight:400;font-display:swap}
:root{
  --gold:#fbcea0; --gold-2:#ddc9a7; --cream:#e0ccb1; --bronze:#b1906a; --ink:#0d0b08; --body:#c9bfb2;
  --line:rgba(177,144,106,.3); --line-hi:rgba(251,206,160,.85);
  --serif:"Cinzel","EB Garamond",Georgia,serif; --serif-r:"EB Garamond",Georgia,serif; --sans:"Jost",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--body);font-family:var(--serif-r);font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(251,206,160,.35);text-underline-offset:3px}
a:hover{text-decoration-color:var(--gold)}

.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;height:62px;padding:0 20px;
  background:rgba(11,10,9,.94);backdrop-filter:blur(6px);box-shadow:0 1px 0 rgba(177,144,106,.22)}
.bar__logo img{height:36px;width:auto;display:block}
.bar__spacer{flex:1}
.bar .lnk{font-family:var(--serif);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--body);
  text-decoration:none;padding:9px 13px;box-shadow:inset 0 0 0 1px var(--line);transition:color .2s,box-shadow .2s;white-space:nowrap}
.bar .lnk:hover{color:var(--gold);box-shadow:inset 0 0 0 1px var(--line-hi)}
.bar .lnk.on{color:var(--gold);box-shadow:inset 0 0 0 1px rgba(251,206,160,.55)}

.legal{max-width:760px;margin:0 auto;padding:54px 22px 90px}
.eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--bronze)}
.legal h1{font-family:var(--serif);font-weight:600;font-size:clamp(32px,6vw,48px);line-height:1.08;margin:8px 0 10px;
  background:linear-gradient(180deg,#fff3df,var(--gold) 55%,#c99a6a);-webkit-background-clip:text;background-clip:text;color:transparent}
.updated{font-family:var(--sans);font-size:13px;color:#8d8377;margin:0 0 30px}
.rule{height:1px;width:180px;background:linear-gradient(90deg,var(--bronze),transparent);margin:0 0 28px}
.legal h2{font-family:var(--serif);font-weight:600;font-size:21px;letter-spacing:1px;color:var(--gold);margin:46px 0 12px;
  scroll-margin-top:80px}
.legal h3{font-family:var(--sans);font-weight:400;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-2);
  margin:26px 0 6px}
.legal p,.legal li{color:var(--body)}
.legal strong{color:var(--cream);font-weight:400}
.legal ul{padding-left:20px;margin:10px 0 16px}
.legal li{margin:0 0 8px}
.legal li::marker{color:var(--bronze)}

/* the plain-language summary card at the top */
.short{position:relative;margin:0 0 34px;padding:22px 24px;background:rgba(177,144,106,.06);box-shadow:inset 0 0 0 1px var(--line)}
.short::before,.short::after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--bronze)}
.short::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.short::after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.short h2{margin:0 0 10px;font-size:18px}
.short ul{margin:0}

.toc{font-family:var(--sans);font-size:14px;columns:2;column-gap:28px;margin:0 0 10px;padding:0;list-style:none}
.toc li{margin:0 0 6px;break-inside:avoid}
.toc a{text-decoration:none;color:var(--gold-2)}
.toc a:hover{color:var(--gold)}

/* what-we-collect table: stacks into cards on a phone */
.data{width:100%;border-collapse:collapse;margin:14px 0 8px;font-size:15.5px}
.data th{font-family:var(--sans);font-weight:400;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--bronze);
  text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.data td{vertical-align:top;padding:12px;border-bottom:1px solid rgba(177,144,106,.14);line-height:1.55}
.data td:first-child{color:var(--cream);width:24%}

.foot{margin-top:56px;padding-top:22px;border-top:1px solid rgba(177,144,106,.18);font-family:var(--sans);font-size:13px;color:#8d8377}
.foot a{color:var(--gold-2)}

@media (max-width:640px){
  body{font-size:16px}
  .bar{gap:10px;padding:0 12px}
  .bar__logo img{height:28px}
  .bar .lnk{padding:8px 9px;font-size:11px;letter-spacing:1.2px}
  .bar .lnk.home{display:none}
  .legal{padding-top:34px}
  .toc{columns:1}
  .data thead{display:none}
  .data,.data tbody,.data tr,.data td{display:block;width:100%}
  .data tr{padding:12px 0;border-bottom:1px solid rgba(177,144,106,.18)}
  .data td{border:0;padding:3px 0}
  .data td:first-child{width:100%;font-size:17px}
  .data td[data-k]::before{content:attr(data-k);display:block;font-family:var(--sans);font-size:11px;letter-spacing:1.5px;
    text-transform:uppercase;color:var(--bronze);margin-top:6px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}