*{box-sizing:border-box}html,body{margin:0;padding:0}body{font:16px/1.6 system-ui,-apple-system,sans-serif;color:#0f172a;background:#f8fafc;display:grid;grid-template-columns:minmax(16rem,18rem) 1fr;min-height:100vh}aside{background:#0f172a;color:#e2e8f0;padding:1.5rem 1.25rem;position:sticky;top:0;height:100vh;overflow:auto}aside a{color:#e2e8f0;text-decoration:none}aside a.home{display:block;font-weight:700;margin-bottom:1.25rem}aside .cat{margin:1rem 0 .4rem;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}aside ul{list-style:none;margin:0;padding:0}aside li a{display:block;padding:.25rem 0;color:#cbd5e1}aside li a.active,aside li a:hover{color:#fff}main{max-width:52rem;padding:2.5rem 2rem 4rem}h1,h2,h3{line-height:1.25}h1{margin-top:0}.lead{color:#475569}pre{background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:.6rem;overflow:auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}p code,li code{background:#e2e8f0;padding:.1em .35em;border-radius:.3em}a{color:#2563eb}.cards{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:.75rem}.cards a{display:block;padding:1rem 1.1rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;color:inherit;text-decoration:none}.cards a:hover{border-color:#cbd5e1}.cards span{display:block;color:#64748b;font-size:.9rem;margin-top:.25rem}@media(max-width:800px){body{grid-template-columns:1fr}aside{height:auto;position:relative}}