.lab-guide[data-astro-cid-2opsv5sq]{padding-block:var(--padding-lg);padding-inline:var(--padding);margin-inline:auto;position:relative}.guide-inner[data-astro-cid-2opsv5sq]{max-inline-size:100ch;margin-inline:auto;&.is-wide{max-inline-size:90rem}}.guide-heading[data-astro-cid-2opsv5sq]{align-items:end;gap:var(--gap-lg);grid-template-columns:minmax(0,1fr) auto;display:grid;&>div[data-astro-cid-2opsv5sq]{max-inline-size:54rem}& .eyebrow{color:var(--link);font-size:.8rem;font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;margin-block-end:var(--gap-sm)}& h2{letter-spacing:-.045em;font-size:clamp(2.25rem,5vw,4.75rem)}& .description{max-inline-size:48rem;color:var(--text-muted);margin-block-start:var(--gap);font-size:clamp(1rem,.9rem + .35vw,1.25rem);line-height:1.65}@media (width<=48rem){grid-template-columns:minmax(0,1fr);align-items:start}}.back-link[data-astro-cid-2opsv5sq]{justify-content:center;align-items:center;gap:var(--gap-sm);min-block-size:2.75rem;font-weight:var(--fw-semibold);white-space:nowrap;padding:.65rem .9rem;display:inline-flex;& svg{block-size:1.25rem;inline-size:1.25rem}@media (any-hover:hover) and (prefers-reduced-motion:no-preference){&:hover svg{animation:.7s ease-in-out infinite alternate arrow-up-dashed}}&:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px}}.guide-nav[data-astro-cid-2opsv5sq]{margin-block:clamp(2rem,5vw,4rem);& ol{gap:var(--gap-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}& a{border:var(--border);border-radius:var(--radius);corner-shape:var(--corner-shape);align-items:center;gap:var(--gap-sm);background:var(--surface);min-block-size:2.5rem;box-shadow:var(--shadow);color:var(--text-muted);font-size:.825rem;font-weight:var(--fw-semibold);padding-inline:.75rem;transition:background-color .16s,color .16s;display:inline-flex;& span{color:var(--link);font-variant-numeric:tabular-nums;font-size:.75rem}@media (any-hover:hover){&:hover{background:var(--lab-interactive-hover-surface);color:var(--text)}}&:focus-visible{outline:2px solid var(--link);outline-offset:2px}}@media (width<=48rem){max-inline-size:100%;padding-block:.15rem var(--padding-sm);scroll-snap-type:inline proximity;scrollbar-width:thin;overflow-x:auto;& ol{flex-wrap:nowrap;inline-size:max-content;min-inline-size:max-content}& li{scroll-snap-align:start;flex:none}}@media (prefers-reduced-motion:reduce){& a{transition:none}}}.guide-content[data-astro-cid-2opsv5sq]{gap:clamp(4rem,8vw,7rem);display:grid}.guide-footer[data-astro-cid-2opsv5sq]{justify-content:flex-end;margin-block-start:clamp(1.5rem,3vw,2.5rem);display:flex}@keyframes arrow-up-dashed{to{translate:0 -.25rem}}.guide-syntax[data-astro-cid-zvr4qpi6]{box-sizing:border-box;inline-size:100%;min-inline-size:0;font-family:monospace;display:block}.syntax-content[data-astro-cid-zvr4qpi6]{text-indent:-2ch;min-inline-size:0;padding-inline-start:2ch;display:block}.guide-syntax[data-astro-cid-zvr4qpi6].is-compact{inline-size:fit-content;& .syntax-content{text-indent:0;white-space:nowrap;padding-inline-start:0}}code[data-astro-cid-zvr4qpi6]{font:inherit;white-space:normal;overflow-wrap:anywhere}.relationship-callout[data-astro-cid-dqfgeig5]{border-radius:var(--radius);corner-shape:var(--corner-shape);align-items:center;gap:var(--gap-lg);background:linear-gradient(120deg, color-mix(in oklch, var(--brand-blue) 22%, transparent), transparent 44%), color-mix(in oklch, var(--surface-strong) 94%, transparent);box-shadow:var(--shadow-full);border:0;grid-template-columns:auto minmax(0,1fr);margin-block-end:var(--gap);padding:clamp(1rem,3vw,1.75rem);display:grid;@media (width<=38rem){grid-template-columns:minmax(0,1fr)}&>.guide-syntax{border-radius:var(--radius);corner-shape:var(--corner-shape);background:var(--bg);white-space:nowrap;padding:.75rem 1rem;font-size:clamp(1rem,1.5vw,1.25rem);display:inline-flex}& strong{font-size:1.1rem}& p{color:var(--text-muted);margin-block-start:.25rem;line-height:1.55}}.guide-section[data-astro-cid-hlco5g3h]{scroll-margin-block-start:5.5rem;&>header[data-astro-cid-hlco5g3h]{max-inline-size:56rem;margin-block-end:var(--gap-lg);display:block;& .section-title{align-items:baseline;gap:var(--gap);display:flex}& .section-title>span[data-astro-cid-hlco5g3h]{color:var(--link);font-size:clamp(1.75rem,3vw,2.75rem);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;line-height:1}& h3{letter-spacing:-.025em;font-size:clamp(1.75rem,3vw,2.75rem)}& p{color:var(--text-muted);margin-block-start:var(--gap-sm);font-size:1.05rem;line-height:1.65}}}.section-content[data-astro-cid-hlco5g3h]{min-inline-size:0}.comparison-grid[data-astro-cid-pwxre3lu]{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;@media (width<=48rem){grid-template-columns:minmax(0,1fr)}& article{border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--surface-strong) 92%, transparent);min-inline-size:0;box-shadow:var(--shadow-full);border:0;overflow:hidden;&>div[data-astro-cid-pwxre3lu]:last-child,&>.comparison-code[data-astro-cid-pwxre3lu]{padding:var(--padding)}& h4{margin-block-start:var(--gap-sm);font-size:1.25rem}& p{color:var(--text-muted);margin-block-start:var(--gap-sm);line-height:1.6}& a{min-block-size:2.75rem;color:var(--link);font-weight:var(--fw-semibold);align-items:center;margin-block-start:var(--gap);display:inline-flex;&:after{content:" →";margin-inline-start:.35rem}&:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px}}}}.comparison-code[data-astro-cid-pwxre3lu]{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex;&>.guide-syntax{border-radius:var(--radius);corner-shape:var(--corner-shape);background:var(--bg);white-space:nowrap;padding:.6rem .75rem;font-size:clamp(.85rem,1.4vw,1rem)}& svg{block-size:2rem;inline-size:2rem;color:var(--brand-orange);flex:none}}.comparison-visual[data-astro-cid-pwxre3lu]{block-size:12rem;padding:var(--padding);align-items:center;gap:var(--gap-sm);background:linear-gradient(color-mix(in oklch, var(--border-color) 35%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--border-color) 35%, transparent) 1px, transparent 1px), color-mix(in oklch, var(--brand-orange) 12%, var(--surface));background-size:1rem 1rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;&>span[data-astro-cid-pwxre3lu]:not(.comparison-divider){border:2px solid color-mix(in oklch, var(--brand-orange) 65%, var(--text));border-radius:calc(var(--radius) * .75);gap:.35rem;block-size:7rem;min-block-size:0;padding:.4rem;overflow:hidden}& i{border-radius:calc(var(--radius) * .4);background:color-mix(in oklch, var(--brand-blue) 55%, var(--surface));min-inline-size:0}& .flex-layout{align-items:stretch;display:flex;& i{flex:1}}& .grid-layout{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}& .columns-layout{columns:2;column-rule:1px solid color-mix(in oklch, var(--brand-orange) 55%, transparent);column-gap:.45rem;display:block;& i{break-inside:avoid;block-size:.55rem;inline-size:100%;margin-block-end:.3rem;display:block;&:nth-child(5n+1){inline-size:86%}&:nth-child(7n+3){inline-size:74%}&:nth-child(9n+2){inline-size:92%}}}& .comparison-divider{color:var(--link);font-weight:var(--fw-bold)}}.lanes-layout[data-astro-cid-pwxre3lu]{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;& i:first-child{grid-area:1/1/span 2}& i:nth-child(2){grid-area:1/2/span 3}& i:nth-child(3){grid-area:3/1/span 3}& i:nth-child(4){grid-area:4/2}& i:nth-child(5){grid-area:5/2/span 2}& i:nth-child(6){grid-area:6/1}}.guide-sections[data-astro-cid-utrnxzp5]{gap:clamp(4rem,8vw,7rem);min-inline-size:0;display:grid}.guide-follow-up[data-astro-cid-utrnxzp5]{margin-block-start:0}.guide-interactive-layout[data-astro-cid-qjmcdr7d]{gap:var(--gap-lg);min-inline-size:0;display:grid;@media (width>=75rem){grid-template-columns:minmax(0,1fr) minmax(19rem,25rem);align-items:start}}.guide-sections[data-astro-cid-qjmcdr7d]{gap:clamp(4rem,8vw,7rem);min-inline-size:0;display:grid}.model-grid[data-astro-cid-x2wy4sdl]{gap:var(--gap);display:grid;& .guide-model-primary,& .model-copy article{border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--surface-strong) 92%, transparent);box-shadow:var(--shadow-full);border:0}& .guide-model-primary{align-items:center;gap:var(--gap-lg);grid-template-columns:minmax(0,1.25fr) minmax(12rem,.75fr);min-inline-size:0;margin:0;padding:clamp(1rem,3vw,2rem);display:grid;@media (width<=38rem){grid-template-columns:minmax(0,1fr)}& figcaption{gap:var(--gap-sm);display:grid;& span{color:var(--text-muted);line-height:1.55}}}& .model-copy{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;@media (width<=38rem){grid-template-columns:minmax(0,1fr)}& article{padding:var(--padding);& p{color:var(--text-muted);margin-block-start:.25rem;line-height:1.55}}}}.pitfall-grid[data-astro-cid-5joxs66r]{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;@media (width<=48rem){grid-template-columns:minmax(0,1fr)}& article{border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--surface-strong) 92%, transparent);box-shadow:var(--shadow-full);border:0;padding:clamp(1rem,2vw,1.5rem);position:relative;overflow:hidden;& h4{font-size:1.15rem}& dl{gap:var(--gap);margin-block-start:var(--gap);display:grid;&>div[data-astro-cid-5joxs66r]{gap:.25rem;display:grid;&+div[data-astro-cid-5joxs66r]{border-block-start:1px solid color-mix(in oklch, var(--border-color) 70%, transparent);padding-block-start:var(--gap-sm)}}}& dt{color:var(--link);font-size:.75rem;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase}& dd{color:var(--text-muted);margin:0;line-height:1.55}}}.group-title[data-astro-cid-g4d7moog]{inline-size:fit-content;max-inline-size:100%;padding:calc(var(--padding-sm) * .75) var(--padding);border-radius:var(--radius);corner-shape:var(--corner-shape);background:var(--lab-group-title-surface);box-shadow:var(--shadow-full);font-size:var(--lab-group-title-size);font-weight:var(--lab-group-title-weight);text-wrap:balance;line-height:1.25}.guide-preview-panel[data-astro-cid-6uojibea]{display:none;@media (width>=75rem){padding:calc(var(--padding) + .75rem) var(--padding) var(--padding);border-radius:var(--radius);corner-shape:var(--corner-shape);gap:var(--gap-sm);background:color-mix(in oklch, var(--surface-strong) 96%, transparent);box-shadow:var(--shadow-full);border:0;margin-block-start:6rem;display:grid;position:sticky;inset-block-start:8rem}&>header[data-astro-cid-6uojibea]{z-index:1;inset-block-start:0;inset-inline:var(--padding);justify-content:space-between;align-items:center;gap:var(--gap);display:flex;position:absolute;transform:translateY(-50%);& .reset-anchor{display:inline-grid}& .reset-button{place-items:center;block-size:2.25rem;inline-size:2.25rem;padding:0;display:grid;&:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}}}& output{min-block-size:2.65rem;padding:var(--padding-sm);border-inline-start:.25rem solid var(--brand-blue);border-radius:0 var(--radius) var(--radius) 0;corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--brand-blue) 12%, var(--surface));color:var(--text-muted);font-size:.875rem;line-height:1.5;& [data-guide-status-property],& [data-guide-status-value]{color:var(--link)}& [data-guide-status-property]{font-weight:var(--fw-bold)}}}.guide-preview-canvas[data-astro-cid-6uojibea]{min-block-size:24rem;padding:var(--padding-sm);border-radius:calc(var(--radius) * 1.25);corner-shape:var(--corner-shape);background:light-dark(color-mix(in oklch, var(--brand-blue) 28%, var(--surface)),color-mix(in oklch, var(--surface) 76%, black));border:0;overflow:auto;&>.guide-preview{box-sizing:border-box;min-inline-size:0;padding:var(--padding);border-radius:var(--radius);corner-shape:var(--corner-shape);background:var(--surface-strong);box-shadow:var(--shadow-full);overflow:auto}}.property-card[data-astro-cid-5vtc5rgl]{border-radius:var(--radius);corner-shape:var(--corner-shape);gap:var(--gap);background:color-mix(in oklch, var(--surface-strong) 92%, transparent);min-inline-size:0;box-shadow:var(--shadow-full);border:0;flex-direction:column;padding:clamp(1rem,2vw,1.5rem);display:flex;&>header[data-astro-cid-5vtc5rgl]{& h4{font-size:1.2rem;& code{color:var(--link)}}& p{color:var(--text-muted);margin-block-start:var(--gap-sm);line-height:1.55}}}dl[data-astro-cid-5vtc5rgl]{gap:var(--gap);margin:0;display:grid;&>div[data-astro-cid-5vtc5rgl]{gap:.35rem;min-inline-size:0;display:grid}& dt{color:var(--text-muted);font-size:.75rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase}& dd{min-inline-size:0;margin:0}& .syntax .syntax-code{border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--brand-neutral) 34%, transparent);white-space:normal;overflow-wrap:anywhere;inline-size:100%;padding:.65rem .75rem}& .default-value code{color:var(--warning);font-weight:var(--fw-regular)}& .values{flex-wrap:wrap;gap:.35rem;display:flex;&>code[data-astro-cid-5vtc5rgl]{border:1px solid color-mix(in oklch, var(--border-color) 72%, transparent);border-radius:var(--radius);corner-shape:var(--corner-shape);background:var(--chip);text-align:center;justify-content:center;align-items:center;padding:.25rem .5rem;line-height:1;display:inline-flex;&.has-icon{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-inline-size:5.15rem;padding:.4rem .55rem}& .value-icon{block-size:2rem;inline-size:3rem}}& .value-button{display:none;& .value-icon{block-size:2rem;inline-size:3rem}@media (width>=75rem){border:1px solid color-mix(in oklch, var(--border-color) 72%, transparent);border-radius:var(--radius);corner-shape:var(--corner-shape);text-align:center;background:var(--chip);color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:.25rem .5rem;line-height:1;display:inline-flex;&.has-icon{flex-direction:column;gap:.15rem;min-inline-size:5.15rem;padding:.4rem .55rem}&[aria-pressed=true]{border-color:var(--brand-blue);background:color-mix(in oklch, var(--brand-blue) 24%, var(--surface))}@media (any-hover:hover){&:hover{background:var(--lab-interactive-hover-surface)}}&:focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}& code{color:inherit;background:0 0;border:0;padding:0}}}& code.value-fallback,& code.value-fallback.has-icon{@media (width>=75rem){display:none}}}}.note[data-astro-cid-5vtc5rgl]{border-inline-start:3px solid var(--brand-orange);border-radius:0 var(--radius) var(--radius) 0;corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--brand-orange) 14%, transparent);color:var(--text-muted);padding:.75rem;font-size:.9rem;line-height:1.5}.property-card[data-astro-cid-5vtc5rgl]>a[data-astro-cid-5vtc5rgl]{min-block-size:2.25rem;color:var(--link);font-weight:var(--fw-semibold);align-self:flex-start;align-items:center;gap:.35rem;margin-block-start:auto;display:inline-flex;@media (any-hover:hover){&:hover{text-underline-offset:.2em;text-decoration:underline}}&:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px;border-radius:var(--radius);corner-shape:var(--corner-shape)}}.property-grid[data-astro-cid-rae73dru]{align-items:stretch;gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;@media (width<=48rem){grid-template-columns:minmax(0,1fr)}}.sources[data-astro-cid-6pur4rbh]{border-radius:var(--radius);corner-shape:var(--corner-shape);gap:var(--gap);background:color-mix(in oklch, var(--surface-strong) 92%, transparent);box-shadow:var(--shadow-full);border:0;margin-block-start:0;padding:clamp(2.75rem,5vw,3.25rem) clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem);display:grid;position:relative;&>div[data-astro-cid-6pur4rbh]{&>[data-guide-group-title]{position:absolute;inset-block-start:0;inset-inline-start:clamp(1rem,3vw,2rem);transform:translateY(-50%)}&>span[data-astro-cid-6pur4rbh]{color:var(--text-muted);line-height:1.55;display:block}}& ul{align-items:stretch;gap:var(--gap-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;& li{display:flex}& a{border-radius:var(--radius);corner-shape:var(--corner-shape);background:var(--chip);inline-size:fit-content;color:var(--link);font-weight:var(--fw-semibold);box-shadow:var(--shadow-full);justify-content:flex-start;align-items:center;gap:.65rem;padding:.75rem;display:flex;@media (any-hover:hover){&:hover{text-underline-offset:.2em;text-decoration:underline}}&:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px}}}}