:root{--max-width: 740px;--wide-width: 1080px;--font-body: ui-serif, Georgia, Cambria, "Times New Roman", serif;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--color-bg: #fcfcfa;--color-surface: #ffffff;--color-text: #1c1c1c;--color-muted: #6b7280;--color-faint: #9ca3af;--color-accent: #b1361e;--color-accent-soft: #f5e7e3;--color-border: #e7e5e0;--color-code-bg: #f6f8fa;--shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.04)}@media (prefers-color-scheme: dark){:root{--color-bg: #0e0f12;--color-surface: #15171c;--color-text: #e9e8e4;--color-muted: #9aa0aa;--color-faint: #6b7280;--color-accent: #ff7a59;--color-accent-soft: #2a1b16;--color-border: #262a31;--color-code-bg: #14181f;--shadow-card: 0 1px 2px rgba(0,0,0,.3), 0 8px 30px rgba(0,0,0,.35)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:19px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 22px}.wrap-wide{max-width:var(--wide-width);margin:0 auto;padding:0 22px}header.site{border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(8px)}header.site .wrap-wide{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem;gap:1rem;flex-wrap:wrap}header.site a.brand{font-family:var(--font-sans);font-weight:800;font-size:1.1rem;letter-spacing:-.02em;color:var(--color-text);text-decoration:none;display:flex;align-items:center;gap:.5rem}header.site a.brand .dot{width:11px;height:11px;border-radius:3px;background:var(--color-accent);display:inline-block}header.site nav{font-family:var(--font-sans);font-size:.95rem;display:flex;gap:1.4rem}header.site nav a{color:var(--color-muted);text-decoration:none;transition:color .15s}header.site nav a:hover{color:var(--color-accent)}a{color:var(--color-accent);text-underline-offset:2px}h1,h2,h3,h4{font-family:var(--font-sans);line-height:1.22;letter-spacing:-.02em}h1{font-size:2.4rem;margin:0 0 .6rem;font-weight:800}h2{font-size:1.6rem;margin-top:2.8rem;margin-bottom:.6rem;padding-top:.4rem}h3{font-size:1.2rem;margin-top:2rem}p{margin:1rem 0}.muted{color:var(--color-muted)}.faint{color:var(--color-faint)}.sans{font-family:var(--font-sans)}.lede{font-size:1.2rem;line-height:1.6;color:var(--color-muted);font-family:var(--font-sans)}time{font-family:var(--font-sans);font-size:.9rem;color:var(--color-muted)}code{font-family:var(--font-mono);font-size:.82em;background:var(--color-code-bg);padding:.15em .38em;border-radius:5px;border:1px solid var(--color-border)}pre{background:var(--color-code-bg)!important;padding:1.1rem 1.2rem;border-radius:10px;overflow-x:auto;font-size:.85rem;line-height:1.55;border:1px solid var(--color-border);margin:1.6rem 0}pre code{background:none;padding:0;border:none;font-size:inherit}blockquote{margin:1.6rem 0;padding:.2rem 0 .2rem 1.2rem;border-left:3px solid var(--color-accent);color:var(--color-muted);font-style:italic}hr{border:none;border-top:1px solid var(--color-border);margin:3rem 0}table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:.92rem;margin:1.8rem 0}th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--color-border);vertical-align:top}th{font-weight:700;color:var(--color-text);border-bottom:2px solid var(--color-border)}tbody tr:hover{background:var(--color-code-bg)}.hero{padding:3.5rem 0 2.5rem;border-bottom:1px solid var(--color-border)}.hero .eyebrow{font-family:var(--font-sans);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-weight:700}.hero h1{font-size:3rem;margin:.6rem 0 .8rem}.hero p{font-size:1.25rem;line-height:1.55;color:var(--color-muted);font-family:var(--font-sans);max-width:38ch}.section-label{font-family:var(--font-sans);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-faint);margin:2.5rem 0 1.2rem;font-weight:700}.card-grid{display:grid;gap:1.1rem}.rcard{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.4rem 1.5rem;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}.rcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:var(--color-accent)}.rcard h3{font-family:var(--font-sans);font-size:1.3rem;margin:0 0 .35rem;letter-spacing:-.02em}.rcard p{font-family:var(--font-sans);color:var(--color-muted);font-size:.98rem;margin:.2rem 0 .8rem;line-height:1.5}.rcard .row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:.8rem}.pill{font-family:var(--font-sans);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.12rem .55rem;border-radius:999px;border:1px solid var(--color-border);font-weight:600}.pill-beginner{color:#15803d;border-color:#bbf7d0}.pill-intermediate{color:#b45309;border-color:#fde68a}.pill-advanced{color:var(--color-accent);border-color:var(--color-accent-soft)}.stack-chip{display:inline-block;font-family:var(--font-mono);font-size:.72rem;background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:5px;padding:.1rem .45rem;margin-right:.3rem;color:var(--color-muted)}.tags a{display:inline-block;font-family:var(--font-sans);font-size:.8rem;color:var(--color-muted);text-decoration:none;margin-right:.5rem}.tags a:hover{color:var(--color-accent)}article.recipe{margin:2.5rem 0 4rem}article.recipe .meta{margin-bottom:2rem}.byline{font-family:var(--font-sans);font-size:.9rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.6rem;color:var(--color-muted)}.byline a{color:var(--color-text)}.code-callout{font-family:var(--font-sans);font-size:.92rem;background:var(--color-accent-soft);border:1px solid var(--color-border);border-radius:10px;padding:.85rem 1.1rem;margin:1.6rem 0}figure.diagram{margin:2.2rem 0;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.6rem 1rem 1rem}figure.diagram pre.mermaid{background:transparent!important;border:none;padding:0;display:flex;justify-content:center}figure.diagram figcaption{font-family:var(--font-sans);font-size:.85rem;color:var(--color-muted);margin-top:.9rem}.callout{font-family:var(--font-sans);font-size:.96rem;border:1px solid var(--color-border);border-left-width:4px;border-radius:10px;padding:.9rem 1.2rem;margin:1.6rem 0;background:var(--color-surface)}.callout .callout-title{font-weight:700;margin-bottom:.2rem;display:block;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.callout p{margin:.3rem 0}.callout-key{border-left-color:var(--color-accent);background:var(--color-accent-soft)}.callout-key .callout-title{color:var(--color-accent)}.callout-warn{border-left-color:#d97706}.callout-warn .callout-title{color:#b45309}.callout-note{border-left-color:#2563eb}.callout-note .callout-title{color:#2563eb}nav.toc{font-family:var(--font-sans);font-size:.9rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.3rem;margin:1.8rem 0 2.4rem}nav.toc .toc-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-faint);font-weight:700;margin-bottom:.5rem}nav.toc ol{margin:0;padding-left:1.2rem;columns:2;column-gap:2rem}nav.toc li{margin:.25rem 0}nav.toc a{color:var(--color-muted);text-decoration:none}nav.toc a:hover{color:var(--color-accent)}article.recipe h2{scroll-margin-top:5rem}.authorbox{display:flex;gap:1rem;align-items:flex-start;font-family:var(--font-sans);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.2rem 1.4rem;margin-top:3rem}.authorbox .avatar{width:46px;height:46px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto}.authorbox .a-name{font-weight:700}.authorbox .a-bio{color:var(--color-muted);font-size:.92rem;margin-top:.15rem}.recipe-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;font-family:var(--font-sans);font-size:.92rem}footer.site{border-top:1px solid var(--color-border);margin-top:4rem;padding:2.2rem 0;font-family:var(--font-sans);font-size:.85rem;color:var(--color-muted)}footer.site .wrap-wide{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}footer.site a{color:var(--color-muted)}@media (max-width: 640px){body{font-size:18px}.hero h1{font-size:2.2rem}nav.toc ol{columns:1}}