:root{--bg: #0d070a;--bg-soft: rgba(35, 17, 24, .78);--panel: rgba(35, 17, 24, .78);--panel-2: rgba(26, 12, 18, .92);--border: rgba(255, 190, 154, .16);--text: #f6ede6;--muted: #d0b8a8;--accent: #ff8a5b;--accent-2: #f0cb77;--gold: #f0cb77;--danger: #cf4f4f;--max-width: 960px;--card-radius: 20px;--card-padding: 1.35rem;--panel-padding: 2rem;--outer-gap: 6px;--inner-gap: 6px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0c070ae6,#0c070af5),radial-gradient(circle at top left,rgba(255,138,91,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(240,203,119,.08),transparent 24%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.shell{width:min(100% - 12px,var(--max-width));margin:0 auto}.main-content{padding:6px 0 24px;display:grid;gap:var(--outer-gap)}.site-header{position:sticky;top:0;z-index:10;background:#0a090ce6;backdrop-filter:blur(4px);border-bottom:1px solid var(--border)}.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:6px 0;gap:.75rem}.brand{font-weight:700;letter-spacing:.03em;color:var(--gold);font-size:clamp(1.15rem,2.6vw,1.8rem)}.nav-links{display:flex;flex-wrap:wrap;gap:.2rem}.nav-links a{padding:.3rem .6rem;border-radius:.5rem;color:var(--muted)}.nav-links a:hover{color:var(--text);background:var(--panel-2)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--panel-padding);box-shadow:0 8px 24px #00000040}.section-panel h1,.section-panel h2,.section-panel h3,.feature-card h3,.devlog-card h3,.sidebar-panel h3{margin:0 0 .75rem}.hero-grid,.split-layout,.stack-compact,.smith-sidebar-stack{display:grid;gap:var(--inner-gap)}.split-layout--compact,.smith-layout{align-items:start}.smith-sidebar-stack{align-content:start}.sidebar-panel{padding:1rem 1rem .95rem}.sidebar-panel :global(p),.sidebar-panel :global(ul),.sidebar-panel :global(ol){margin:0;color:var(--text)}.sidebar-panel :global(ul),.sidebar-panel :global(ol){padding-left:1.1rem}.sidebar-panel :global(p+p),.sidebar-panel :global(p+ul),.sidebar-panel :global(ul+p),.sidebar-panel :global(ul+ul){margin-top:.45rem}.kicker{color:var(--gold);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.muted{color:var(--muted)}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.section-panel--cta{background:var(--panel-2)}.panel-grid{display:grid;grid-template-columns:1fr;gap:var(--inner-gap)}.tag-pill{font-size:.78rem;padding:.22rem .55rem;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;color:var(--muted)}.cta-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.cta-btn{padding:.55rem .85rem;border-radius:.6rem;border:1px solid var(--accent);font-weight:600}.cta-btn--primary{background:var(--accent);color:#1a0f0a}.cta-btn--ghost{background:transparent}.cta-btn:hover{filter:brightness(1.08)}.feature-grid,.devlog-grid{display:grid;grid-template-columns:1fr;gap:var(--inner-gap)}.feature-card{background:#1e1323d1;min-height:12rem}.feature-card p,.section-panel p,.devlog-card p{color:var(--text)}.devlog-card h3{margin:.25rem 0}.devlog-card time{color:var(--muted);font-size:.9rem}.media-placeholder img,.media-fallback{border-radius:8px;min-height:220px;background:#0e0a0feb}.media-fallback{display:grid;place-items:center;color:var(--muted)}.prose{max-width:760px}.centered-prose{margin:0 auto}.back-link{color:var(--gold)}.site-footer{border-top:1px solid var(--border);padding:10px 0;color:var(--muted)}@media (min-width: 860px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.devlog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid{grid-template-columns:repeat(var(--panel-columns, 2),minmax(0,1fr))}.split-layout{grid-template-columns:minmax(0,1fr) 250px}}@media (max-width: 640px){.shell{width:min(100% - 8px,var(--max-width))}.main-content{padding:4px 0 18px;gap:4px}.nav-wrap{padding:4px 0}.feature-grid,.devlog-grid,.hero-grid,.split-layout,.stack-compact,.smith-sidebar-stack{gap:4px}.panel{padding:1rem}.site-footer{padding:8px 0}}