/* Enterchat draft styles — separate from xerocks.store */
:root { --ink:#10231f; --accent:#0f766e; --accent2:#134e4a; --bg:#f4f7f6; --card:#ffffff; --muted:#5b6b68; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif; color:var(--ink); background:var(--bg); line-height:1.6; }
header { background:var(--accent2); color:#fff; padding:1rem 1.25rem; display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between; }
.logo { color:#fff; font-weight:800; font-size:1.25rem; text-decoration:none; }
nav a { color:#d7efec; text-decoration:none; margin-right:1rem; }
nav a:hover { text-decoration:underline; }
main { max-width:900px; margin:0 auto; padding:1.5rem 1.25rem 3rem; }
.hero { background:var(--card); border:1px solid #dce5e2; border-radius:12px; padding:1.5rem; }
.btn { display:inline-block; background:var(--accent); color:#fff; padding:.6rem 1rem; border-radius:8px; text-decoration:none; margin-right:.5rem; }
.btn.secondary { background:#fff; color:var(--accent2); border:1px solid var(--accent); }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; margin:1.5rem 0; }
.card { background:var(--card); border:1px solid #dce5e2; border-radius:12px; padding:1rem; }
.notice, .placeholder { background:#fff8e1; border:1px solid #f2d27a; border-radius:8px; padding:.75rem 1rem; }
footer { border-top:1px solid #dce5e2; padding:1.5rem 1.25rem; color:var(--muted); font-size:.95rem; }
footer a { color:var(--accent2); }
ul { padding-left:1.25rem; }