/* Shared chrome for the legal pages. The landing keeps its own inline styles: those carry
   a hero, stats and pricing that a policy has no use for, and a document that borrowed
   them would be a marketing page wearing a hat. Same tokens, same nav, same footer. */

:root{
  --ink:#14161A; --paper:#FBFAF6; --card:#FFFFFF; --line:#E7E3D8;
  --muted:#6E6B61; --ink-2:#43443F;
  --amber:#F2A100; --amber-deep:#B37500; --amber-soft:#FBEED2;
  --dark:#14161A; --on-dark:#F4F2EA; --on-dark-2:#B9B6AA;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
     font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
     font-size:16.5px;line-height:1.62}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
a{color:var(--amber-deep)}

/* nav — identical to the landing, so arriving here does not feel like another site */
nav{background:var(--dark);color:var(--on-dark)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;
          padding-top:18px;padding-bottom:18px}
nav .links{display:flex;gap:26px;font-size:15px}
nav .links a{color:var(--on-dark-2);text-decoration:none}
nav .links a:hover{color:var(--amber)}
.logo{display:flex;align-items:center;gap:10px;font-family:"Archivo",sans-serif;
      font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--on-dark);
      text-decoration:none}
.logo svg{display:block}

/* the document itself */
.doc{max-width:760px;margin:0 auto;padding:56px 24px 80px}
.doc h1{font-family:"Archivo",system-ui,sans-serif;font-weight:800;
        font-size:clamp(30px,4.4vw,44px);letter-spacing:-.02em;line-height:1.08;margin:0}
.doc .dates{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:13px;
            color:var(--muted);margin-top:14px}
.doc .summary{background:var(--card);border:1px solid var(--line);border-radius:10px;
              padding:22px 24px;margin:30px 0 8px}
.doc .summary h2{margin-top:0}
.doc .summary ul{margin-bottom:0}
.doc h2{font-family:"Archivo",system-ui,sans-serif;font-weight:800;font-size:22px;
        letter-spacing:-.015em;margin:42px 0 12px}
.doc h3{font-family:"Archivo",system-ui,sans-serif;font-weight:700;font-size:17px;
        margin:26px 0 8px}
.doc p{margin:0 0 1em;color:var(--ink-2)}
.doc li{margin-bottom:.5em;color:var(--ink-2)}
.doc ul,.doc ol{padding-left:22px}
.doc strong{color:var(--ink)}
.doc table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.doc th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;
        color:var(--muted);font-weight:600;padding:0 12px 8px 0;border-bottom:1px solid var(--line)}
.doc td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);
        vertical-align:top;color:var(--ink-2)}
.doc .note{background:var(--amber-soft);border:1px solid #EBD9A8;border-radius:8px;
           padding:16px 18px;margin:22px 0}
.doc .note p:last-child{margin-bottom:0}
.doc .toc{font-size:15px}

footer{background:var(--dark);color:var(--on-dark-2);border-top:1px solid #24272D;
       padding:30px 0;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:var(--on-dark-2)}

@media (max-width:640px){
  nav .links{display:none}
  .doc{padding-top:36px}
}