:root { color-scheme: light; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; margin:0; line-height:1.55; color:#111; }
header { padding: 26px 16px; border-bottom: 1px solid #eaeaea; }
main { max-width: 980px; margin: 0 auto; padding: 22px 16px 56px; }
nav { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
nav a { text-decoration:none; border:1px solid #eaeaea; padding:8px 12px; border-radius:999px; color:#111; }
nav a:hover { border-color:#cfcfcf; }
h1 { margin:0 0 8px; font-size:30px; }
h2 { margin-top: 26px; }
.lead { margin:0; color:#444; }
.grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:14px; margin: 22px 0; }
.card { border:1px solid #eaeaea; border-radius:14px; padding:16px; text-decoration:none; color:inherit; }
.card:hover { border-color:#cfcfcf; }
.card strong { display:block; margin-bottom:6px; }
footer { border-top:1px solid #eaeaea; padding:18px 16px; color:#666; font-size:14px; }
.badge { display:inline-block; font-size:12px; border:1px solid #eaeaea; border-radius:999px; padding:4px 10px; color:#555; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
ul { padding-left: 18px; }
@media (max-width: 820px) { .grid { grid-template-columns: 1fr; } }