/* Knights Spell: support and privacy pages. No scripts, no web fonts, nothing loaded from anywhere else. */
:root { --paper:#f3e6bf; --ink:#2b2b3a; --gold:#fac63f; --blue:#3a6b8a; --deep:#233a52; --green:#2e7d4f; --red:#b3402e; }
* { box-sizing: border-box; }
body { margin:0; font:17px/1.55 -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; color:var(--ink); background:var(--blue); }
header { background:var(--deep); color:#fff; padding:28px 20px; text-align:center; border-bottom:6px solid var(--gold); }
header h1 { margin:0; font-size:2.1rem; letter-spacing:.04em; color:var(--gold); text-transform:uppercase; }
header p { margin:6px 0 0; opacity:.9; }
main { max-width:760px; margin:28px auto; padding:0 16px; }
section { background:var(--paper); border:3px solid var(--deep); border-radius:10px; padding:22px 24px; margin-bottom:22px; }
h2 { margin-top:0; color:var(--deep); }
h3 { margin-bottom:.2em; color:var(--deep); }
a { color:var(--deep); font-weight:600; }
label { display:block; font-weight:600; margin:14px 0 4px; }
input[type=text], input[type=email], textarea { width:100%; padding:10px; font:inherit; border:2px solid var(--deep); border-radius:6px; background:#fffdf5; }
textarea { min-height:150px; }
button { margin-top:16px; padding:12px 26px; font:inherit; font-weight:700; color:#fff; background:var(--deep); border:0; border-radius:8px; cursor:pointer; }
button:hover { background:var(--blue); }
.note { font-size:.92rem; opacity:.85; }
.ok { border-color:var(--green); } .bad { border-color:var(--red); }
.trap { position:absolute; left:-5000px; height:0; overflow:hidden; }
footer { text-align:center; color:#dfe9f0; padding:10px 16px 34px; font-size:.9rem; }
footer a { color:#fff; }