:root { --bg:#f5f6f8; --card:#fff; --ink:#15181d; --muted:#626b77; --line:#e1e5ea; --accent:#1f6f5c; }
@media (prefers-color-scheme: dark) { :root { --bg:#0f1216; --card:#171b21; --ink:#e7eaee; --muted:#98a1ad; --line:#262c34; --accent:#5cc7a8; } }
* { box-sizing:border-box }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; padding:24px 16px 48px; }
main { max-width:620px; margin:0 auto; display:flex; flex-direction:column; gap:14px }
h1 { font-size:26px; margin:8px 0 0 }
h2 { font-size:18px; margin:10px 0 0 }
p, li { color:var(--muted); margin:0 }
ul { margin:0; padding-left:20px; display:flex; flex-direction:column; gap:4px }
.card { background:var(--card); border-radius:14px; padding:18px; display:flex; flex-direction:column; gap:10px }
a { color:var(--accent) }
.brand { display:flex; align-items:center; gap:14px; margin-top:8px }
.brand img { width:56px; height:56px; border-radius:13px; flex:none }
.brand h1 { margin:0 }
.lede { font-size:18px; color:var(--ink) }
footer { color:var(--muted); font-size:13px; margin-top:6px }