@property --rail-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --rail-fade-end{syntax:"<length>";inherits:false;initial-value:0}@keyframes rail-fade-start{0%{--rail-fade-start:0px}to{--rail-fade-start:var(--rail-fade)}}@keyframes rail-fade-end{0%{--rail-fade-end:var(--rail-fade)}to{--rail-fade-end:0px}}@layer components{.shell[data-astro-cid-44cptbjj]{max-width:var(--page-max);padding-inline:var(--page-gutter);border-top:1px solid var(--line);grid-template-columns:14.5rem minmax(0,1fr);align-items:start;gap:56px;margin-inline:auto;display:grid}.side[data-astro-cid-44cptbjj]{top:var(--top-clearance);padding-block:34px 0;position:sticky}.side[data-astro-cid-44cptbjj] .eyebrow[data-astro-cid-44cptbjj]{margin-bottom:14px}.side[data-astro-cid-44cptbjj] ul[data-astro-cid-44cptbjj]{gap:2px;margin:0;padding:0;list-style:none;display:grid}.side-item[data-astro-cid-44cptbjj] a[data-astro-cid-44cptbjj]{border-left:2px solid #0000;border-radius:8px;grid-template-columns:1.5rem 1fr;gap:10px;padding:10px 12px;display:grid}.side-item[data-astro-cid-44cptbjj] a[data-astro-cid-44cptbjj]:hover{background:#f4f7fb}.side-num[data-astro-cid-44cptbjj]{color:var(--muted);font:.6875rem/1.6 ui-monospace,monospace}.side-text[data-astro-cid-44cptbjj] strong[data-astro-cid-44cptbjj]{font-size:.8125rem;font-weight:600;line-height:1.35;display:block}.side-text[data-astro-cid-44cptbjj] code[data-astro-cid-44cptbjj]{color:var(--muted);margin-top:3px;font-size:.6875rem;display:block}.side-item[data-astro-cid-44cptbjj].current a[data-astro-cid-44cptbjj]{border-left-color:var(--blue);background:#eef3fd}.side-item[data-astro-cid-44cptbjj].current .side-text[data-astro-cid-44cptbjj] strong[data-astro-cid-44cptbjj]{color:#1c3f8f}.side-item[data-astro-cid-44cptbjj].current .side-num[data-astro-cid-44cptbjj]{color:var(--blue)}.detail[data-astro-cid-44cptbjj]{max-width:none;margin-inline:0;padding-block:44px 80px;padding-inline:0}.detail-head[data-astro-cid-44cptbjj]{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:end;gap:40px;padding-bottom:36px;display:grid}.detail-head[data-astro-cid-44cptbjj] h1[data-astro-cid-44cptbjj]{letter-spacing:-.045em;font-size:clamp(1.875rem,3.2vw,3.125rem);font-weight:560;line-height:1.1}.lede[data-astro-cid-44cptbjj]{max-width:46ch;color:var(--muted);margin-top:14px}.detail-meta[data-astro-cid-44cptbjj]{text-align:right;justify-self:end;justify-items:end;gap:12px;padding-bottom:6px;display:grid}.detail-meta[data-astro-cid-44cptbjj] code[data-astro-cid-44cptbjj]{font-size:.9375rem}.recipe-value[data-astro-cid-44cptbjj]{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 30px;display:grid;overflow:hidden}.recipe-value[data-astro-cid-44cptbjj]>div[data-astro-cid-44cptbjj]{padding:16px 18px}.recipe-value[data-astro-cid-44cptbjj]>div[data-astro-cid-44cptbjj]+div[data-astro-cid-44cptbjj]{border-left:1px solid var(--line)}.recipe-value[data-astro-cid-44cptbjj] dt[data-astro-cid-44cptbjj]{color:var(--quiet);letter-spacing:.08em;text-transform:uppercase;font:.6875rem/1.5 ui-monospace,monospace}.recipe-value[data-astro-cid-44cptbjj] dd[data-astro-cid-44cptbjj]{color:#36445a;margin-top:7px;font-size:.8125rem}.stage[data-astro-cid-44cptbjj]{background:#e9eef5;border:1px solid #d9e0e9;border-radius:18px;margin-bottom:64px;padding:clamp(14px,2vw,22px);box-shadow:0 22px 54px #17243917}.stage-bar[data-astro-cid-44cptbjj]{max-width:min(100%, var(--stage,700px));color:#5c6a7d;justify-content:space-between;align-items:center;gap:20px;margin:0 auto 13px;display:flex}.stage[data-astro-cid-44cptbjj] .interaction[data-astro-cid-44cptbjj]{color:inherit;text-align:right;font-size:.75rem}.stage-frame[data-astro-cid-44cptbjj]{max-width:min(100%, var(--stage,700px));background:#f2f5f9;border:1px solid #cbd4df;border-radius:11px;margin-inline:auto;overflow:hidden;box-shadow:0 1px 2px #1724390f,0 12px 28px #17243914}.stage-frame[data-astro-cid-44cptbjj] iframe[data-astro-cid-44cptbjj]{border:0;width:100%;height:clamp(380px,52vh,540px);display:block}.recipe-comparison[data-astro-cid-44cptbjj]{border-top:1px solid var(--line);padding-block:54px 64px}.comparison-heading[data-astro-cid-44cptbjj]{gap:9px;max-width:52rem;margin-bottom:24px;display:grid}.comparison-heading[data-astro-cid-44cptbjj] .eyebrow[data-astro-cid-44cptbjj]{margin-bottom:0}.comparison-heading[data-astro-cid-44cptbjj] h2[data-astro-cid-44cptbjj]{letter-spacing:-.035em;font-size:clamp(1.5rem,2.5vw,2.125rem);font-weight:560}.comparison-heading[data-astro-cid-44cptbjj]>p[data-astro-cid-44cptbjj]:last-child{color:var(--muted)}.recipe-comparison[data-astro-cid-44cptbjj] .pair-code[data-astro-cid-44cptbjj]{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-comparison[data-astro-cid-44cptbjj] .pair-note[data-astro-cid-44cptbjj]{margin-top:18px}.detail-body[data-astro-cid-44cptbjj]{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.35fr) minmax(17.5rem,.8fr);gap:clamp(36px,6vw,80px);padding-block:54px 64px;display:grid}.detail-body[data-astro-cid-44cptbjj] h2[data-astro-cid-44cptbjj]{letter-spacing:-.02em;margin-bottom:16px;font-size:1.125rem;font-weight:620}.explanation[data-astro-cid-44cptbjj]>.eyebrow[data-astro-cid-44cptbjj]{margin-bottom:12px}.why[data-astro-cid-44cptbjj]{color:#3d4b5f;max-width:58ch;margin-bottom:36px;font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.55}.decisions[data-astro-cid-44cptbjj]{gap:10px;margin:0;padding-left:18px;display:grid}.decisions[data-astro-cid-44cptbjj] li[data-astro-cid-44cptbjj]{color:var(--muted);font-size:.875rem;line-height:1.6}.provenance[data-astro-cid-44cptbjj]{color:var(--quiet);margin-top:14px;font-size:.75rem}.implementation[data-astro-cid-44cptbjj]{border-top:1px solid var(--line);align-content:start;gap:0;display:grid}.implementation[data-astro-cid-44cptbjj]>div[data-astro-cid-44cptbjj]{border-bottom:1px solid var(--line);grid-template-columns:1.75rem 1fr;column-gap:12px;padding-block:21px;display:grid}.implementation[data-astro-cid-44cptbjj]>div[data-astro-cid-44cptbjj]>span[data-astro-cid-44cptbjj]{color:var(--quiet);font:.6875rem/1.6 ui-monospace,monospace}.implementation[data-astro-cid-44cptbjj] h2[data-astro-cid-44cptbjj]{margin-bottom:5px;font-size:.875rem}.implementation[data-astro-cid-44cptbjj] p[data-astro-cid-44cptbjj]{color:var(--muted);grid-column:2;font-size:.8125rem}.docs-card[data-astro-cid-44cptbjj]{color:#1c3f8f;background:#edf3ff;border-radius:10px;grid-template-columns:1fr auto;gap:3px 16px;margin-top:22px;padding:18px 20px;display:grid}.docs-card[data-astro-cid-44cptbjj] span[data-astro-cid-44cptbjj]{letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem}.docs-card[data-astro-cid-44cptbjj] strong[data-astro-cid-44cptbjj]{font-size:.875rem;font-weight:620}.docs-card[data-astro-cid-44cptbjj] i[data-astro-cid-44cptbjj]{grid-area:1/2/3;align-self:center;font-style:normal}.docs-card[data-astro-cid-44cptbjj]:hover{background:#e2ebfd}.source-section[data-astro-cid-44cptbjj]{border-top:1px solid var(--line);min-width:0;padding-block:54px 12px}.standalone-source[data-astro-cid-44cptbjj]{margin-top:24px}.source-heading[data-astro-cid-44cptbjj]{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.source-heading[data-astro-cid-44cptbjj] .eyebrow[data-astro-cid-44cptbjj]{margin-bottom:9px}.source-heading[data-astro-cid-44cptbjj] h2[data-astro-cid-44cptbjj]{letter-spacing:-.035em;font-size:clamp(1.5rem,2.5vw,2.125rem);font-weight:560}.source-heading[data-astro-cid-44cptbjj]>p[data-astro-cid-44cptbjj]{color:var(--muted);font-size:.75rem}.detail-next[data-astro-cid-44cptbjj]{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:64px;display:grid}.detail-next[data-astro-cid-44cptbjj] a[data-astro-cid-44cptbjj]{gap:5px;padding-block:28px;display:grid}.detail-next[data-astro-cid-44cptbjj] .next[data-astro-cid-44cptbjj]{border-left:1px solid var(--line);text-align:right;padding-left:30px}.detail-next[data-astro-cid-44cptbjj] strong[data-astro-cid-44cptbjj]{letter-spacing:-.03em;font-size:1.5rem;font-weight:550}.detail-next[data-astro-cid-44cptbjj] a[data-astro-cid-44cptbjj]:hover strong[data-astro-cid-44cptbjj]{color:var(--blue)}@media (width<=1000px){.shell[data-astro-cid-44cptbjj]{grid-template-columns:minmax(0,1fr);gap:0}.side[data-astro-cid-44cptbjj]{min-width:0;padding-block:26px 0;position:static}.side[data-astro-cid-44cptbjj] ul[data-astro-cid-44cptbjj]{--rail-fade:28px;overscroll-behavior-inline:contain;grid-auto-columns:minmax(10rem,1fr);grid-auto-flow:column;gap:8px;padding-bottom:6px;overflow-x:auto}@supports (animation-timeline:scroll()){.side[data-astro-cid-44cptbjj] ul[data-astro-cid-44cptbjj]{scrollbar-width:none;animation:linear both rail-fade-start,linear both rail-fade-end;animation-range:0px var(--rail-fade), calc(100% - var(--rail-fade)) 100%;mask-image:linear-gradient(to right, transparent 0, #000 var(--rail-fade-start), #000 calc(100% - var(--rail-fade-end)), transparent 100%);padding-bottom:2px;animation-timeline:scroll(self inline)}}.side[data-astro-cid-44cptbjj] ul[data-astro-cid-44cptbjj][data-overflowing]{cursor:grab}.side[data-astro-cid-44cptbjj] ul[data-astro-cid-44cptbjj][data-dragging],.side[data-astro-cid-44cptbjj] ul[data-astro-cid-44cptbjj][data-dragging] a[data-astro-cid-44cptbjj]{cursor:grabbing;user-select:none}.side-item[data-astro-cid-44cptbjj] a[data-astro-cid-44cptbjj]{border-bottom:2px solid #0000;border-left:0}.side-item[data-astro-cid-44cptbjj].current a[data-astro-cid-44cptbjj]{border-bottom-color:var(--blue)}.detail-head[data-astro-cid-44cptbjj],.detail-body[data-astro-cid-44cptbjj]{grid-template-columns:minmax(0,1fr);gap:24px}.recipe-value[data-astro-cid-44cptbjj]{grid-template-columns:1fr}.recipe-value[data-astro-cid-44cptbjj]>div[data-astro-cid-44cptbjj]+div[data-astro-cid-44cptbjj]{border-top:1px solid var(--line);border-left:0}.detail-meta[data-astro-cid-44cptbjj]{text-align:left;justify-self:start;justify-items:start}}@media (width<=620px){.detail[data-astro-cid-44cptbjj]{padding-block:32px 56px}.stage[data-astro-cid-44cptbjj]{margin-inline:-8px;margin-bottom:44px}.stage-bar[data-astro-cid-44cptbjj],.source-heading[data-astro-cid-44cptbjj]{flex-direction:column;align-items:start;gap:7px}.stage[data-astro-cid-44cptbjj] .interaction[data-astro-cid-44cptbjj]{text-align:left}.stage-frame[data-astro-cid-44cptbjj] iframe[data-astro-cid-44cptbjj]{height:430px}.recipe-comparison[data-astro-cid-44cptbjj] .pair-code[data-astro-cid-44cptbjj]{grid-template-columns:1fr}.detail-next[data-astro-cid-44cptbjj] strong[data-astro-cid-44cptbjj]{font-size:1.125rem}.detail-next[data-astro-cid-44cptbjj] .next[data-astro-cid-44cptbjj]{padding-left:18px}}}