.how-page h1[data-v-2164b8e5]{text-transform:none;letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,64px)}.how-hero[data-v-2164b8e5]{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding:48px 0 32px;display:grid}.how-small[data-v-2164b8e5]{color:var(--color-muted);font-size:12px;line-height:1.7}.how-hero .how-small[data-v-2164b8e5]{margin-top:20px}.how-input[data-v-2164b8e5],.how-preview[data-v-2164b8e5]{border:1px solid color-mix(in oklch,var(--color-accent) 27%,transparent);background:radial-gradient(ellipse at top right,var(--color-accent-soft),transparent 80%),var(--glass-surface);border-radius:22px;min-width:0;padding:26px}.how-preview-head[data-v-2164b8e5]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.how-preview-head>span[data-v-2164b8e5]:first-child{align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.how-tag[data-v-2164b8e5]{letter-spacing:.1em;color:var(--color-muted);font-size:9px;font-weight:700}.how-preview blockquote[data-v-2164b8e5]{letter-spacing:-.015em;margin:24px 0;font-size:19px;line-height:1.6}.how-preview-path[data-v-2164b8e5]{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);justify-content:center;align-items:center;gap:16px;padding:18px 0;font-size:12px;display:flex}.how-preview-path strong[data-v-2164b8e5]{background:var(--color-accent-soft);color:var(--color-accent-text);border:1px solid var(--glass-border);border-radius:8px;padding:7px 20px}.how-preview-result[data-v-2164b8e5]{justify-content:space-between;gap:12px;margin:20px 0 10px;font-size:12px;display:flex}.how-preview-result strong[data-v-2164b8e5]{color:var(--color-accent-text);margin-left:4px}.how-preview-bar[data-v-2164b8e5]{background:var(--glass-surface-2);border-radius:10px;height:6px;overflow:hidden}.how-preview-bar>span[data-v-2164b8e5]{background:var(--color-accent);border-radius:inherit;height:100%;display:block}.how-preview small[data-v-2164b8e5]{color:var(--color-muted);margin-top:12px;font-size:10px;line-height:1.6;display:block}.how-steps[data-v-2164b8e5]{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 24px;display:grid}.how-steps a[data-v-2164b8e5]{border:1px solid var(--glass-border);color:var(--color-ink);background:var(--glass-surface);border-radius:16px;grid-template-columns:1fr auto;gap:12px;padding:20px;text-decoration:none;display:grid}.how-steps a[data-v-2164b8e5]:hover{border-color:var(--color-accent)}.how-steps small[data-v-2164b8e5],.how-steps strong[data-v-2164b8e5]{grid-column:1/-1}.how-steps strong[data-v-2164b8e5]{font-size:14px}.how-steps small[data-v-2164b8e5]{color:var(--color-muted);font-size:11px}.how-step-num[data-v-2164b8e5],.how-steps .ui-icon[data-v-2164b8e5]{color:var(--color-accent-text)}.how-step-num[data-v-2164b8e5]{font-family:var(--font-mono);letter-spacing:.06em;font-size:12px}.how-section[data-v-2164b8e5]{scroll-margin-top:110px}.how-section-title[data-v-2164b8e5]{align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.how-section-title>.how-step-num[data-v-2164b8e5]{border:1px solid var(--glass-border);background:var(--color-accent-soft);border-radius:12px;place-items:center;min-width:42px;height:42px;display:grid}.how-section-title h2[data-v-2164b8e5]{margin:0}.how-section-title p[data-v-2164b8e5]{max-width:70ch;margin:10px 0 0}.how-two[data-v-2164b8e5]{grid-template-columns:1fr 1fr;gap:32px;display:grid}.how-hero[data-v-2164b8e5]>*,.how-two[data-v-2164b8e5]>*{min-width:0}.how-instructions[data-v-2164b8e5]{gap:18px;margin:0;padding-left:22px;font-size:14px;display:grid}.how-instructions li[data-v-2164b8e5]::marker{color:var(--color-accent-text);font-weight:700}.how-input p[data-v-2164b8e5]{font-size:15px;line-height:1.9}.how-type-buttons[data-v-2164b8e5]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.how-type-buttons button[data-v-2164b8e5]{text-align:left;border:1px solid var(--glass-border);background:var(--glass-surface);color:var(--color-ink);font:inherit;cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;padding:18px;display:grid}.how-type-buttons span[data-v-2164b8e5]{color:var(--color-muted);grid-column:2;font-size:11px}.how-type-buttons strong[data-v-2164b8e5]{font-size:14px}.how-type-buttons button[aria-pressed=true][data-v-2164b8e5]{border-color:var(--color-accent);background:var(--color-accent-soft)}.how-type-buttons .ui-icon[data-v-2164b8e5]{color:var(--color-accent-text)}.how-lab[data-v-2164b8e5]{border:1px solid var(--glass-border);border-radius:20px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.how-answer[data-v-2164b8e5],.how-question[data-v-2164b8e5]{min-width:0;padding:26px}.how-question h3[data-v-2164b8e5]{margin:15px 0}.how-question p[data-v-2164b8e5]{font-size:14px}.how-answer[data-v-2164b8e5]{border-left:1px solid var(--glass-border);background:var(--glass-surface)}.how-answer[data-v-2164b8e5] .jev-answer-grid{grid-template-columns:1fr;margin-top:18px}.how-readout[data-v-2164b8e5]{gap:8px;margin-top:16px;font-size:12px;display:grid}.how-readout code[data-v-2164b8e5]{overflow-wrap:anywhere}.how-readout strong[data-v-2164b8e5]{color:var(--color-accent-text)}.how-criteria[data-v-2164b8e5]{gap:12px;padding:0;list-style:none;display:grid}.how-criteria li[data-v-2164b8e5]{grid-template-columns:85px 1fr;gap:12px;font-size:12px;display:grid}.how-criteria span[data-v-2164b8e5]{color:var(--color-muted)}.how-levels[data-v-2164b8e5]{padding-left:22px;font-size:13px}.how-levels li[data-v-2164b8e5]{padding:6px 0}.how-result-notes[data-v-2164b8e5]{gap:16px;display:grid}.how-result-notes article[data-v-2164b8e5]{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:14px;gap:14px;padding:18px;display:flex}.how-result-notes .ui-icon[data-v-2164b8e5]{color:var(--color-accent-text);flex-shrink:0}.how-result-notes h3[data-v-2164b8e5]{margin:0;font-size:16px}.how-result-notes p[data-v-2164b8e5]{margin:8px 0 0;font-size:13px}.how-api-path[data-v-2164b8e5]{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.how-api-path[data-v-2164b8e5]>*{border:1px solid var(--glass-border);color:var(--color-ink);background:var(--glass-surface);border-radius:14px;gap:12px;min-width:0;padding:20px;text-decoration:none;display:grid}.how-api-path strong[data-v-2164b8e5]{font-size:14px}.how-api-path span[data-v-2164b8e5]{color:var(--color-muted);overflow-wrap:anywhere;font-size:12px}.how-api-path .ui-icon[data-v-2164b8e5]{color:var(--color-accent-text)}.how-code-panel[data-v-2164b8e5]{border:1px solid var(--glass-border);border-radius:16px;min-width:0;margin-top:20px;overflow:hidden}.how-code-head[data-v-2164b8e5]{background:var(--glass-surface);justify-content:space-between;align-items:center;padding:12px}.how-code-head[data-v-2164b8e5],.how-code-head>div[data-v-2164b8e5]{gap:8px;display:flex}.how-code-head button[data-v-2164b8e5]{font:inherit;border:1px solid var(--glass-border);color:var(--color-ink);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.how-code-head button[aria-pressed=true][data-v-2164b8e5]{border-color:var(--color-accent);color:var(--color-accent-text)}.how-code-panel[data-v-2164b8e5] pre{border:0;border-radius:0;max-height:480px;margin:0;overflow:auto}.how-page button[data-v-2164b8e5]:focus-visible,.how-steps a[data-v-2164b8e5]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.how-errors[data-v-2164b8e5]{min-width:580px}.how-errors td[data-v-2164b8e5]{white-space:normal}.how-next[data-v-2164b8e5]{border:1px solid var(--glass-border);background:var(--color-accent-soft);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.how-next h2[data-v-2164b8e5]{margin:0}.how-next p[data-v-2164b8e5]{font-size:14px}.how-footnote[data-v-2164b8e5]{padding:24px 0 40px}@media (width<=900px){.how-hero[data-v-2164b8e5]{grid-template-columns:1fr;gap:24px}.how-steps[data-v-2164b8e5]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.how-api-path[data-v-2164b8e5],.how-lab[data-v-2164b8e5],.how-two[data-v-2164b8e5]{grid-template-columns:1fr}.how-answer[data-v-2164b8e5]{border-left:0;border-top:1px solid var(--glass-border)}.how-type-buttons button[data-v-2164b8e5]{grid-template-columns:1fr;justify-items:start;padding:12px}.how-type-buttons span[data-v-2164b8e5]{grid-column:1}.how-answer[data-v-2164b8e5],.how-input[data-v-2164b8e5],.how-preview[data-v-2164b8e5],.how-question[data-v-2164b8e5]{padding:20px}.how-next[data-v-2164b8e5]{flex-direction:column;align-items:flex-start}.how-code-head button[data-v-2164b8e5]{padding:8px}.how-section-title[data-v-2164b8e5]{gap:12px}}