/* Shared furniture for the privacy, terms and support pages.

   The landing page keeps its styles inline instead of linking this file, because it is a
   single self-contained document whose hero and feature grid nothing else uses. The
   palette below therefore repeats index.html's, and both come from ART.md section 4. */

:root { --sky:#1B1035; --glow:#4A2E7A; --acid:#C6FF3E;
        --accent:#FFC53D; --grub:#9FE066; --ink:#EFF7C4; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
       background:var(--sky); color:var(--ink); }
a { color:var(--acid); }
.wrap { max-width:760px; margin:0 auto; padding:0 24px; }
header { background:linear-gradient(180deg,var(--glow),var(--sky)); padding:26px 0; }
header a { color:var(--accent); font-size:22px; font-weight:900; letter-spacing:-1px;
           text-decoration:none; }
/* Written as main.wrap so it out-specifies .wrap's own margin, which would
   otherwise win and take the gap under the header with it. */
main.wrap { margin:40px auto 8px; }
h1 { margin:0 0 8px; font-size:clamp(28px,6vw,40px); font-weight:900; letter-spacing:-1px;
     color:var(--accent); }
h2 { color:var(--acid); font-size:21px; margin:34px 0 10px; }
p, li { opacity:.88; }
ul { padding-left:20px; }
li { margin-bottom:10px; }
strong { color:var(--grub); }
footer { margin-top:40px; padding:36px 24px 64px; font-size:14px; opacity:.7; text-align:center;
         border-top:1px solid rgba(255,255,255,.08); }
footer a { margin:0 10px; }