@font-face{font-family:Noto Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/blog/_astro/noto-sans-latin-wght-normal.BYSzYMf3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/blog/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/blog/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#faf9f6;--color-surface:#fff;--color-ink:#1d274b;--color-ink-2:#474f6b;--color-muted:#6e6c64;--color-hairline:#e8e6e0;--color-hairline-2:#f0eee8;--color-accent:#6b8a5c;--color-accent-soft:#eef2ea;--color-accent-ink:#3d5232;--color-warn:#c77349;--color-warn-ink:#9c5433;--color-cat-produce:#84a06a;--color-cat-dairy:#e8d9a8;--color-cat-bakery:#d7b084;--color-cat-meat:#c28b82;--color-cat-pantry:#b8a98a;--color-cat-frozen:#a6bfc7;--color-cat-drinks:#8aa3be;--color-cat-household:#c8c2ba;--font-display:"Noto Sans Variable", "Noto Sans", -apple-system, system-ui, sans-serif;--font-sans:"Geist Variable", "Geist", -apple-system, system-ui, sans-serif;--font-mono:"Geist Mono Variable", "Geist Mono", ui-monospace, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-2xl:26px;--wrap:720px;--astro-code-foreground:var(--color-ink);--astro-code-background:transparent;--astro-code-token-comment:var(--color-muted);--astro-code-token-keyword:var(--color-warn-ink);--astro-code-token-string:var(--color-accent-ink);--astro-code-token-string-expression:var(--color-accent-ink);--astro-code-token-constant:var(--color-warn-ink);--astro-code-token-function:var(--color-ink-2);--astro-code-token-parameter:var(--color-ink-2);--astro-code-token-punctuation:var(--color-muted);--astro-code-token-link:var(--color-accent-ink)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);margin:0;font-size:17px;line-height:1.65}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.skip-link{background:var(--color-ink);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);padding:10px 16px;font-size:14px;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{z-index:10;top:8px;left:8px}:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px;border-radius:2px}.site-header{border-bottom:1px solid var(--color-hairline);background:#faf9f6e6}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:14px;display:flex}.brand{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--color-ink);font-size:20px;font-weight:700;text-decoration:none}.brand span{color:var(--color-accent)}.site-nav{flex-wrap:wrap;gap:18px;display:flex}.site-nav a{color:var(--color-ink-2);font-size:14px;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-ink)}.site-footer{border-top:1px solid var(--color-hairline);margin-top:48px;padding-block:28px}.site-footer .wrap{font-family:var(--font-mono);color:var(--color-muted);flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.site-footer a{color:var(--color-muted);text-decoration:none}.site-footer a:hover{color:var(--color-ink)}main{padding:40px 0 8px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-weight:300}h1{margin:0 0 10px;font-size:38px;line-height:1.1}h2{margin:40px 0 12px;font-size:26px;line-height:1.25}h3{margin:32px 0 10px;font-size:20px;line-height:1.3}h4{margin:24px 0 8px;font-size:17px;font-weight:400}.eyebrow{font-family:var(--font-mono);letter-spacing:.8px;text-transform:uppercase;color:var(--color-muted);margin:0 0 8px;font-size:11px}.lede{color:var(--color-ink-2);margin:0 0 24px;font-size:19px}.meta{font-family:var(--font-mono);color:var(--color-muted);font-size:12px}.prose,.prose p,.prose li{color:var(--color-ink-2)}.prose p{margin:0 0 18px}.prose a{color:var(--color-accent-ink);text-underline-offset:2px;text-decoration:underline}.prose a:hover{color:var(--color-ink)}.prose strong{color:var(--color-ink);font-weight:600}.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}.prose li{margin:0 0 6px}.prose blockquote{border-left:3px solid var(--color-accent);color:var(--color-ink-2);margin:24px 0;padding:2px 0 2px 20px;font-style:italic}.prose blockquote p:last-child{margin-bottom:0}.prose hr{border:0;border-top:1px solid var(--color-hairline);margin:40px 0}.prose :not(pre)>code{font-family:var(--font-mono);background:var(--color-hairline-2);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);color:var(--color-ink);padding:.1em .35em;font-size:.875em}.prose pre{font-family:var(--font-mono);background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;margin:0 0 24px;padding:16px 18px;font-size:14px;line-height:1.55;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;border:0;padding:0}.prose img{border-radius:var(--radius-lg);max-width:100%;height:auto;margin:24px 0;display:block}.prose figure{margin:24px 0}.prose figcaption{font-family:var(--font-mono);color:var(--color-muted);margin-top:8px;font-size:12px}.prose table{-webkit-overflow-scrolling:touch;border-collapse:collapse;width:max-content;min-width:100%;max-width:100%;margin:0 0 24px;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--color-hairline);text-align:left;vertical-align:top;padding:10px 12px}.prose th{font-family:var(--font-sans);color:var(--color-ink);white-space:nowrap;font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);margin:24px 0;padding:20px 22px}.cta{background:var(--color-ink);color:#fff;font-family:var(--font-sans);border-radius:var(--radius-lg);margin:8px 0;padding:13px 26px;font-size:16px;font-weight:500;text-decoration:none;display:inline-block}.cta:hover{background:#131b36}.post-list{margin:0;padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--color-hairline);margin:0 0 28px;padding-bottom:28px}.post-list li:last-child{border-bottom:0}.post-list h2{margin:0 0 4px;font-size:22px}.post-list h2 a{color:var(--color-ink);text-decoration:none}.post-list h2 a:hover{color:var(--color-accent-ink)}.post-list p{color:var(--color-ink-2);margin:6px 0 0;font-size:16px}.byline{font-family:var(--font-mono);color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px;font-size:12px;display:flex}.byline-author{color:var(--color-ink-2)}.hero{border-radius:var(--radius-lg);width:100%;height:auto;margin:0 0 28px;display:block}.tag-list{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.4px;text-transform:uppercase;color:var(--color-ink-2);background:var(--tag-bg,var(--color-accent-soft));border-radius:var(--radius-sm);align-items:center;gap:6px;padding:6px 9px 5px;font-size:11px;line-height:1;text-decoration:none;display:inline-flex}.tag:hover{color:var(--color-ink)}.tag-dot{background:var(--tag-dot,var(--color-accent));border-radius:50%;flex:none;width:6px;height:6px}.tag--red{--tag-dot:var(--color-warn);--tag-bg:color-mix(in srgb, var(--color-warn) 15%, transparent)}.tag--orange{--tag-dot:var(--color-cat-bakery);--tag-bg:color-mix(in srgb, var(--color-cat-bakery) 25%, transparent)}.tag--yellow{--tag-dot:var(--color-cat-dairy);--tag-bg:color-mix(in srgb, var(--color-cat-dairy) 35%, transparent)}.tag--green{--tag-dot:var(--color-cat-produce);--tag-bg:color-mix(in srgb, var(--color-cat-produce) 18%, transparent)}.tag--teal{--tag-dot:var(--color-cat-frozen);--tag-bg:color-mix(in srgb, var(--color-cat-frozen) 30%, transparent)}.tag--blue{--tag-dot:var(--color-cat-drinks);--tag-bg:color-mix(in srgb, var(--color-cat-drinks) 22%, transparent)}.tag--indigo{--tag-dot:var(--color-ink);--tag-bg:color-mix(in srgb, var(--color-ink) 10%, transparent)}.tag--purple{--tag-dot:var(--color-cat-meat);--tag-bg:color-mix(in srgb, var(--color-cat-meat) 20%, transparent)}.tag--pink{--tag-dot:var(--color-cat-pantry);--tag-bg:color-mix(in srgb, var(--color-cat-pantry) 28%, transparent)}.tag--gray{--tag-dot:var(--color-cat-household);--tag-bg:color-mix(in srgb, var(--color-cat-household) 35%, transparent)}.tag-index{margin:0;padding:0;list-style:none}.tag-index li{border-bottom:1px solid var(--color-hairline);margin:0 0 24px;padding-bottom:24px}.tag-index li:last-child{border-bottom:0}.tag-index-count{margin-left:10px}.tag-index p{color:var(--color-ink-2);margin:8px 0 0;font-size:15px}.index-meta{margin:0 0 28px}.index-meta a{color:var(--color-accent-ink)}.avatar{background:var(--color-accent-soft);width:28px;height:28px;color:var(--color-accent-ink);font-family:var(--font-mono);letter-spacing:.2px;object-fit:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;line-height:1;display:inline-flex}.avatar--lg{width:64px;height:64px;font-size:22px}.byline-role{color:var(--color-muted)}.byline-author a{color:var(--color-ink-2);text-decoration:none}.byline-author a:hover{color:var(--color-ink);text-decoration:underline}.author-card{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);align-items:flex-start;gap:16px;margin:24px 0 40px;padding:20px 22px;display:flex}.author-card p{color:var(--color-ink-2);margin:0}.post-list .tag-list{margin:10px 0 0}.cta-card p{color:var(--color-ink-2);margin:0 0 12px}.cta-card strong{color:var(--color-ink)}.cta-card .cta{margin:0}.related{border-top:1px solid var(--color-hairline);margin:48px 0 0;padding-top:28px}.related h2{margin:0 0 20px;font-size:20px}.related h3{margin:0 0 4px;font-size:18px}.related h3 a{color:var(--color-ink);text-decoration:none}.related h3 a:hover{color:var(--color-accent-ink)}.related p{color:var(--color-ink-2);margin:0;font-size:15px}.draft-flag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;color:var(--color-warn-ink);border:1px solid var(--color-warn);border-radius:var(--radius-sm);margin-left:8px;padding:1px 6px;font-size:11px;display:inline-block}@media (width<=600px){body{font-size:16px}h1{font-size:30px}h2{font-size:22px}.lede{font-size:17px}main{padding-top:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}