<!-- ============================== assets/site.css ============================== -->
/* Shared site styles extracted from inline <style> to avoid environments that strip style tags. */
:root { --bg:#f4f4f4; --ink:#111; --brand:#333; --brand-2:#444; --card:#fff; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--bg);color:var(--ink)}
header{background:var(--brand);color:#fff;padding:1.25rem 0;text-align:center}
nav{background:var(--brand-2);display:flex;gap:.5rem;justify-content:center;padding:.5rem 1rem}
nav a{color:#fff;text-decoration:none;padding:.5rem .75rem;border-radius:.5rem}
nav a:hover, nav a[aria-current="page"]{background:rgba(255,255,255,.12)}
.container{max-width:800px;margin:1.25rem auto;padding:1rem}
.card{background:var(--card);box-shadow:0 2px 14px rgba(0,0,0,.08);padding:1.25rem;border-radius:.75rem}
footer{background:#333;color:#fff;text-align:center;padding:1rem 0;margin-top:3rem}
form{display:grid;gap:.75rem}
label{font-weight:600}
input, textarea, button{font:inherit;padding:.6rem .7rem;border:1px solid #ccc;border-radius:.5rem}
input:focus, textarea:focus{outline:2px solid #7aa2ff;outline-offset:2px}
button{background:#222;color:#fff;border:0;cursor:pointer}
button:hover{filter:brightness(1.15)}
.muted{color:#666;font-size:.95rem}
</html>