:root { --bg:#f6f7f5; --fg:#1d2420; --muted:#5b665f; --accent:#17663a; --card:#fff; }
@media (prefers-color-scheme: dark) { :root { --bg:#0f1512; --fg:#e8ede9; --muted:#9aa69f; --accent:#4cc27e; --card:#18201c; } }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.75 -apple-system, "Hiragino Sans", sans-serif; }
main { max-width:680px; margin:0 auto; padding:40px 16px 64px; }
.card { background:var(--card); border-radius:14px; padding:24px; margin-top:20px; }
h1 { font-size:1.6rem; margin:0 0 4px; } h2 { font-size:1.15rem; margin:1.6em 0 .4em; }
p.lead { color:var(--muted); margin:0; } a { color:var(--accent); }
header { display:flex; gap:16px; align-items:center; }
header img { width:72px; height:72px; border-radius:16px; }
footer { color:var(--muted); font-size:.85rem; margin-top:32px; }