*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1c1b1f;background:#fafafa}
a{color:#3949ab}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#fff;border-bottom:1px solid #e5e5e5}
.brand{font-weight:700;text-decoration:none;color:#1c1b1f}
.top nav a{margin-left:16px;text-decoration:none}
main{max-width:760px;margin:0 auto;padding:24px 20px 48px;background:#fff}
h1{font-size:1.8rem;line-height:1.25}
h2{margin-top:2rem;font-size:1.3rem}
h3{font-size:1.05rem;margin-bottom:.25rem}
.meta{color:#555;font-size:.95rem}
.lead{font-size:1.1rem}
code{background:#f1f1f4;padding:1px 5px;border-radius:4px;font-size:.9em}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #ddd;padding:8px;text-align:left;vertical-align:top}
th{background:#f4f4f7}
footer{text-align:center;padding:20px;color:#666;font-size:.9rem}
@media (prefers-color-scheme:dark){
 body{background:#121212;color:#e6e1e5}
 .top,main{background:#1c1b1f;border-color:#333}
 .brand{color:#e6e1e5}
 a{color:#9fa8da}
 code,th{background:#2b2930}
 th,td{border-color:#444}
 .meta,footer{color:#aaa}
}