.recipes[data-astro-cid-bkt72kle]{margin-bottom:56px}.recipes-label[data-astro-cid-bkt72kle]{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 16px}.recipes-intro[data-astro-cid-bkt72kle]{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:-4px 0 20px;max-width:640px}.recipes-grid[data-astro-cid-bkt72kle]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px}.recipe[data-astro-cid-bkt72kle]{padding:28px;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;min-width:0}.recipe[data-astro-cid-bkt72kle] h3[data-astro-cid-bkt72kle]{font-size:16px;font-weight:600;margin-bottom:8px}.recipe[data-astro-cid-bkt72kle] p[data-astro-cid-bkt72kle]{font-size:14px;color:var(--text-secondary);line-height:1.7}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle]{margin:14px 0;padding:16px 18px;background:var(--bg-primary, var(--bg-surface));border:1px solid var(--border);border-radius:10px;overflow-x:auto}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle] code[data-astro-cid-bkt72kle]{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);white-space:pre}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle]{scrollbar-width:thin;scrollbar-color:#3a3d4a transparent}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle]::-webkit-scrollbar{height:6px}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle]::-webkit-scrollbar-track{background:transparent}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle]::-webkit-scrollbar-thumb{background:#3a3d4a;border-radius:3px}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle].url,.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle].plain{font-size:15px;line-height:1.8}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle] .c-key{color:var(--code-prop)}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle] .c-val{color:var(--accent)}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle] .c-url{color:var(--text-primary, inherit)}.copy-block[data-astro-cid-bkt72kle]{position:relative}.copy-block[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle]{padding-right:76px}.copy-btn[data-astro-cid-bkt72kle]{position:absolute;top:18px;right:12px;padding:4px 10px;font:inherit;font-size:12px;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;cursor:pointer}.copy-btn[data-astro-cid-bkt72kle]:hover,.copy-btn[data-astro-cid-bkt72kle]:focus-visible{color:var(--text-primary, #fff);border-color:var(--text-secondary)}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle].url .u-sep{color:var(--text-secondary)}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle].url .u-key{color:var(--code-prop)}.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle].url .u-val{color:var(--accent)}.samples[data-astro-cid-bkt72kle]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.samples[data-astro-cid-bkt72kle] figure[data-astro-cid-bkt72kle]:only-child:not(.wide){grid-column:1 / -1;width:calc(50% - 6px);justify-self:center}.samples[data-astro-cid-bkt72kle] figure[data-astro-cid-bkt72kle].wide{grid-column:1 / -1}.samples[data-astro-cid-bkt72kle] figure[data-astro-cid-bkt72kle].wide img[data-astro-cid-bkt72kle]{aspect-ratio:1200 / 630}.samples[data-astro-cid-bkt72kle] figure[data-astro-cid-bkt72kle]{margin:0;min-width:0}.samples[data-astro-cid-bkt72kle] img[data-astro-cid-bkt72kle]{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:10px;background:#fff}.samples[data-astro-cid-bkt72kle] img[data-astro-cid-bkt72kle].checker{background:repeating-conic-gradient(#d9d9d9 0% 25%,#fff 0% 50%) 50% / 16px 16px}.samples[data-astro-cid-bkt72kle] figcaption[data-astro-cid-bkt72kle]{margin-top:6px;font-size:12px;color:var(--text-secondary);text-align:center}.recipe-note[data-astro-cid-bkt72kle]{margin-top:0;font-size:13px}.recipe-note[data-astro-cid-bkt72kle] code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}@media(max-width:768px){.recipe[data-astro-cid-bkt72kle] pre[data-astro-cid-bkt72kle].url{font-size:13.5px}}