/* Shared shell for the legal and policy pages. */
:root{
  --void:#080706;
  --onyx:#121009;
  --gold:#D4AF37;
  --gold-hi:#F6E27A;
  --gold-deep:#8A6D1F;
  --champagne:#EAE0C9;
  --muted:#94886F;
  --hairline:rgba(212,175,55,.30);
  --hairline-soft:rgba(212,175,55,.13);
  --foil:linear-gradient(105deg,#8A6D1F 0%,#D4AF37 26%,#F6E27A 50%,#D4AF37 74%,#8A6D1F 100%);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--void);color:var(--champagne);font-family:'Jost',sans-serif;font-weight:300;
  line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-hi)}
a:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.wrap{max-width:760px;margin:0 auto;padding:0 30px}

header{border-bottom:1px solid var(--hairline-soft);padding:26px 0}
.topline{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.wordmark{font-family:'Cinzel',serif;font-weight:700;font-size:.82rem;letter-spacing:.42em;
  text-transform:uppercase;color:var(--champagne)}
.wordmark .dot{color:var(--gold)}
.doc-nav{display:flex;gap:18px;flex-wrap:wrap;font-family:'Cinzel',serif;font-size:.54rem;
  letter-spacing:.26em;text-transform:uppercase}
.doc-nav a{color:var(--gold-deep)}
.doc-nav a:hover,.doc-nav a[aria-current]{color:var(--gold)}

main{padding:70px 0 92px}
h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(2.1rem,5.6vw,3rem);
  line-height:1.12;margin-bottom:14px}
.foil{background:var(--foil);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}
.lede{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.24rem;color:var(--muted);
  margin-bottom:20px}
.updated{font-family:'Cinzel',serif;font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:48px}

.toc{display:flex;flex-wrap:wrap;gap:8px 22px;padding-bottom:40px;margin-bottom:44px;
  border-bottom:1px solid var(--hairline-soft);font-family:'Cinzel',serif;font-size:.58rem;
  letter-spacing:.28em;text-transform:uppercase}
section{margin-bottom:56px;scroll-margin-top:26px}
h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.5rem,3.8vw,2rem);
  margin-bottom:10px}
h3{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--gold);margin:30px 0 10px}
.eyebrow{font-family:'Cinzel',serif;font-size:.56rem;letter-spacing:.4em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:16px}
p{margin-bottom:18px}
p.muted,li.muted{color:var(--muted)}
ol,ul{margin:0 0 18px 0;padding-left:22px}
li{margin-bottom:10px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;color:var(--gold)}
strong,b{font-weight:500;color:#F0E8D4}

dl.facts{margin-bottom:24px}
dl.facts dt{font-family:'Cinzel',serif;font-size:.54rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold-deep);margin-top:20px}
dl.facts dd{margin-left:0}

table{width:100%;border-collapse:collapse;margin-bottom:22px;font-size:.95rem}
th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--hairline-soft);
  vertical-align:top}
th{font-family:'Cinzel',serif;font-size:.54rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--gold-deep);font-weight:600}
.tbl{overflow-x:auto}

/* A value only the operator can supply. Deliberately loud: the build counts
   these and refuses a production build while any remain. */
.fill{display:inline-block;background:rgba(212,175,55,.14);border:1px dashed var(--hairline);
  color:var(--gold-hi);padding:1px 9px;font-family:'Cinzel',serif;font-size:.72em;
  letter-spacing:.16em;text-transform:uppercase}

.callout{border:1px solid var(--hairline);border-left-width:3px;background:var(--onyx);
  padding:22px 26px;margin-bottom:24px}
.callout .tag{display:inline-block;font-family:'Cinzel',serif;font-size:.52rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--gold);border:1px solid var(--hairline);
  padding:4px 11px 3px;margin-bottom:14px}
.callout p:last-child,.callout ul:last-child{margin-bottom:0}

.contact-form{margin:18px 0 22px;max-width:560px}
.contact-form label{display:block;font-family:'Cinzel',serif;font-size:.55rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--gold-deep);margin:18px 0 8px}
.contact-form input,.contact-form textarea{width:100%;background:var(--onyx);color:var(--champagne);
  border:1px solid var(--hairline-soft);padding:13px 15px;font-family:'Cormorant Garamond',serif;
  font-size:1.08rem;line-height:1.5;transition:border-color .25s ease}
.contact-form textarea{resize:vertical;min-height:130px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(148,136,111,.5)}
.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--hairline)}
.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}
.cf-trap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.cf-send{margin-top:22px;display:inline-block;background:none;border:1px solid var(--hairline);
  color:var(--gold);font-family:'Cinzel',serif;font-size:.58rem;letter-spacing:.3em;
  text-transform:uppercase;padding:14px 30px;cursor:pointer;transition:color .25s ease,border-color .25s ease}
.cf-send:hover{color:var(--gold-hi);border-color:var(--gold)}
.cf-send[disabled]{opacity:.55;cursor:progress}
.cf-status{margin-top:14px;font-size:.92rem;color:var(--muted)}
.cf-status.err{color:#C97A6A}

footer{border-top:1px solid var(--hairline-soft);padding:32px 0 60px;color:var(--gold-deep);
  font-family:'Cinzel',serif;font-size:.54rem;letter-spacing:.26em;text-transform:uppercase}
footer .row{display:flex;gap:26px;flex-wrap:wrap}
footer a{color:var(--gold-deep)}
footer a:hover{color:var(--gold)}

@media(max-width:640px){
  main{padding:48px 0 64px}
  .doc-nav{gap:14px}
}