:root{--bg:#f6f1e7;--ink:#2a2118;--muted:#7a6a58;--card:#fffaf0;--line:#e3d8c4;--accent:#b5532a}
@media (prefers-color-scheme:dark){:root{--bg:#1d1812;--ink:#f1e8d8;--muted:#a8997f;--card:#262017;--line:#3a3124;--accent:#e0875a}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 Georgia,"Times New Roman",serif}
main{max-width:640px;margin:0 auto;padding:48px 16px 64px}
h1{font-size:2rem;margin:0 0 4px}
.sub{color:var(--muted);margin:0 0 32px}
.grid{display:grid;gap:12px}
a.card{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
a.card:hover,a.card:focus-visible{border-color:var(--accent)}
a.card b{display:block;font-size:1.15rem}
a.card span{color:var(--muted);font-size:.95rem}
.soon{opacity:.6;border-style:dashed;padding:16px 18px;border:1px dashed var(--line);border-radius:14px}
.back{display:inline-block;margin-bottom:24px;color:var(--accent);text-decoration:none}