:root,:root[data-theme=dark]{--bg: hsl(224, 10%, 10%);--bg-elevated: hsl(224, 14%, 16%);--bg-soft: hsl(224, 14%, 16%);--bg-nav: hsl(224, 14%, 16%);--text: hsl(0, 0%, 100%);--text-muted: hsl(224, 6%, 77%);--border: hsl(224, 10%, 23%);--accent: hsl(224, 100%, 60%);--accent-hover: hsl(224, 100%, 85%);--brand: #f97316;--brand-hover: #fb923c;--cta-from: #c026d3;--cta-to: #4f46e5;--walkthrough: #f97316;--article: hsl(224, 100%, 72%);--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--max: 42rem;--radius: .5rem;color-scheme:dark}:root[data-theme=light]{--bg: hsl(224, 20%, 97%);--bg-elevated: hsl(0, 0%, 100%);--bg-soft: hsl(224, 20%, 95%);--bg-nav: hsl(0, 0%, 100%);--text: hsl(224, 20%, 12%);--text-muted: hsl(224, 10%, 38%);--border: hsl(224, 14%, 84%);--accent: hsl(224, 90%, 48%);--accent-hover: hsl(224, 90%, 38%);--brand: #ea580c;--brand-hover: #c2410c;--cta-from: #c026d3;--cta-to: #4f46e5;--walkthrough: #c2410c;--article: hsl(224, 80%, 42%);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:1.05rem;line-height:1.75;color:var(--text-muted);background:var(--bg)}a{color:var(--accent-hover);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--text)}a:focus-visible,button:focus-visible,select:focus-visible,.site-search:focus-within,.entry-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;top:0;left:0;z-index:100;padding:.6rem 1rem;background:var(--accent);color:var(--text);font-weight:600;text-decoration:none;border-radius:0 0 var(--radius) 0;transform:translateY(-120%)}.skip-link:focus{transform:translateY(0);color:var(--text)}img{max-width:100%;height:auto}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-nav) 92%,transparent);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.site-header__inner,.site-footer__inner,.site-main{width:min(100% - 2rem,70rem);margin-inline:auto}.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4)}.site-brand{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:var(--brand);text-decoration:none}.site-brand:hover{color:var(--brand-hover)}.site-header__actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto;flex:1;justify-content:flex-end;min-width:0}.site-search{display:flex;align-items:center;gap:.5rem;min-width:min(100%,12rem);max-width:20rem;flex:1;padding:.45rem .65rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted)}.site-search:focus-within{border-color:var(--accent);color:var(--text)}.site-search__icon{flex-shrink:0;opacity:.8}.site-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:1rem;outline:none}.site-search input::placeholder{color:var(--text-muted)}.site-search__kbd{flex-shrink:0;padding:.1rem .35rem;border:1px solid var(--border);border-radius:.3rem;font:inherit;font-size:.7rem;line-height:1.4;color:var(--text-muted)}.theme-toggle{display:inline-flex;align-self:center;flex-shrink:0}.theme-toggle__button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--text-muted);cursor:pointer}.theme-toggle__button:hover,.theme-toggle__button:focus-visible{color:var(--brand);border-color:var(--text-muted)}.theme-toggle svg{stroke-linecap:round}.theme-toggle .moon,.theme-toggle .sun,.theme-toggle .sun-beams{transform-origin:center}.theme-toggle .moon,.theme-toggle .sun{fill:currentColor}.theme-toggle .sun-beams{stroke:currentColor;stroke-width:2px}[data-theme=dark] .theme-toggle .sun{transform:scale(1.75)}[data-theme=dark] .theme-toggle .sun-beams{opacity:0}[data-theme=dark] .theme-toggle .moon circle{transform:translate(-7px)}@supports (cx: 1){[data-theme=dark] .theme-toggle .moon circle{cx:17;transform:translate(0)}}@media(prefers-reduced-motion:no-preference){.theme-toggle .sun{transition:transform .4s cubic-bezier(.5,1.25,.75,1.25)}.theme-toggle .sun-beams{transition:opacity .4s ease,transform .4s cubic-bezier(.5,1.25,.75,1.25)}.theme-toggle .moon circle{transition:transform .4s cubic-bezier(.5,1.25,.75,1.25),cx .4s cubic-bezier(.5,1.25,.75,1.25)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0 0 var(--space-2);color:var(--brand);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.feed-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.feed-heading .page-title{margin-bottom:0}.feed-filters{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.feed-filter{display:block;color:var(--text-muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.feed-filter select{display:block;margin-top:.35rem;min-width:11rem;padding:.55rem 2rem .55rem .75rem;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);font:inherit;font-size:.95rem;letter-spacing:normal;text-transform:none}.feed-filter select:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.feed-filter select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filter-status{color:var(--text-muted);margin:0 0 var(--space-4)}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6)}.pagination__status{margin:0;color:var(--text-muted);font-size:.95rem}.pagination__btn{appearance:none;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius);padding:.5rem .9rem;font:inherit;font-size:.95rem;cursor:pointer}.pagination__btn:hover:not(:disabled),.pagination__btn:focus-visible:not(:disabled){border-color:var(--accent);color:var(--accent-hover)}.pagination__btn:disabled{opacity:.45;cursor:not-allowed}.site-main{padding-block:var(--space-7) var(--space-6);min-height:60vh}.site-footer{border-top:1px solid var(--border);margin-top:auto}.site-footer__inner{padding-block:var(--space-5);color:var(--text-muted);font-size:.9rem}.page-title{font-family:var(--font-display);font-size:clamp(1.85rem,4vw,2.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--space-3);color:var(--text)}.page-lede{color:var(--text-muted);margin:0 0 var(--space-6);max-width:var(--max)}.feed-heading+.page-lede{margin-top:0}.entry-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.entry-list>li{display:flex}.entry-list>li[hidden]{display:none}.entry-card{display:flex;flex-direction:column;flex:1;padding:var(--space-5);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}.entry-card:hover{border-color:var(--accent);transform:translateY(-1px);color:inherit}.entry-card:focus-visible{border-color:var(--accent);color:inherit}.entry-card__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin:var(--space-3) 0 var(--space-2);color:var(--text)}.entry-card__summary{margin:0;color:var(--text-muted);font-size:.98rem;flex:1}.entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);font-size:.85rem;color:var(--text-muted)}.badge{display:inline-block;padding:.15em .55em;border-radius:999px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.02em;text-transform:lowercase;border:1px solid var(--border)}.badge--walkthrough{color:var(--walkthrough);border-color:color-mix(in srgb,var(--walkthrough) 45%,var(--border))}.badge--article{color:var(--article);border-color:color-mix(in srgb,var(--article) 45%,var(--border))}.badge--category{color:var(--text-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:var(--space-4) 0 0;padding:0}.tag-list li{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);padding:.1em .45em;border:1px solid var(--border);border-radius:var(--radius)}.cta-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.cta-links a{display:inline-flex;align-items:center;padding:.6em 1.1em;background:linear-gradient(83deg,var(--cta-from),var(--cta-to));color:var(--text);font-weight:600;text-decoration:none;border-radius:999px;border:none}.cta-links a:hover{filter:brightness(1.08);color:var(--text)}.cta-links a.cta--secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.cta-links a.cta--secondary:hover{border-color:var(--accent);color:var(--accent-hover);filter:none}.prose{max-width:var(--max)}.prose>:first-child{margin-top:0}.prose h2,.prose h3{font-family:var(--font-display);margin-top:var(--space-6)}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-elevated);padding:.1em .35em;border-radius:.2rem}.prose pre{overflow-x:auto;padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.prose pre code{background:none;padding:0}.category-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.category-grid a{display:block;padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text)}.category-grid a:hover{border-color:var(--accent)}.category-grid__count{display:block;margin-top:var(--space-2);font-size:.85rem;color:var(--text-muted)}.empty-state{color:var(--text-muted);padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius)}@media(max-width:40rem){.site-header__inner{flex-direction:column;align-items:stretch}.site-search{margin-left:0;max-width:none}.site-header__actions{width:100%;margin-left:0}.site-search__kbd{display:none}.feed-heading{align-items:flex-start;flex-direction:column}.entry-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry-card{transition:none}.entry-card:hover{transform:none}.skip-link{transition:none}}