:root { --bg:#ffffff; --fg:#1a202c; --muted:#4a5568; --accent:#1a5f4a; --card:#f7fafc; --border:#e2e8f0; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#12161c; --fg:#e8edf2; --muted:#9aa7b4; --accent:#4dbd9c; --card:#1a212b; --border:#2a3441; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.65 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
main { max-width:760px; margin:0 auto; padding:32px 20px 64px; }
header.site { border-bottom:1px solid var(--border); background:var(--card); }
header.site .inner { max-width:760px; margin:0 auto; padding:18px 20px; display:flex; align-items:center; gap:12px; }
header.site .logo { width:34px; height:34px; border-radius:8px; background:var(--accent); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:17px; }
header.site .name { font-weight:700; font-size:18px; }
header.site .name a { color:var(--fg); text-decoration:none; }
h1 { font-size:1.7em; line-height:1.25; margin:0 0 4px; }
h2 { font-size:1.2em; margin-top:1.8em; border-bottom:1px solid var(--border); padding-bottom:6px; }
h3 { font-size:1.02em; margin-top:1.4em; }
.meta { color:var(--muted); margin-bottom:1.6em; font-size:.95em; }
a { color:var(--accent); }
ul { padding-left:1.3em; }
li { margin:4px 0; }
.card { display:block; background:var(--card); border:1px solid var(--border); border-radius:12px; padding:18px 20px; margin:14px 0; text-decoration:none; color:var(--fg); }
.card:hover { border-color:var(--accent); }
.card .t { font-weight:700; margin-bottom:4px; }
.card .d { color:var(--muted); font-size:.95em; }
footer { max-width:760px; margin:0 auto; padding:24px 20px 40px; color:var(--muted); font-size:.9em; border-top:1px solid var(--border); }