/* Shared styles for legal / detail sub-pages */
@font-face{font-family:'General Sans';src:url('../assets/generalsans-regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('../assets/generalsans-medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('../assets/generalsans-semibold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}

:root{
  --black:#000;--onyx:#0f0e0e;--primary:#fe3e02;--page:#ebebeb;--gainsboro:#dfdfde;
  --springwood:#fbf7f0;--thunder:#2e2e2e;--warm-gray:#bdb6b6;--grey-goose:#d4d2d2;
  --vampire:#505050;--medium-grey:#7d7d7d;--white:#fff;--radius:999px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--black);
  font-family:'General Sans','Inter Tight',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:1rem;line-height:1.3;font-weight:400}
img{max-width:100%;display:block;border:0}
a{color:inherit;text-decoration:none}
button{font-family:inherit;border:0;background:none;cursor:pointer;color:inherit}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}
.container{width:100%;max-width:84.5rem;margin:0 auto;padding:0 1rem}

/* Top bar */
.subnav{background:#000;color:#fff;padding:1rem 0;border-bottom:1px solid #ffffff1a;position:sticky;top:0;z-index:50}
.subnav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.subnav-right{display:flex;align-items:center;gap:.75rem}
.brand{display:flex;align-items:center;gap:.6rem;color:#fff}
.brand-logo{width:2.5rem;height:2.5rem;object-fit:contain;flex:none}
.brand-name{font-size:1.35rem;font-weight:600;letter-spacing:-.02em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.8rem 1.5rem;border-radius:var(--radius);
  background:var(--primary);color:#fff;font-size:1rem;font-weight:500;border:1px solid transparent;
  transition:transform .25s ease,background-color .25s ease,color .25s ease;box-shadow:0 6px 24px #fe3e0280}
.btn:hover{transform:translateY(-2px)}
.btn-sm{padding:.6rem 1.2rem;font-size:.95rem}

/* Page */
.doc-page{padding:4.5rem 0 6rem}
.doc-page .container{max-width:54rem}
.doc-back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--vampire);font-size:.95rem}
.doc-back-link:hover{color:var(--onyx)}
.doc-eyebrow{color:var(--primary);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;margin:2.5rem 0 .75rem}
.doc-page h1{font-size:3.4rem;line-height:1.05;letter-spacing:-.03em;font-weight:500;color:var(--onyx);margin:0 0 .75rem}
.doc-page .doc-meta{color:var(--medium-grey);font-size:1.15rem;margin:0 0 2.5rem;line-height:1.5}
.doc-body h3{font-size:1.4rem;font-weight:500;margin:2.25rem 0 .6rem;color:var(--onyx)}
.doc-body p{color:var(--vampire);line-height:1.75;margin:0 0 1.1rem;font-size:1.05rem}
.doc-body ul{color:var(--vampire);line-height:1.75;margin:0 0 1.25rem 1.25rem;font-size:1.05rem;list-style:disc}
.doc-body li{margin-bottom:.45rem}
.doc-body strong{color:var(--onyx)}
.doc-note{border-left:3px solid var(--primary);padding:.5rem 0 .5rem 1rem;color:var(--onyx);
  margin:1.75rem 0;background:var(--springwood)}
.doc-email{color:var(--onyx);font-weight:500}

/* Footer */
.footer{background:#000;color:#fff;padding:4rem 0 2.5rem}
.footer-brand{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}
.footer-email{color:var(--warm-gray);margin-top:1.5rem;font-size:.95rem}
.footer-email .js-email{color:#fff}
.footer-bottom{margin-top:3.5rem;border-top:1px solid #ffffff1a;padding-top:1.75rem;color:#fff;font-size:.9rem;
  display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;align-items:center}
.footer-copy{margin:0}
.footer-legal{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem}
.footer-legal a{color:var(--warm-gray);font-size:.9rem;transition:color .2s ease}
.footer-legal a:hover{color:#fff}
.footer-legal a[aria-current="page"]{color:#fff}

@media (max-width:767px){
  .doc-page{padding:2.5rem 0 4rem}
  .doc-page h1{font-size:2.2rem}
  .subnav .btn-sm{display:none}
}