:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", sans-serif;
  margin: 0; line-height: 1.65; color: #1c1c1e; background: #f2f4f6; }
@media (prefers-color-scheme: dark){ body{ color:#e5e5ea; background:#0f1113; } .card{ background:#1c1e22 !important; } a{color:#5aa0ff;} }
.wrap { max-width: 720px; margin: 0 auto; padding: 40px 20px 80px; }
h1 { font-size: 1.9rem; margin: 0 0 6px; }
h2 { font-size: 1.2rem; margin: 28px 0 8px; }
.sub { color: #6b7280; margin: 0 0 24px; }
.card { background: #fff; border-radius: 14px; padding: 20px 22px; margin: 16px 0; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
a { color: #1f5ecc; }
.badge { display:inline-block; padding:2px 10px; border-radius:20px; background:#1f5ecc22; color:#1f5ecc; font-size:.8rem; }
footer { color:#6b7280; font-size:.85rem; margin-top:40px; }