/* Legal documents. Deliberately plainer than the marketing pages: these are read, not scanned,
   and a policy that looks like an advert reads as one. Same brand tokens and faces as the rest
   of the site, loaded independently so a legal page renders standalone. */

@font-face{font-family:'Arvo';src:url('/assets/fonts/arvo-700.woff2?v=80d77015') format('woff2');
  font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:url('/assets/fonts/roboto.woff2?v=75be45f9') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --paper:#FFFFFF; --ink:#1C1C1C; --soft:#3D3D3D; --slate:#6B6B6B; --hair:#DCDCDC;
  --blue:#0F5AEC; --blue-wash:#E7EFFE; --band:#F3F3F3;
  --warn:#8A5A00; --warn-bg:#FFF7E6; --warn-line:#E0B860;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0C0C0C; --ink:#F2F2F2; --soft:#C9C9C9; --slate:#9A9A9A; --hair:#2E2E2E;
    --blue:#6E9BFF; --blue-wash:#14203A; --band:#1A1A1A;
    --warn:#E8B860; --warn-bg:#221A08; --warn-line:#6A5220;
  }
}
:root[data-theme="dark"]{
  --paper:#0C0C0C; --ink:#F2F2F2; --soft:#C9C9C9; --slate:#9A9A9A; --hair:#2E2E2E;
  --blue:#6E9BFF; --blue-wash:#14203A; --band:#1A1A1A;
  --warn:#E8B860; --warn-bg:#221A08; --warn-line:#6A5220;
}

*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font:16px/1.65 'Roboto','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:28px 22px 80px}
a{color:var(--blue)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}

.back{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--slate);text-decoration:none;margin-bottom:20px}
.back:hover{color:var(--blue)}

.draft{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:8px;
  padding:14px 18px;color:var(--warn);font-size:14.5px;line-height:1.55;margin-bottom:26px}
.draft strong{color:var(--warn)}

h1{font-family:'Arvo',Georgia,serif;font-weight:700;font-size:29px;line-height:1.2;margin:6px 0 6px}
h2{font-family:'Arvo',Georgia,serif;font-weight:700;font-size:19px;line-height:1.3;margin:34px 0 8px}
h3{font-family:'Arvo',Georgia,serif;font-weight:700;font-size:16px;margin:22px 0 6px}
.meta{color:var(--slate);font-size:14px;margin:0 0 4px}
p,li{color:var(--soft)}
p{margin:0 0 12px}
ul,ol{margin:0 0 12px;padding-left:1.3em}
li{margin-bottom:7px}
li::marker{color:var(--blue)}
strong{color:var(--ink);font-weight:700}
em{color:var(--slate)}

table{border-collapse:collapse;width:100%;margin:14px 0;font-size:15px}
th,td{border:1px solid var(--hair);padding:9px 11px;text-align:left;vertical-align:top;color:var(--soft)}
th{background:var(--band);color:var(--ink);font-weight:700}
.tablewrap{overflow-x:auto}

.callout{background:var(--blue-wash);border:1px solid var(--blue);border-radius:8px;
  padding:14px 18px;margin:16px 0}
.callout p:last-child{margin-bottom:0}

footer{color:var(--slate);font-size:13px;margin-top:44px;border-top:1px solid var(--hair);padding-top:16px}
footer .links{display:flex;flex-wrap:wrap;gap:5px 18px;margin-bottom:10px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
