.flow-visual[data-astro-cid-ivfju2fg],.measure-visual[data-astro-cid-ivfju2fg],.fragment-visual[data-astro-cid-ivfju2fg]{border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--brand-orange) 13%, var(--surface))}.flow-visual[data-astro-cid-ivfju2fg]{columns:3;column-rule:1px solid color-mix(in oklch, var(--brand-orange) 52%, transparent);column-gap:1.25rem;min-block-size:15rem;padding:3rem 1.5rem 1.5rem;position:relative;& .flow-arrow{color:var(--link);font-size:.75rem;font-weight:var(--fw-bold);text-align:center;position:absolute;inset-block-start:.75rem;inset-inline:1.5rem}& i{border-radius:calc(var(--radius) * .35);background:color-mix(in oklch, var(--brand-blue) 52%, var(--surface));break-inside:avoid;block-size:.65rem;inline-size:100%;margin-block-end:.5rem;display:block;&:nth-of-type(5n+1){inline-size:88%}&:nth-of-type(7n+3){inline-size:76%}&:nth-of-type(9n+2){inline-size:94%}}}.measure-visual[data-astro-cid-ivfju2fg],.fragment-visual[data-astro-cid-ivfju2fg]{min-block-size:8rem;padding:var(--padding-sm);align-content:center;gap:var(--gap-sm);margin-block-end:var(--gap);display:grid;&>span[data-astro-cid-ivfju2fg]:not(.spanner){grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;min-block-size:4.5rem;display:grid}& i,& .spanner{border-radius:calc(var(--radius) * .55);background:color-mix(in oklch, var(--brand-blue) 52%, var(--surface))}}.measure-visual[data-astro-cid-ivfju2fg]{& b{border-block-start:1px solid var(--link);inline-size:calc(33.3333% - .333333rem);color:var(--link);text-align:center;margin-inline:auto;padding-block-start:.45rem;font-size:.7rem;display:block;position:relative;&:before,&:after{content:"";background:var(--link);block-size:.5rem;inline-size:1px;position:absolute;inset-block-start:-.25rem}&:before{inset-inline-start:0}&:after{inset-inline-end:0}}}.fragment-visual[data-astro-cid-ivfju2fg]{& .spanner{background:color-mix(in oklch, var(--brand-orange) 62%, var(--surface));block-size:1.1rem}}.guide-preview[data-astro-cid-ivfju2fg]{min-block-size:24rem;font-family:Georgia,Times New Roman,serif;font-size:.78rem;line-height:1.5;&[data-guide-target]{box-shadow:inset 0 0 0 3px var(--brand-orange), var(--shadow-full)}& header{border-block-end:1px solid color-mix(in oklch, var(--brand-orange) 45%, var(--border));margin-block-start:0;margin-block-end:var(--gap);padding-block-end:var(--padding-sm);&[data-guide-target]{padding:var(--padding-sm);border-radius:var(--radius);background:color-mix(in oklch, var(--brand-orange) 18%, transparent);box-shadow:inset 0 0 0 2px var(--brand-orange)}& p{color:var(--brand-orange);font-family:var(--font-lato), system-ui, sans-serif;font-size:.65rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem}& h4{margin:0;font-size:1.25rem;line-height:1.08}}& section{margin-block-end:.75rem;&[data-guide-target]{padding:var(--padding-sm);border-radius:var(--radius);background:color-mix(in oklch, var(--brand-orange) 18%, transparent);box-shadow:inset 0 0 0 2px var(--brand-orange)}& h5{color:var(--link);font-family:var(--font-lato), system-ui, sans-serif;margin:0 0 .3rem;font-size:.82rem;line-height:1.2}& p{margin:0}}}[data-astro-cid-fyfnagxe][data-lab-root=columns]{& .lab-group-fields .inputs{gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid}& [data-radio-group]{inline-size:100%;min-inline-size:0}& [data-radio-group=sizingMode] .visual-option{flex:8.5rem;min-inline-size:0}& [data-radio-group=sizingMode] .option-label{text-wrap:balance;white-space:normal;line-height:1.15}}.sizing-fields[data-astro-cid-fyfnagxe],.width-fields[data-astro-cid-fyfnagxe],.rule-details[data-astro-cid-fyfnagxe]{gap:var(--gap);min-inline-size:0;display:grid}.sizing-fields[data-astro-cid-fyfnagxe]{grid-template-columns:minmax(0,1fr)}.width-fields[data-astro-cid-fyfnagxe]{grid-template-columns:minmax(0,1fr) minmax(6rem,.38fr)}.rule-details[data-astro-cid-fyfnagxe]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-astro-cid-fyfnagxe][data-inactive]{opacity:.48}.preview-stage[data-astro-cid-fyfnagxe]{gap:var(--gap-sm);flex-direction:column;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;max-inline-size:100%;display:flex;overflow:clip}.preview-tools[data-astro-cid-fyfnagxe]{flex:none;padding:2px}.preview-scroll[data-astro-cid-fyfnagxe]{box-sizing:border-box;min-block-size:0;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding:var(--padding-sm);border:1px solid color-mix(in oklch, var(--border) 78%, transparent);border-radius:calc(var(--radius) * 1.5);corner-shape:var(--corner-shape);overscroll-behavior:contain;contain:inline-size;scrollbar-width:thin;background:light-dark(color-mix(in oklch, var(--brand-orange) 13%, var(--surface)),color-mix(in oklch, var(--surface) 76%, black));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--surface) 50%, transparent);flex:1 1 0;overflow:auto}.preview-viewport[data-astro-cid-fyfnagxe]{box-sizing:border-box;min-block-size:100%;min-inline-size:0;margin-inline:auto}.multicol-preview[data-astro-cid-fyfnagxe]{box-sizing:border-box;border:1px solid color-mix(in oklch, var(--brand-blue) 24%, var(--border));border-radius:calc(var(--radius) * 1.25);corner-shape:var(--corner-shape);background:linear-gradient(145deg, color-mix(in oklch, var(--surface) 94%, var(--brand-orange) 6%), color-mix(in oklch, var(--surface) 96%, var(--brand-blue) 4%));min-block-size:100%;inline-size:100%;min-inline-size:0;color:var(--text);box-shadow:var(--shadow-full);overflow-wrap:anywhere;margin:0;padding:clamp(1rem,2.5vw,2rem);font-family:Georgia,Times New Roman,serif;font-size:clamp(.88rem,.82rem + .18vw,1rem);line-height:1.62}.multicol-preview[data-astro-cid-fyfnagxe]>header[data-astro-cid-fyfnagxe]{break-inside:avoid;border-block-end:1px solid color-mix(in oklch, var(--brand-orange) 38%, var(--border));margin-block-end:clamp(1.25rem,3vw,2rem);padding-block-end:var(--padding);& .eyebrow{color:var(--brand-orange);font-family:var(--font-lato), system-ui, sans-serif;font-size:var(--font-size-xs);font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .55rem}& h2{text-wrap:balance;max-inline-size:24ch;margin:0;font-size:clamp(1.65rem,1.25rem + 1.35vw,2.65rem);line-height:1.02}& .lead{max-inline-size:68ch;color:var(--text-muted);font-family:var(--font-lato), system-ui, sans-serif;margin:.9rem 0 0;font-size:clamp(.95rem,.9rem + .2vw,1.08rem);line-height:1.5}}[data-astro-cid-fyfnagxe][data-columns-span-heading=true] .multicol-preview[data-astro-cid-fyfnagxe]>header[data-astro-cid-fyfnagxe]{column-span:all}.multicol-preview[data-astro-cid-fyfnagxe]>section[data-astro-cid-fyfnagxe]{margin:0 0 1.3rem;& h3{break-after:avoid;color:color-mix(in oklch, var(--text) 88%, var(--brand-blue));font-family:var(--font-lato), system-ui, sans-serif;text-wrap:balance;margin:0 0 .45rem;font-size:1.05rem;line-height:1.2}& p{margin:0;&+p[data-astro-cid-fyfnagxe]{margin-block-start:.75rem}}}[data-astro-cid-fyfnagxe][data-columns-avoid-breaks=true] .multicol-preview[data-astro-cid-fyfnagxe]>section[data-astro-cid-fyfnagxe]{break-inside:avoid}@media (width<=62.5rem){.preview-stage[data-astro-cid-fyfnagxe]{block-size:clamp(40rem,88dvh,48rem)}}@media (width<=40rem){.rule-details[data-astro-cid-fyfnagxe]{grid-template-columns:minmax(0,1fr)}.preview-stage[data-astro-cid-fyfnagxe]{min-block-size:44rem}.multicol-preview[data-astro-cid-fyfnagxe]{padding:var(--padding)}}