/* Styles for the simple text pages (About, Privacy, Terms, Contact).
   Colors match the tool in public/tool.css. */
:root{
  --bg:#eef1f8; --panel:#ffffff; --text:#1b1d2a; --muted:#596079; --line:#d9deeb;
  --accent:#2747ff; --accent-ink:#ffffff; color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#11131b; --panel:#1a1d28; --text:#e8ebf5; --muted:#a1a8bf; --line:#2c3142;
    --accent:#8395ff; --accent-ink:#0c0f2e; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#11131b; --panel:#1a1d28; --text:#e8ebf5; --muted:#a1a8bf; --line:#2c3142;
  --accent:#8395ff; --accent-ink:#0c0f2e; color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 "Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
a{color:var(--accent)}
.pagetop{display:flex;align-items:center;gap:12px;max-width:760px;margin:0 auto;padding:18px 16px}
.pagetop a{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font:400 30px/1 "Patrick Hand","Comic Sans MS",cursive}
.page{max-width:760px;margin:0 auto 28px;padding:24px clamp(16px,4vw,36px);background:var(--panel);border:1.5px solid var(--line);border-radius:16px}
.page h1,.page h2{font-family:"Patrick Hand","Comic Sans MS",cursive;font-weight:400;line-height:1.15}
.page h1{font-size:40px;margin:0 0 8px}
.page h2{font-size:28px;margin:28px 0 6px}
.page .updated{color:var(--muted);font-size:14px;margin-top:0}
.page .btn{display:inline-block;margin-top:8px;padding:10px 18px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none}
@media (max-width:520px){.page{border-radius:0;border-left:0;border-right:0}}