:root{--bg: #0b0a08;--bg-warm: #100e0b;--surface: #151310;--surface-raised: #1c1a15;--ink: #f5f1ec;--ink-soft: #a8a49c;--muted: #6b665e;--border: rgba(245, 241, 236, .07);--border-strong: rgba(245, 241, 236, .12);--accent: #ff5b2d;--accent-soft: rgba(255, 91, 45, .1);--display: "Bricolage Grotesque", -apple-system, system-ui, sans-serif;--body: "DM Sans", -apple-system, system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.6}a{color:var(--accent)}.container{max-width:760px;margin:0 auto;padding:24px 16px 64px}h1{font-family:var(--display);font-size:2rem;margin:0 0 8px}h2{font-family:var(--display);margin:1.6em 0 .5em}.breadcrumbs{color:var(--muted);font-size:.9rem;margin-bottom:24px;display:flex;gap:8px}.breadcrumbs a{color:var(--ink-soft);text-decoration:none}.breadcrumbs a:hover{color:var(--accent)}.lead{color:var(--ink-soft);margin:0 0 24px}.tag-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.chip{display:inline-block;border:1px solid var(--border-strong);border-radius:999px;padding:2px 12px;font-size:.85rem;color:var(--ink-soft);background:var(--surface)}.chip-filter{cursor:pointer;font-family:var(--body)}.chip-filter:hover{border-color:var(--accent);color:var(--ink)}.chip-filter.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.cards{display:flex;flex-direction:column;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px}.card.is-hidden{display:none}.card-link{text-decoration:none;color:inherit}.card-link h2{margin:0 0 8px;font-size:1.25rem}.card-link:hover h2{color:var(--accent)}.card-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.9rem;margin:8px 0}.card p{margin:8px 0 0;color:var(--ink-soft)}.article-body p{margin:1em 0}.article-body ul{padding-left:1.4em}.article-body table{display:block;overflow-x:auto;margin:1em 0}.article-body th,.article-body td{border:1px solid var(--border-strong);padding:6px 10px;font-size:.95em;text-align:left}.related ul{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:8px}.cta{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;padding:20px;margin:32px 0}.cta p{color:var(--ink-soft)}.cta-button{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;border-radius:10px;padding:10px 20px;margin-top:8px}.footer{border-top:1px solid var(--border);margin-top:32px;padding-top:16px;color:var(--muted);font-size:.9rem}
