*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}
header{background:#0f172a;color:#fff;padding:1.25rem 0;margin-bottom:1rem}
header h1{margin:0 0 .25rem 0;font-size:1.5rem}
header p{margin:.25rem 0 .75rem 0;opacity:.9}
nav a{color:#a5b4fc;text-decoration:none;margin-right:1rem}
nav a:hover{text-decoration:underline}
.container{max-width:900px;margin:0 auto;padding:0 1rem}
.small{font-size:.875rem;color:#475569}
.card{border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;margin:.75rem 0;background:#fff}
code{background:#f1f5f9;padding:.15rem .35rem;border-radius:.35rem}