/* AstraNL human.css - the ONE design system for human-first pages (m288).
   Law: docs/SITE_HUMAN_2026.md. Child-simple, graphic-first, zero animation candy. */
:root{--bg:#faf9f6;--surface:#ffffff;--text:#1a1a1a;--muted:#6b6b6b;--border:#e3e0da;--accent:#0f62fe;--accent-soft:#e8f0fe;--good:#0a7d33;--radius:18px;--shadow:0 1px 4px rgba(0,0,0,.06)}
[data-theme=dark]{--bg:#111214;--surface:#1b1d20;--text:#f2f2f0;--muted:#9a9a94;--border:#2c2f33;--accent:#4d8dff;--accent-soft:#1b2940;--good:#3ecf6e;--shadow:0 1px 4px rgba(0,0,0,.4)}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:17px}
body.astra-human{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.45;min-height:100vh;display:flex;flex-direction:column;padding:76px 16px 96px}
.ah-wrap{width:100%;max-width:680px;margin:0 auto;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.ah-h1{font-size:1.9rem;font-weight:750;letter-spacing:-.01em;margin:18px 0 8px}
.ah-sub{font-size:1.08rem;color:var(--muted);max-width:34ch;margin:0 auto 26px}
.ah-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;width:100%}
.ah-tiles.doors{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.ah-tile{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:22px 14px;text-decoration:none;color:var(--text);box-shadow:var(--shadow);min-height:132px;justify-content:center}
.ah-tile:active{border-color:var(--accent)}
@media(hover:hover){.ah-tile:hover{border-color:var(--accent);background:var(--accent-soft)}}
.ah-tile svg{width:46px;height:46px;stroke:var(--accent);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ah-tile b{font-size:1.02rem;font-weight:650}
.ah-tile span{font-size:.86rem;color:var(--muted);max-width:22ch}
.ah-cta{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#fff;border:none;border-radius:999px;padding:16px 30px;font-size:1.12rem;font-weight:650;text-decoration:none;cursor:pointer;box-shadow:var(--shadow)}
.ah-cta svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}
.ah-note{font-size:.85rem;color:var(--muted);margin-top:22px}
.ah-foot{margin-top:auto;padding-top:34px;font-size:.8rem;color:var(--muted)}
.ah-foot a{color:var(--muted)}
input.ah-in,textarea.ah-in{width:100%;background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px;font-size:1.05rem;font-family:inherit}
textarea.ah-in{min-height:110px;resize:vertical}
.ah-in:focus{outline:2px solid var(--accent);border-color:var(--accent)}
@media(prefers-reduced-motion:no-preference){.ah-tile,.ah-cta{transition:border-color .12s,background .12s}}