/* EMBER — shared styles for the legal / support document pages */

:root{
  --void:#05040f;
  --deep:#0b0920;
  --ember:#ff7a29;
  --amber:#ffc24a;
  --cold:#7cc6ff;
  --ash:#9d98b8;
  --paper:#f1edfb;
  --line:rgba(157,152,184,.18);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--void);
  color:var(--paper);
  font-family:"Instrument Sans",system-ui,sans-serif;
  font-size:17px;
  line-height:1.72;
}
a{color:var(--amber)}
a:hover{color:var(--ember)}

.docnav{
  border-bottom:1px solid var(--line);
  padding:22px 26px;
  display:flex;align-items:center;gap:26px;flex-wrap:wrap;
  max-width:820px;margin:0 auto;
}
.docnav__mark{
  font-family:"Jost",system-ui,sans-serif;font-weight:200;
  text-transform:uppercase;letter-spacing:.26em;font-size:19px;
  text-decoration:none;padding-left:.26em;
  background:linear-gradient(180deg,#fff4de 0%,#ffe4bb 62%,#f6a95d 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.docnav a:not(.docnav__mark){
  font-family:"Space Mono",monospace;font-size:11.5px;
  letter-spacing:.1em;text-decoration:none;color:var(--ash);
}
.docnav a:not(.docnav__mark):hover{color:var(--paper)}
.docnav__spacer{margin-left:auto}

.doc{max-width:820px;margin:0 auto;padding:56px 26px 110px}

.doc__eyebrow{
  font-family:"Space Mono",monospace;font-size:11px;
  letter-spacing:.3em;text-transform:uppercase;color:var(--ash);
  margin:0 0 18px;
}
.doc h1{
  font-family:"Fraunces",Georgia,serif;font-weight:500;
  font-size:clamp(32px,6vw,52px);line-height:1.08;
  letter-spacing:-.012em;margin:0 0 14px;
}
.doc__meta{
  font-family:"Space Mono",monospace;font-size:11.5px;
  letter-spacing:.08em;color:var(--ash);margin:0 0 48px;
}
.doc h2{
  font-family:"Fraunces",Georgia,serif;font-weight:500;
  font-size:clamp(21px,3vw,27px);line-height:1.25;
  margin:52px 0 14px;padding-top:26px;border-top:1px solid var(--line);
}
.doc h3{
  font-family:"Instrument Sans",system-ui,sans-serif;font-weight:500;
  font-size:17px;margin:30px 0 8px;color:var(--paper);
}
.doc p,.doc li{color:var(--ash)}
.doc p{margin:0 0 18px}
.doc ul,.doc ol{margin:0 0 20px;padding-left:22px}
.doc li{margin-bottom:9px}
.doc strong{color:var(--paper);font-weight:500}

.callout{
  border-left:2px solid var(--amber);
  background:var(--deep);
  padding:20px 24px;margin:0 0 30px;
}
.callout p{margin:0;color:var(--paper)}

.docfoot{
  border-top:1px solid var(--line);
  max-width:820px;margin:0 auto;
  padding:34px 26px 64px;
  font-family:"Space Mono",monospace;font-size:11px;
  letter-spacing:.08em;color:var(--ash);
  display:flex;gap:24px;flex-wrap:wrap;
}
.docfoot a{color:var(--ash);text-decoration:none}
.docfoot a:hover{color:var(--paper)}

:focus-visible{outline:2px solid var(--amber);outline-offset:4px}