/* Shared styles for the help, legal and 404 pages. Same tokens as index.html. */
:root{
  color-scheme:only light;
  --paper:#ffffff;
  --paper-2:#eef5fd;
  --ink:#0e2440;
  --muted:#5b6b80;
  --line:rgba(14,36,64,.12);
  --blue:#4189dd;
  --blue-ink:#2f6fbf;
  --serif:"Instrument Serif",Georgia,serif;
  --sans:"Manrope",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--blue-ink)}
:focus-visible{outline:2px solid var(--blue-ink);outline-offset:3px}
.wrap{width:min(760px,100% - 32px);margin-inline:auto}
.nav{border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;width:min(1160px,100% - 32px)}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:1.7rem}
.logo svg{width:18px;height:22px}
.back{font-size:.9rem;font-weight:600;text-decoration:none}
main{padding:clamp(40px,6vw,56px) 0 clamp(64px,8vw,88px)}
.kicker{font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1.02;margin:10px 0 18px}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,3vw,2rem);line-height:1.1;margin:48px 0 12px;scroll-margin-top:24px}
h3{font-size:1.02rem;margin:26px 0 6px}
p,li{color:var(--muted)}
p+p{margin-top:12px}
ul{padding-left:20px;margin-top:10px;display:grid;gap:6px}
strong{color:var(--ink)}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;list-style:none;padding:0}
.toc a{display:inline-block;padding:8px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:600;font-size:.9rem;color:var(--ink)}
.toc a:hover{border-color:var(--ink)}
.note{margin-top:22px;padding:16px 18px;border-radius:14px;background:var(--paper-2);color:var(--ink)}
/* details the owner still has to fill in before launch */
.todo{background:#fff3c4;color:#5a4300;padding:0 4px;border-radius:4px}
table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.95rem}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}
th{color:var(--ink)}
td{color:var(--muted)}
details{border-bottom:1px solid var(--line);padding:16px 0}
summary{cursor:pointer;font-weight:600;color:var(--ink)}
details p{margin-top:8px}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.85rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;width:min(1160px,100% - 32px)}
footer a{color:inherit}