/* ==========================================================================
   Ascendant Build — shared styling for privacy.html and terms.html.

   Same tokens, type and rhythm as index.html, but a single reading column.
   Legal text is read, not scanned, so the measure is ~68ch and the body size
   is a notch larger than the marketing pages.
   ========================================================================== */
:root{
  --ink:#0a0a0b;
  --ink-2:#101012;
  --panel:#141417;
  --line:rgba(201,162,39,.20);
  --line-soft:rgba(255,255,255,.07);
  --gold:#c9a227;
  --gold-lt:#f3e2ab;
  --grad:linear-gradient(135deg,#fbf0cd 0%,#e2c775 22%,#c9a227 52%,#8a6a12 78%,#e6cd85 100%);
  --txt:#eceae5;
  --muted:#93908a;
  --gap:20px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--ink);color:var(--txt);
  font-family:'Barlow Condensed',system-ui,sans-serif;
  font-size:19px;font-weight:300;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='96'%3E%3Cpath d='M28 0 56 16v32L28 64 0 48V16z' fill='none' stroke='rgba(201,162,39,0.055)'/%3E%3C/svg%3E");
}
.wrap{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:0 24px}

/* ---- header ---- */
.top{border-bottom:1px solid var(--line-soft);background:rgba(10,10,11,.9);position:sticky;top:0;z-index:5;backdrop-filter:blur(8px)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand svg{flex:none}
.brand b{
  display:block;font-family:'Cinzel',serif;font-weight:600;font-size:21px;letter-spacing:.13em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand span{display:block;font-size:11px;letter-spacing:.3em;color:var(--muted);text-transform:uppercase}
.back{
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-lt);
  text-decoration:none;border:1px solid var(--line);padding:10px 16px;white-space:nowrap;
  transition:.25s;
}
.back:hover{background:rgba(201,162,39,.1);border-color:var(--gold)}

/* ---- title ---- */
.head{padding-block:64px 36px;border-bottom:1px solid var(--line-soft)}
.eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
h1{
  font-family:'Cinzel',serif;font-weight:600;text-transform:uppercase;
  font-size:clamp(30px,5.2vw,48px);line-height:1.1;letter-spacing:.03em;
}
.head p{color:var(--muted);margin-top:16px;max-width:62ch}
.updated{margin-top:20px;font-size:15px;color:var(--muted);letter-spacing:.04em}

/* ---- body ---- */
main{padding-block:16px 72px}
section{padding-block:34px;border-bottom:1px solid var(--line-soft)}
section:last-of-type{border-bottom:0}
h2{
  font-family:'Cinzel',serif;font-weight:600;text-transform:uppercase;
  font-size:clamp(19px,2.6vw,24px);letter-spacing:.05em;margin-bottom:16px;
}
h2 .n{color:var(--gold);margin-right:12px;font-size:.72em;vertical-align:.14em}
h3{
  font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:19px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--gold-lt);
  margin:26px 0 10px;
}
p{margin-bottom:14px;max-width:68ch}
p:last-child{margin-bottom:0}
ul{list-style:none;margin:0 0 16px;display:grid;gap:9px;max-width:68ch}
li{position:relative;padding-left:21px}
li::before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;background:var(--grad);transform:rotate(45deg)}
a{color:var(--gold-lt)}
a:hover{color:var(--gold)}
strong{font-weight:500;color:#fff}

/* a fact the reader should not have to hunt for */
.box{
  border:1px solid var(--line);background:var(--panel);
  padding:22px 24px;margin:22px 0;max-width:68ch;
}
.box h3{margin-top:0}
.box p:last-child{margin-bottom:0}

/* values that are still placeholders must look like placeholders */
.pending{color:#e4a11b;font-weight:400}

dl{margin:0 0 16px;max-width:68ch}
dt{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:14px}
dd{margin:2px 0 0}

/* ---- footer ---- */
footer{border-top:1px solid var(--line-soft);background:var(--ink-2);padding-block:34px 44px}
footer .wrap{display:flex;flex-wrap:wrap;gap:18px 40px;justify-content:space-between;align-items:flex-start}
footer p{font-size:16px;color:var(--muted);margin:0}
.f-links{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;letter-spacing:.05em}
.f-links a{text-decoration:none;border-bottom:1px solid var(--line)}

@media (max-width:640px){
  body{font-size:18px}
  .head{padding-block:44px 28px}
  .brand b{font-size:18px}
  .back{padding:9px 12px;font-size:11px}
}