/* Shared styling for the policy pages. Same tokens as the storefront. */
:root{
  --bg:#E6E8E3; --surface:#F4F5F2;
  --ink:#141812; --ink-2:#434A40; --muted:#6C746A;
  --line:#C8CDC3; --accent:#C8F000; --accent-ink:#141812; --accent-text:#5C7A00;
  --display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --body:"Newsreader",Georgia,"Times New Roman",serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0E110D; --surface:#171B15;
    --ink:#E9EDE5; --ink-2:#B9C0B4; --muted:#879082;
    --line:#2B3127; --accent-text:#C8F000;
  }
}
:root[data-theme="dark"]{
  --bg:#0E110D; --surface:#171B15;
  --ink:#E9EDE5; --ink-2:#B9C0B4; --muted:#879082;
  --line:#2B3127; --accent-text:#C8F000;
}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:44rem;margin:0 auto;padding-inline:20px;padding-block:0 80px}

nav{border-bottom:1px solid var(--line);margin-bottom:40px}
.navin{max-width:44rem;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:20px}
.brand{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.01em;text-decoration:none;color:inherit;display:flex;align-items:center;gap:9px}
.navin a.back{margin-left:auto;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);text-decoration:none}
.navin a.back:hover{color:var(--ink)}

h1{font-family:var(--display);font-weight:800;font-size:clamp(2rem,5vw,2.9rem);line-height:1;letter-spacing:-.03em;text-transform:uppercase;margin:0 0 10px;text-wrap:balance}
.updated{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 34px}
h2{font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.015em;margin:36px 0 10px;text-wrap:balance}
h3{font-family:var(--display);font-weight:600;font-size:1.02rem;margin:24px 0 8px}
p{margin:0 0 16px}
ul,ol{padding-left:1.2em;margin:0 0 16px}
li{margin:0 0 8px}
li::marker{color:var(--accent-text)}
strong{font-weight:600}
a{color:var(--accent-text);text-underline-offset:2px}
table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:13px;margin:18px 0}
th,td{text-align:left;padding:9px 14px 9px 0;border-bottom:1px solid var(--line);vertical-align:top}
thead th{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:500;border-bottom:1px solid var(--ink-2)}
.scroll{overflow-x:auto}

.fill{
  background:var(--surface);border-left:3px solid var(--accent-text);
  padding:14px 18px;margin:20px 0;font-size:15px;color:var(--ink-2);
}
.fill code{font-family:var(--mono);font-size:13px;background:var(--bg);padding:1px 5px;border-radius:2px}
footer{border-top:1px solid var(--line);margin-top:56px;padding-top:20px}
footer p{font-size:13.5px;color:var(--muted);margin:0}
footer a{color:var(--muted)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}
