:root { --fg:#111; --muted:#555; --bg:#fff; --card:#f7f7f8; --border:#e6e6ea; }
body { margin:0; font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--fg); background:var(--bg); }
main { max-width:920px; margin:0 auto; padding:40px 20px; }
header { margin-bottom:18px; }
h1 { font-size:34px; line-height:1.15; margin:0 0 10px; }
h2 { font-size:20px; margin:28px 0 10px; }
p { margin:10px 0; }
ul { margin:10px 0 10px 22px; }
li { margin:6px 0; }
a { color:inherit; }
.meta { color:var(--muted); margin:0; }
.small { font-size:14px; color:var(--muted); }
.card { background:var(--card); border:1px solid var(--border); padding:16px; border-radius:12px; }
.grid { display:grid; gap:14px; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); }
.btnrow { display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; }
.btn { display:inline-block; padding:10px 12px; border-radius:12px; border:1px solid var(--border); background:#fff; text-decoration:none; }
.btn:hover { background:#fafafa; }
.card-title { margin-top:0; }
.top-gap { margin-top:12px; }
.flush { margin:0; }
footer { margin-top:28px; }