:root {
  --bg:#f6f8f9;
  --ink:#20262b;
  --muted:#68757d;
  --card:#fff;
  --brd:#dce3e6;
  --acc:#087e72;
  --acc2:#286ab4;
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --bg:#11191d;
  --ink:#e8f0f1;
  --muted:#a9b9bd;
  --card:#1b252a;
  --brd:#35444a;
  --acc:#56cfb5;
  --acc2:#93bffa;
}
body {font-size:14px;line-height:1.55;letter-spacing:0}
header {background:var(--card);backdrop-filter:none}
.head {max-width:1190px;min-height:54px;padding:8px 18px;gap:14px}
.brand {color:var(--ink);text-decoration:none;font-size:14px;white-space:nowrap}
.logo {width:30px;height:30px;border-radius:6px;background:var(--acc);font-size:14px}
.head nav {align-items:center;gap:5px}
.head nav a,.head nav button {display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 9px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;font-family:inherit;text-decoration:none;white-space:nowrap;cursor:pointer}
.head nav a:hover,.head nav button:hover {background:var(--bg);color:var(--ink)}
.head nav button {border:1px solid var(--brd);background:var(--card)}
.head nav button svg {width:16px;height:16px}
main {max-width:920px;padding:30px 18px 60px}
.eyebrow {font-size:10px;letter-spacing:0;color:var(--acc)}
.hero h1 {font-size:26px;line-height:1.25;margin:5px 0 8px}
.hero p {max-width:760px;font-size:12px}
.notice {margin:20px 0;padding:11px 13px;border-radius:5px;background:var(--card);font-size:12px;font-weight:650}
.toc {gap:5px;margin:15px 0 20px}
.toc a {border-radius:5px;padding:7px 10px;font-size:11px}
.toc a.on {background:var(--ink);color:var(--card);border-color:var(--ink)}
.sections {gap:0}
.policy {padding:19px 0;border:0;border-top:1px solid var(--brd);border-radius:0;background:transparent;scroll-margin-top:72px}
.policy h2 {font-size:17px;margin:0 0 6px}
.policy p {margin:6px 0;font-size:12px;line-height:1.65}
.policy a {color:var(--acc2)}
a:focus-visible,button:focus-visible {outline:2px solid var(--acc2);outline-offset:2px}
@media(max-width:600px) {
  .head {padding:8px 12px}
  .head nav {gap:2px}
  .head nav a,.head nav button {padding:5px 6px;font-size:10px}
  .head nav a#review,.head nav a#account {display:none}
  .head nav a#home {display:inline-flex}
  main {padding:19px 12px 55px}
  .hero h1 {font-size:22px}
  .policy {padding:16px 0}
}