/* Shared styling for the standalone policy pages. Same tokens as the app so the
   documents read as part of the site rather than a bolted-on legal appendix. */
:root{
  --paper:#e9ebef; --surface:#fff; --line:#d3d7e0; --line-soft:#e4e7ee;
  --ink:#1a1d24; --ink-2:#3d434f; --muted:#6a7183;
  --accent:#8c1f2f; --accent-ink:#8c1f2f; --accent-soft:#f5e6e8; --stamp:#3c6ea8;
  --radius:6px;
  --sans:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#111318; --surface:#1a1d23; --line:#333944; --line-soft:#282d36;
  --ink:#e7e9ee; --ink-2:#c3c8d3; --muted:#949bab;
  --accent:#e08494; --accent-ink:#e8a0ad; --accent-soft:#33202a; --stamp:#6293d0;
}}
:root[data-theme="dark"]{
  --paper:#111318; --surface:#1a1d23; --line:#333944; --line-soft:#282d36;
  --ink:#e7e9ee; --ink-2:#c3c8d3; --muted:#949bab;
  --accent:#e08494; --accent-ink:#e8a0ad; --accent-soft:#33202a; --stamp:#6293d0;
}

@font-face{font-family:"Source Sans 3";font-weight:400;font-display:swap;src:url(assets/sourcesans-400.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:600;font-display:swap;src:url(assets/sourcesans-600.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:700;font-display:swap;src:url(assets/sourcesans-700.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-weight:600;font-display:swap;src:url(assets/newsreader-600.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(assets/plexmono-400.woff2) format("woff2")}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
  padding-top:env(safe-area-inset-top,0px)}
.dochead{border-bottom:1px solid var(--line);background:var(--paper)}
.back{display:inline-block;padding:11px clamp(16px,4vw,28px);color:var(--stamp);
  text-decoration:none;font-size:14px}
.back:hover{text-decoration:underline}
.doc{width:min(74ch,100% - 32px);margin-inline:auto;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);
  padding:clamp(20px,4vw,40px);margin-block:clamp(16px,3vw,32px)}
h1{font-family:var(--serif);font-size:clamp(25px,4vw,32px);line-height:1.2;
  margin:0 0 14px;text-wrap:balance}
h2{font-family:var(--serif);font-size:19px;margin:30px 0 8px;text-wrap:balance}
p{margin:0 0 12px;color:var(--ink-2)}
.lead{font-size:17px;color:var(--ink);border-left:3px solid var(--accent);
  padding-left:14px;margin-bottom:16px}
.meta{font-family:var(--mono);font-size:12.5px;color:var(--muted)}
a{color:var(--stamp)}
code{font-family:var(--mono);font-size:13px;background:var(--accent-soft);
  padding:1px 5px;border-radius:3px;color:var(--accent-ink)}
table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:14.5px;
  display:block;overflow-x:auto}
th,td{text-align:left;vertical-align:top;padding:7px 10px 7px 0;
  border-bottom:1px solid var(--line-soft)}
th{font-weight:700;color:var(--ink);white-space:nowrap}
td{color:var(--ink-2)}
strong{color:var(--ink)}
.docfoot{margin-top:34px;padding-top:14px;border-top:1px solid var(--line);
  font-size:13.5px;color:var(--muted)}
