.layout{min-height:100vh;display:flex;flex-direction:column;max-width:44rem;margin:0 auto;padding:2.5rem 1.5rem 3rem}.header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1.25rem 2rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border)}.logo{font-weight:600;letter-spacing:-.02em;font-size:1.05rem;color:var(--text)}.logo:hover{color:var(--accent)}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}.nav a{font-size:.9rem;color:var(--muted)}.nav a:hover{color:var(--accent)}.main{flex:1;padding-top:3rem}.hero{margin-bottom:3rem}.eyebrow{margin:0 0 .75rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.headline{margin:0 0 1rem;font-size:clamp(1.65rem,4vw,2.25rem);font-weight:600;line-height:1.2;letter-spacing:-.03em}.lede{margin:0;max-width:36rem;color:var(--muted);font-size:1.05rem}.grid{display:grid;gap:1rem}@media(min-width:540px){.grid{grid-template-columns:1fr 1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1.35rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.card h2{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.02em}.card__meta{margin:0;font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.card p:not(.card__meta){margin:0;flex:1;font-size:.92rem;color:var(--muted)}.card__link{margin-top:.35rem;font-size:.88rem;font-weight:500;align-self:flex-start}.footer{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.footer__mono{font-family:var(--font-mono);font-size:.78rem}.footer__sep{color:var(--border);-webkit-user-select:none;user-select:none}.footer a{color:var(--muted)}.footer a:hover{color:var(--accent)}.nav--active{color:var(--text)}.card__post-list{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:.35rem}.card__post-list li a{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.88rem;color:var(--muted);transition:color .15s ease}.card__post-list li a:hover{color:var(--text)}.card__post-date{font-family:var(--font-mono);font-size:.72rem;color:var(--border);white-space:nowrap;flex-shrink:0}.blog-list__header{margin-bottom:2.5rem}.blog-list__title{margin:0 0 .5rem;font-size:clamp(1.65rem,4vw,2.25rem);font-weight:600;letter-spacing:-.03em}.blog-list__desc{margin:0;color:var(--muted);font-size:1.05rem}.blog-list__posts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.blog-list__item{border-top:1px solid var(--border)}.blog-list__item:last-child{border-bottom:1px solid var(--border)}.blog-list__link{display:block;padding:1.25rem 0;color:inherit;transition:none}.blog-list__link:hover{color:inherit}.blog-list__link:hover .blog-list__post-title{color:var(--accent)}.blog-list__date{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.blog-list__post-title{margin:.3rem 0 .35rem;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;color:var(--text);transition:color .15s ease}.blog-list__summary{margin:0;font-size:.92rem;color:var(--muted)}.blog-post__header{margin-bottom:2rem}.blog-post__back{display:inline-block;margin-bottom:1.5rem;font-size:.85rem;color:var(--muted)}.blog-post__back:hover{color:var(--accent)}.blog-post__title{margin:0 0 .5rem;font-size:clamp(1.65rem,4vw,2.25rem);font-weight:600;line-height:1.2;letter-spacing:-.03em}.blog-post__date{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);letter-spacing:.04em}.blog-post__muted{color:var(--muted)}.blog-post__body h2{margin:2rem 0 .75rem;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.blog-post__body h3{margin:1.5rem 0 .5rem;font-size:1.05rem;font-weight:600}.blog-post__body p{margin:0 0 1rem;color:var(--muted);font-size:.95rem;line-height:1.7}.blog-post__body ul,.blog-post__body ol{margin:0 0 1rem;padding-left:1.5rem;color:var(--muted);font-size:.95rem;line-height:1.7}.blog-post__body li{margin-bottom:.35rem}.blog-post__body strong{color:var(--text);font-weight:600}.blog-post__body em{font-style:italic}.blog-post__body code{font-family:var(--font-mono);font-size:.85em;background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:.15em .35em}.blog-post__body pre{margin:0 0 1rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow-x:auto}.blog-post__body pre code{background:none;border:none;padding:0;font-size:.85rem;line-height:1.6}.blog-post__body blockquote{margin:0 0 1rem;padding:.25rem 0 .25rem 1rem;border-left:3px solid var(--accent);color:var(--muted);font-style:italic}.blog-post__body hr{margin:2rem 0;border:none;border-top:1px solid var(--border)}:root{--bg: #0a0a0a;--surface: #111111;--text: #f5f5f5;--muted: #a3a3a3;--accent: #22c55e;--accent-dim: #16a34a;--border: #262626;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-dim)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}