html .blog-root{--blog-ink: var(--kit-ink, #0f172a);--blog-muted: var(--kit-ink-muted, #64748b);--blog-border: var(--kit-border, #e2e8f0);--blog-surface: var(--kit-surface, transparent);--blog-elevated: var(--kit-surface-elevated, rgba(0, 0, 0, .04));--blog-primary: var(--kit-primary, #111827);--blog-primary-muted: var(--kit-primary-muted, rgba(0, 0, 0, .06));--blog-on-primary: var(--kit-primary-foreground, #ffffff);--blog-font-heading: var(--kit-font-display, var(--store-font-heading, inherit));--blog-font-body: var(--kit-font-body, var(--store-font-body, inherit));--blog-font-mono: var(--kit-font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);--blog-bg: var(--kit-bg, transparent);--blog-column: 720px;color:var(--blog-ink)}html .storefront-theme.dark .blog-root{--blog-bg: var(--sf-bg);--blog-ink: var(--sf-fg);--blog-muted: var(--sf-fg-muted);--blog-border: var(--sf-border);--blog-surface: color-mix(in oklab, var(--sf-fg) 4%, var(--sf-bg));--blog-elevated: color-mix(in oklab, var(--sf-fg) 8%, var(--sf-bg));--blog-primary: color-mix(in oklab, var(--kit-primary, #2563eb) 30%, white);--blog-primary-muted: color-mix(in srgb, var(--blog-primary) 16%, transparent);--blog-on-primary: #0b0f17}@supports (color: oklch(from red l c h)){html .storefront-theme.dark .blog-root{--blog-primary: oklch(from var(--kit-primary, #2563eb) max(l, .8) c h)}}html .blog-root[data-cat-accent]{--blog-primary: var(--cat-accent-day);--blog-on-primary: var(--cat-on-day);--blog-primary-muted: color-mix(in srgb, var(--cat-accent-day) 14%, transparent)}html .storefront-theme.dark .blog-root[data-cat-accent]{--blog-primary: var(--cat-accent-night);--blog-on-primary: var(--cat-on-night);--blog-primary-muted: color-mix(in srgb, var(--cat-accent-night) 16%, transparent)}@media(prefers-color-scheme:dark){html .blog-root[data-cat-accent][data-cat-follow]{--blog-primary: var(--cat-accent-night);--blog-on-primary: var(--cat-on-night);--blog-primary-muted: color-mix(in srgb, var(--cat-accent-night) 16%, transparent)}}html .blog-root[data-measure=narrow]{--blog-column: 640px}html .blog-root[data-measure=wide]{--blog-column: 820px}html .blog-root[data-reading-font=serif]{--blog-font-body: "Iowan Old Style", "Palatino Linotype", Charter, Georgia, ui-serif, serif}html .blog-root[data-reading-font=sans]{--blog-font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html .blog-cover-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;container-type:size;color:color-mix(in oklab,var(--blog-primary) 32%,var(--blog-bg, #ffffff));background:radial-gradient(120% 90% at 100% 0%,color-mix(in oklab,var(--blog-primary) 14%,transparent),transparent 62%),color-mix(in oklab,var(--blog-primary) 6%,var(--blog-bg, #ffffff))}html .blog-cover-fallback>span{font-size:64cqmin;font-weight:700;line-height:1;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}html .blog-cover-fallback[data-tone=bold]{color:color-mix(in oklab,var(--blog-primary) 45%,#ffffff);background:color-mix(in oklab,var(--blog-primary) 62%,#000000)}html .blog-cover-fallback[data-tone=bold]>span{opacity:.35}html .blog-display{font-family:var(--blog-font-heading)}html .blog-fs-masthead{--blog-k: var(--blog-scale-masthead, 1)}html .blog-fs-title{--blog-k: var(--blog-scale-title, 1)}html .blog-fs-subtitle{--blog-k: var(--blog-scale-subtitle, 1)}html .blog-fs-section{--blog-k: var(--blog-scale-section, 1)}html .blog-fs-meta{--blog-k: var(--blog-scale-meta, 1)}html .blog-fs-masthead,html .blog-fs-title,html .blog-fs-subtitle,html .blog-fs-section,html .blog-fs-meta{--text-xs: calc(.75rem * var(--blog-k));--text-sm: calc(.875rem * var(--blog-k));--text-base: calc(1rem * var(--blog-k));--text-lg: calc(1.125rem * var(--blog-k));--text-xl: calc(1.25rem * var(--blog-k));--text-2xl: calc(1.5rem * var(--blog-k));--text-3xl: calc(1.875rem * var(--blog-k));--text-4xl: calc(2.25rem * var(--blog-k));--text-5xl: calc(3rem * var(--blog-k));--text-6xl: calc(3.75rem * var(--blog-k));--text-7xl: calc(4.5rem * var(--blog-k))}html .blog-grid{display:grid;--blog-cols-xs: 1;--blog-cols-sm: 2;--blog-cols-lg: 3;grid-template-columns:repeat(var(--blog-cols-xs),minmax(0,1fr))}html .blog-grid[data-cols="2"]{--blog-cols-lg: 2}html .blog-grid[data-cols="4"]{--blog-cols-lg: 4}html .blog-root[data-cards=small] .blog-grid{--blog-cols-xs: 2;--blog-cols-sm: 3;--blog-cols-lg: 4}html .blog-root[data-cards=small] .blog-grid[data-cols="2"]{--blog-cols-lg: 3}html .blog-root[data-cards=small] .blog-grid[data-cols="4"]{--blog-cols-lg: 5}html .blog-root[data-cards=large] .blog-grid{--blog-cols-sm: 1;--blog-cols-lg: 2}html .blog-root[data-cards=large] .blog-grid[data-cols="4"]{--blog-cols-sm: 2;--blog-cols-lg: 3}@media(min-width:640px){html .blog-grid{grid-template-columns:repeat(var(--blog-cols-sm),minmax(0,1fr))}}@media(min-width:1024px){html .blog-grid{grid-template-columns:repeat(var(--blog-cols-lg),minmax(0,1fr))}}html .blog-root{--blog-card-k: 1}html .blog-root[data-cards=small]{--blog-card-k: .8}html .blog-root[data-cards=large]{--blog-card-k: 1.3}html .blog-column{width:100%;max-width:var(--blog-column)}html .blog-prose{font-family:var(--blog-font-body);font-size:calc(17px * var(--blog-scale-body, 1));line-height:1.65;letter-spacing:-.003em;color:var(--blog-ink);overflow-wrap:break-word;-webkit-font-smoothing:antialiased}@media(min-width:640px){html .blog-prose{font-size:calc(18px * var(--blog-scale-body, 1))}}@media(min-width:1024px){html .blog-prose{font-size:calc(19px * var(--blog-scale-body, 1))}}html .blog-prose>.blog-flow:first-child>:first-child{margin-top:0}html .blog-flow p{margin:0 0 1.15em}html .blog-flow h2,html .blog-flow h3{font-family:var(--blog-font-heading);color:var(--blog-ink);font-weight:700;letter-spacing:-.015em;line-height:1.22;scroll-margin-top:96px}html .blog-flow h2{font-size:calc(1.45em * var(--blog-scale-section, 1));margin:2em 0 .6em}html .blog-flow h3{font-size:calc(1.2em * var(--blog-scale-section, 1));margin:1.7em 0 .5em}html .blog-flow ul,html .blog-flow ol{margin:0 0 1.15em;padding-left:1.4em}html .blog-flow ul{list-style:disc}html .blog-flow ol{list-style:decimal}html .blog-flow li{margin:.35em 0}html .blog-flow li>p{margin:0}html .blog-flow li::marker{color:var(--blog-muted)}html .blog-flow a{color:var(--blog-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--blog-primary) 40%,transparent);transition:text-decoration-color .15s}@media(hover:hover)and (pointer:fine){html .blog-flow a:hover{text-decoration-color:var(--blog-primary)}}html .blog-flow strong{font-weight:700}html .blog-flow s,html .blog-flow del{text-decoration:line-through}html .blog-flow hr{margin:2.2em auto;border:0;border-top:1px solid var(--blog-border)}html .blog-flow blockquote{margin:1.6em 0;padding-left:1em;border-left:3px solid var(--blog-primary);font-style:italic;color:color-mix(in srgb,var(--blog-ink) 88%,transparent)}html .blog-flow blockquote p:last-child{margin-bottom:0}html .blog-flow aside[data-blog-block=pullquote]{border:0;padding:.4em 0;margin:1.8em 0;font-family:var(--blog-font-heading);font-style:normal;font-size:1.45em;line-height:1.3;font-weight:600;text-align:center;color:var(--blog-ink);border-top:1px solid var(--blog-border);border-bottom:1px solid var(--blog-border)}html .blog-flow img{max-width:100%;height:auto;border-radius:12px}html .blog-flow figure{margin:1.8em 0}html .blog-flow figcaption{margin-top:.6em;font-size:14px;line-height:1.5;text-align:center;color:var(--blog-muted)}html .blog-flow figure img{width:100%}@media(min-width:1024px){html .blog-flow [data-width=wide]{width:calc(100% + 160px);max-width:none;margin-left:-80px}html .blog-root[data-layout=single] .blog-flow [data-width=full]{width:min(1200px,calc(100vw - 64px));max-width:none;margin-left:calc((100% - min(1200px,calc(100vw - 64px)))/2)}}html .blog-flow code{font-family:var(--blog-font-mono);font-size:.86em;padding:.12em .36em;border-radius:6px;background:var(--blog-elevated)}html .blog-flow pre{position:relative;margin:1.6em 0;padding:1em 1.1em;overflow-x:auto;border:1px solid var(--blog-border);border-radius:12px;background:var(--blog-elevated);font-size:14px;line-height:1.6;white-space:pre}html .blog-flow pre code{padding:0;background:transparent;font-size:inherit}html .blog-flow table{display:block;width:100%;max-width:100%;overflow-x:auto;margin:1.6em 0;border-collapse:collapse;font-size:15px;line-height:1.45}html .blog-flow th,html .blog-flow td{border:1px solid var(--blog-border);padding:.55em .8em;text-align:left;vertical-align:top;min-width:96px}html .blog-flow th{font-weight:700;background:var(--blog-elevated)}html .blog-flow th p,html .blog-flow td p{margin:0}html .blog-flow iframe{display:block;width:100%;aspect-ratio:16 / 9;margin:1.6em 0;border:1px solid var(--blog-border);border-radius:12px}html .blog-flow iframe[src*="spotify.com"],html .blog-flow iframe[src*="soundcloud.com"],html .blog-flow iframe[src*="anchor.fm"],html .blog-flow iframe[src*="podcasts.apple.com"]{aspect-ratio:auto;height:152px}html .blog-flow aside[data-blog-block=callout]{--tone: var(--blog-primary);margin:1.6em 0;padding:.9em 1.1em;border:1px solid color-mix(in srgb,var(--tone) 28%,transparent);border-left-width:4px;border-radius:12px;background:color-mix(in srgb,var(--tone) 7%,transparent);font-size:.94em}html .blog-flow aside[data-blog-block=callout][data-tone=tip]{--tone: #0f9d58}html .blog-flow aside[data-blog-block=callout][data-tone=warning]{--tone: #d97706}html .blog-flow aside[data-blog-block=callout][data-tone=success]{--tone: #059669}html .blog-flow aside[data-blog-block=callout] p{margin:.3em 0}html .blog-flow aside[data-blog-block=callout]>p:first-child>strong:first-child{display:block;margin-bottom:.1em}html .blog-flow section[data-blog-block=takeaways]{margin:1.4em 0 1.8em;padding:1em 1.2em;border:1px solid var(--blog-border);border-radius:14px;background:var(--blog-surface)}html .blog-flow section[data-blog-block=takeaways]>:first-child{margin-top:0;font-family:var(--blog-font-heading);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blog-primary)}html .blog-flow section[data-blog-block=takeaways] ul{margin-bottom:0}html .blog-flow section[data-blog-block=faq]{margin:1.8em 0}html .blog-flow details{margin:.6em 0;border:1px solid var(--blog-border);border-radius:12px;background:var(--blog-surface)}html .blog-flow details>summary{cursor:pointer;list-style:none;padding:.8em 2.6em .8em 1em;font-weight:600;position:relative}html .blog-flow details>summary::-webkit-details-marker{display:none}html .blog-flow details>summary:after{content:"";position:absolute;right:1.1em;top:50%;width:8px;height:8px;border-right:2px solid var(--blog-muted);border-bottom:2px solid var(--blog-muted);transform:translateY(-70%) rotate(45deg);transition:transform .15s}html .blog-flow details[open]>summary:after{transform:translateY(-30%) rotate(-135deg)}html .blog-flow details>:not(summary){padding:0 1em}html .blog-flow details[open]>:last-child{padding-bottom:.8em}html .blog-flow section[data-blog-block=cta]{margin:1.8em 0;text-align:center}html .blog-flow section[data-blog-block=cta] a{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;background:var(--blog-primary);color:var(--blog-on-primary);font-family:var(--blog-font-heading);font-weight:700;font-size:15px;text-decoration:none}html .blog-flow [data-blog-block=gallery]{display:grid;grid-template-columns:1fr;gap:10px;margin:1.8em 0}@media(min-width:640px){html .blog-flow [data-blog-block=gallery]{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){html .blog-flow [data-blog-block=gallery]{grid-template-columns:repeat(3,1fr)}}html .blog-flow [data-blog-block=gallery] figure{margin:0}html .blog-flow [data-blog-block=gallery] img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px}html .blog-flow [data-blog-block=product]{margin:1.8em 0}html .blog-flow .blog-product-card{display:flex;flex-direction:column;gap:14px;align-items:center;padding:14px;border:1px solid var(--blog-border);border-radius:14px;background:var(--blog-surface)}@media(min-width:640px){html .blog-flow .blog-product-card{flex-direction:row}}html .blog-flow .blog-product-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;flex-shrink:0}@media(min-width:640px){html .blog-flow .blog-product-card img{width:120px}}html .blog-flow .blog-product-body{flex:1;min-width:0}html .blog-flow .blog-product-body h3,html .blog-flow .blog-product-title{margin:0 0 4px;font-size:17px;line-height:1.3}html .blog-flow .blog-product-price{margin:0 0 10px;font-weight:800;color:var(--blog-primary)}html .blog-flow .blog-product-body a{display:inline-flex;padding:8px 16px;border-radius:10px;background:var(--blog-primary);color:var(--blog-on-primary);font-size:13px;font-weight:700;text-decoration:none}html .blog-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:50;background:var(--blog-primary);pointer-events:none;transform-origin:left}@media(prefers-reduced-motion:reduce){html .blog-progress{display:none}html .blog-root *,html .blog-root *:before,html .blog-root *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}@media(min-width:1024px){html .blog-root[data-layout=single] .blog-wide{width:calc(100% + 200px);max-width:none;margin-left:-100px}}html .blog-tok-comment{color:var(--blog-muted);font-style:italic}html .blog-tok-string{color:color-mix(in srgb,#0f9d58 70%,var(--blog-ink))}html .blog-tok-number{color:color-mix(in srgb,#d97706 75%,var(--blog-ink))}html .blog-tok-keyword{color:color-mix(in srgb,var(--blog-primary) 85%,var(--blog-ink));font-weight:600}@media print{html body.blog-print-recipe *{visibility:hidden}html body.blog-print-recipe .blog-recipe[data-printing],html body.blog-print-recipe .blog-recipe[data-printing] *{visibility:visible}html body.blog-print-recipe .blog-recipe[data-printing]{position:absolute;inset:0 auto auto 0;width:100%;border:0}html body.blog-print-recipe .blog-no-print{display:none!important}}html .blog-root[data-corners=sharp] :is(.rounded-md,.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl),html .blog-root[data-corners=sharp] .blog-flow :is(img,pre,iframe,aside,section){border-radius:0}html .blog-root[data-corners=soft] :is(.rounded-xl,.rounded-2xl,.rounded-3xl),html .blog-root[data-corners=soft] .blog-flow :is(img,pre,iframe,aside,section){border-radius:6px}html .blog-root[data-corners=round] :is(.rounded-xl,.rounded-2xl),html .blog-root[data-corners=round] .blog-flow :is(img,pre,iframe,aside,section){border-radius:22px}html .blog-root[data-corners=round] .rounded-3xl{border-radius:32px}html .blog-root[data-links=underline] .blog-flow a{color:var(--blog-ink);text-decoration-thickness:2px;text-decoration-color:var(--blog-primary)}html .blog-root[data-links=accent] .blog-flow a{font-weight:600;text-decoration-color:transparent}html .blog-root[data-links=accent] .blog-flow a:hover{text-decoration-color:var(--blog-primary)}html .blog-root[data-links=highlight] .blog-flow a{color:var(--blog-ink);text-decoration:none;background:linear-gradient(to top,var(--blog-primary-muted) 45%,transparent 45%);padding:0 1px;transition:background-size .15s}html .blog-root[data-links=highlight] .blog-flow a:hover{background:var(--blog-primary-muted)}html .blog-root[data-dropcap] .blog-prose>.blog-flow:first-child>p:first-of-type:first-letter{float:left;font-family:var(--blog-font-heading);font-size:3.4em;line-height:.85;font-weight:700;margin:.08em .1em 0 0;color:var(--blog-primary)}html .blog-root[data-hide-image] .blog-c-image,html .blog-root[data-hide-category] .blog-c-category,html .blog-root[data-hide-excerpt] .blog-c-excerpt{display:none}html .blog-root[data-ratio="16:9"] .blog-c-image.blog-cover{aspect-ratio:16 / 9}html .blog-root[data-ratio="3:2"] .blog-c-image.blog-cover{aspect-ratio:3 / 2}html .blog-root[data-ratio="4:3"] .blog-c-image.blog-cover{aspect-ratio:4 / 3}html .blog-root[data-ratio="1:1"] .blog-c-image.blog-cover{aspect-ratio:1 / 1}html .blog-root[data-ratio="4:5"] .blog-c-image.blog-cover{aspect-ratio:4 / 5}html .blog-root.blog-root[data-columns="2"] .blog-grid.blog-grid{--blog-cols-lg: 2}html .blog-root.blog-root[data-columns="3"] .blog-grid.blog-grid{--blog-cols-lg: 3}html .blog-root.blog-root[data-columns="4"] .blog-grid.blog-grid{--blog-cols-lg: 4}html .blog-root.blog-root[data-columns="2"] .blog-grid.blog-grid,html .blog-root.blog-root[data-columns="3"] .blog-grid.blog-grid,html .blog-root.blog-root[data-columns="4"] .blog-grid.blog-grid{--blog-cols-sm: 2}
