/* ============ TOKENS (copied verbatim from index.html) ============ */
:root{
  --navy:#0B1F3A;
  --navy-deep:#061426;
  --steel:#98A4AE;
  --steel-soft:#DCE0E3;
  --paper:#F7F6F2;
  --white:#FFFFFF;
  --gold:#B29455;
  --ink:#1A222C;
  --body:#414B57;
}

/* ============ BASE ============ */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition:none!important;}
}
body{
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif;
  color:var(--ink);background:var(--paper);
  line-height:1.65;font-size:16.5px;
  -webkit-font-smoothing:antialiased;
  padding-top:44px; /* clears the fixed draft banner */
}
.serif{font-family:'Source Serif 4',Georgia,serif;}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
.eyebrow{
  font-size:11.5px;font-weight:600;letter-spacing:.32em;
  text-transform:uppercase;color:var(--gold);
}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

/* ============ DRAFT BANNER — deliberately out of place, not brand colors ============ */
.draft-banner{
  position:fixed;top:0;left:0;right:0;z-index:200;
  background:#B00020;color:#FFFFFF;
  text-align:center;padding:12px 16px;
  font-family:'Inter',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.04em;line-height:1.4;
}

/* ============ WORDMARK LOCKUP (copied verbatim from index.html) ============ */
.wordmark{
  font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:19px;
  color:var(--white);text-decoration:none;
  display:flex;align-items:center;gap:8px;
  white-space:nowrap;
}
.wordmark-text{
  display:flex;flex-direction:column;align-items:center;
  text-transform:uppercase;letter-spacing:.14em;line-height:1.1;
}
.wordmark-main{margin-right:-.14em;}
.wordmark small{
  font-family:'Inter',sans-serif;font-size:9.5px;font-weight:600;
  letter-spacing:.3em;text-transform:uppercase;color:var(--gold);
  margin-top:3px;
}
.wordmark-mark{height:40px;width:auto;margin-right:12px;align-self:center;}

/* ============ SIMPLIFIED NAV — solid navy, no scroll-transition ============ */
.legal-nav{background:var(--navy-deep);}
.legal-nav-inner{display:flex;align-items:center;justify-content:space-between;height:84px;}
.back-link{
  font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.85);text-decoration:none;transition:color .2s;
}
.back-link:hover{color:var(--gold);}

/* ============ LEGAL PROSE ============ */
.legal-main{background:var(--paper);padding:72px 0 110px;}
.legal-content{max-width:68ch;margin:0 auto;}
.legal-content .eyebrow{display:block;margin-bottom:14px;}
.legal-content h1{
  font-family:'Source Serif 4',Georgia,serif;font-weight:500;
  font-size:clamp(32px,4.5vw,48px);line-height:1.15;color:var(--navy);
  margin-bottom:10px;
}
.effective-date{
  font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--steel);margin-bottom:52px;
}
.legal-content h2{
  font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:26px;
  color:var(--navy);margin:52px 0 16px;
}
.legal-content h2:first-of-type{margin-top:0;}
.legal-content p{font-size:16.5px;line-height:1.7;color:var(--body);margin-bottom:20px;}
.legal-content ul{margin:0 0 20px 22px;color:var(--body);font-size:16.5px;line-height:1.7;}
.legal-content li{margin-bottom:8px;}
.legal-content strong{color:var(--ink);font-weight:600;}
.legal-content .contact-block p{margin-bottom:4px;}

/* ============ FOOTER — matches index.html ============ */
footer{background:var(--navy-deep);color:var(--steel);padding:80px 0 32px;}
.foot-grid{
  display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px;
  padding-bottom:48px;border-bottom:1px solid rgba(152,164,174,.16);
}
@media(max-width:640px){.foot-grid{grid-template-columns:1fr;gap:32px;}}
.foot-col .wordmark{font-size:17px;margin-bottom:14px;}
.foot-lockup{display:inline-flex;flex-direction:column;align-items:center;}
.foot-mark{display:block;height:56px;width:auto;margin-bottom:16px;}
.foot-col ul{list-style:none;display:grid;gap:12px;}
.foot-col a{color:var(--steel);text-decoration:none;font-size:13.5px;letter-spacing:.04em;transition:color .2s;}
.foot-col a:hover{color:var(--gold);}
.foot-col .c-label{
  font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
  color:rgba(152,164,174,.7);margin-bottom:10px;
}
.foot-legal{padding-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.foot-legal p{font-size:12.5px;letter-spacing:.04em;line-height:1.5;}
.foot-legal a{color:var(--steel);text-decoration:none;transition:color .2s;}
.foot-legal a:hover{color:var(--gold);}

/* ============ MOBILE (<=640px) ============ */
@media(max-width:640px){
  body{font-size:16px;}
  .wrap{padding:0 22px;}
  .legal-nav-inner{height:60px;}
  .wordmark{font-size:16px;}
  .wordmark-mark{height:32px;margin-right:9px;}
  .back-link{font-size:10.5px;letter-spacing:.14em;}

  .legal-main{padding:48px 0 72px;}
  .legal-content h1{margin-bottom:8px;}
  .effective-date{margin-bottom:36px;}
  .legal-content h2{margin:36px 0 14px;font-size:22px;}
  .legal-content p,.legal-content ul{font-size:16px;}

  footer{padding:56px 0 24px;}
  .foot-grid{padding-bottom:28px;}
  .foot-legal{padding-top:20px;}
}
