.demo[data-astro-cid-b3gs4dch]{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(32px,6vw,96px);padding-top:clamp(72px,11vh,120px);padding-bottom:clamp(72px,11vh,120px);display:grid}.demo--page[data-astro-cid-b3gs4dch]{padding-top:calc(var(--header) + clamp(48px, 9vh, 96px))}.intro[data-astro-cid-b3gs4dch]{top:calc(var(--header) + 32px);gap:18px;display:grid;position:sticky}.next[data-astro-cid-b3gs4dch]{gap:12px;margin-top:8px;display:grid}.next[data-astro-cid-b3gs4dch] li[data-astro-cid-b3gs4dch]{color:var(--fg-2);gap:10px;font-size:16px;display:flex}.next[data-astro-cid-b3gs4dch] svg[data-astro-cid-b3gs4dch]{fill:none;width:16px;height:16px;stroke:var(--brand-light);stroke-width:2px;flex:none;margin-top:4px}.form[data-astro-cid-b3gs4dch]{border:1px solid var(--line);background:linear-gradient(#ffffff0b,#ffffff03);border-radius:16px;gap:24px;padding:clamp(22px,3vw,36px);display:grid}fieldset[data-astro-cid-b3gs4dch]{border:0;border-bottom:1px solid var(--line);gap:18px;min-width:0;margin:0;padding:0 0 26px;display:grid}legend[data-astro-cid-b3gs4dch]{align-items:center;gap:12px;margin-bottom:18px;padding:0;font-size:17px;font-weight:600;display:flex}.step[data-astro-cid-b3gs4dch]{border:1px solid var(--line-strong);font-variant-numeric:tabular-nums;width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;font-size:13px;display:grid}.choices[data-astro-cid-b3gs4dch]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice[data-astro-cid-b3gs4dch]{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;transition:border-color .2s,background-color .2s;display:flex;position:relative}.choice[data-astro-cid-b3gs4dch]:hover{border-color:var(--line-strong)}.choice[data-astro-cid-b3gs4dch]:has(input:checked){border-color:var(--brand-light);background:#8bb9e514}.choice[data-astro-cid-b3gs4dch]:has(input:focus-visible){box-shadow:0 0 0 3px #8bb9e540}.choice[data-astro-cid-b3gs4dch] input[data-astro-cid-b3gs4dch]{opacity:0;pointer-events:none;position:absolute}.choice__text[data-astro-cid-b3gs4dch]{gap:2px;display:grid}.choice__text[data-astro-cid-b3gs4dch] strong[data-astro-cid-b3gs4dch]{font-size:15px;font-weight:600}.choice__text[data-astro-cid-b3gs4dch] small[data-astro-cid-b3gs4dch]{color:var(--fg-2);font-size:13px;line-height:1.45}.grid[data-astro-cid-b3gs4dch]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.field-in[data-astro-cid-b3gs4dch]{gap:8px;display:grid}.field-in[data-astro-cid-b3gs4dch].wide{grid-column:1/-1}.field-in[data-astro-cid-b3gs4dch] span[data-astro-cid-b3gs4dch]{font-size:14px;font-weight:500}.field-in[data-astro-cid-b3gs4dch] em[data-astro-cid-b3gs4dch]{color:var(--fg-3);margin-left:6px;font-style:normal;font-weight:400}input[data-astro-cid-b3gs4dch]:not([type=checkbox]),select[data-astro-cid-b3gs4dch],textarea[data-astro-cid-b3gs4dch]{border:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--fg);font:inherit;background:#08142499;border-radius:6px;padding:12px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}textarea[data-astro-cid-b3gs4dch]{resize:vertical}select[data-astro-cid-b3gs4dch]{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--fg-2) 50%), linear-gradient(135deg, var(--fg-2) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px}select[data-astro-cid-b3gs4dch] option[data-astro-cid-b3gs4dch]{background:var(--bg)}input[data-astro-cid-b3gs4dch]:focus-visible,select[data-astro-cid-b3gs4dch]:focus-visible,textarea[data-astro-cid-b3gs4dch]:focus-visible{border-color:var(--brand-light);outline:none;box-shadow:0 0 0 3px #8bb9e540}.field-in[data-astro-cid-b3gs4dch][data-invalid] input[data-astro-cid-b3gs4dch],.field-in[data-astro-cid-b3gs4dch][data-invalid] select[data-astro-cid-b3gs4dch]{border-color:var(--alert)}.trap[data-astro-cid-b3gs4dch]{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.foot[data-astro-cid-b3gs4dch]{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.foot[data-astro-cid-b3gs4dch] .btn[data-astro-cid-b3gs4dch][disabled]{opacity:.6;cursor:progress}.status[data-astro-cid-b3gs4dch]{color:var(--fg-2);font-size:15px}.status[data-astro-cid-b3gs4dch][data-tone=error]{color:#ff8a9b}.status[data-astro-cid-b3gs4dch][data-tone=ok]{color:var(--brand-light)}@media (width<=900px){.demo[data-astro-cid-b3gs4dch]{grid-template-columns:1fr}.intro[data-astro-cid-b3gs4dch]{position:static}}@media (width<=560px){.grid[data-astro-cid-b3gs4dch],.choices[data-astro-cid-b3gs4dch]{grid-template-columns:1fr}}