:root { --bg:#f6f7f9; --tx:#1c2430; --mut:#5b6678; --ac:#3b4fc4; --bd:#e3e7ee; --card:#fff; }
@media (prefers-color-scheme: dark) { :root { --bg:#12161c; --tx:#e6eaf0; --mut:#9aa6b8; --ac:#8b9bff; --bd:#2a323d; --card:#1b2129; } }
* { box-sizing: border-box }
body { margin: 0; background: var(--bg); color: var(--tx); font: 17px/1.6 system-ui, -apple-system, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 56px; }
h1 { font-size: 1.6rem; margin: 8px 0 4px } h2 { font-size: 1.15rem; margin: 28px 0 6px }
a { color: var(--ac) } .mut { color: var(--mut); font-size: .92rem }
.card { background: var(--card); border: 1px solid var(--bd); border-radius: 12px; padding: 12px 18px; margin: 14px 0 }
ul { padding-left: 1.2rem } li { margin: 4px 0 }
footer { margin-top: 36px; border-top: 1px solid var(--bd); padding-top: 14px }