:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface-hover: #242424;--border: #2a2a2a;--text: #e4e4e7;--text-muted: #a1a1aa;--accent: #6d9fff;--accent-dim: #6d9fff22;--green: #4ade80;--orange: #fb923c;--purple: #c084fc;--radius: 10px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}.container{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.hero{text-align:center;padding:4rem 0 3rem}.hero h1{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem}.hero .subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:.25rem}.hero .tags{color:var(--accent);font-size:.85rem;font-weight:500;letter-spacing:.02em}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1rem}.card{display:flex;align-items:flex-start;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-decoration:none;color:var(--text);transition:all .15s ease}.card:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-1px)}.card-number{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;color:var(--accent);background:var(--accent-dim);padding:.2rem .5rem;border-radius:5px;flex-shrink:0;margin-top:.15rem}.card h2{font-size:.95rem;font-weight:600;line-height:1.4}.card-small h3{font-size:.9rem;font-weight:500}.other-section{margin-top:3rem}.other-section>h2{font-size:1.1rem;color:var(--text-muted);font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.cards-small{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.breadcrumb{display:flex;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--border);margin-bottom:2rem;font-size:.85rem;position:sticky;top:0;background:var(--bg);z-index:10}.breadcrumb a{color:var(--accent);text-decoration:none;font-weight:500}.breadcrumb a:hover{text-decoration:underline}.bottom-nav{display:flex;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);font-size:.9rem}.bottom-nav a{color:var(--accent);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius);transition:background .15s}.bottom-nav a:hover{background:var(--accent-dim)}.nav-home{font-weight:600}.prose{font-size:1rem;line-height:1.8}.prose h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.prose h2{font-size:1.5rem;font-weight:700;margin-top:3rem;margin-bottom:1rem;color:var(--text);letter-spacing:-.01em}.prose h3{font-size:1.2rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:var(--text)}.prose h4{font-size:1rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-muted)}.prose p{margin-bottom:1rem}.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.prose a:hover{border-bottom-color:var(--accent)}.prose strong{font-weight:600;color:#fff}.prose em{color:var(--text-muted)}.prose blockquote{border-left:3px solid var(--accent);padding:.75rem 1.25rem;margin:1.5rem 0;background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-muted)}.prose blockquote p{margin-bottom:.5rem}.prose blockquote p:last-child{margin-bottom:0}.prose ul,.prose ol{margin:1rem 0;padding-left:1.5rem}.prose li{margin-bottom:.4rem}.prose li::marker{color:var(--text-muted)}.prose code{font-family:JetBrains Mono,monospace;font-size:.875em;background:var(--surface);border:1px solid var(--border);padding:.15em .4em;border-radius:4px;color:var(--orange)}.prose pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;overflow-x:auto;margin:1.5rem 0;line-height:1.5}.prose pre code{background:none;border:none;padding:0;color:var(--text);font-size:.85rem}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}.prose th{text-align:left;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);font-weight:600;color:var(--text)}.prose td{padding:.75rem 1rem;border:1px solid var(--border)}.prose tr:hover td{background:var(--surface)}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.prose .mermaid{margin:1.5rem 0;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.prose img{max-width:100%;border-radius:var(--radius)}@media(max-width:640px){.hero h1{font-size:1.8rem}.cards{grid-template-columns:1fr}.container{padding:1rem}}