.steps.svelte-eb23lz{background:var(--color-line);gap:1px;margin:0;padding:0;list-style:none;display:grid}.steps.svelte-eb23lz li:where(.svelte-eb23lz){background:var(--color-bg);grid-template-columns:64px 1fr;gap:24px;padding:clamp(24px,3vw,40px);display:grid}.steps.svelte-eb23lz span:where(.svelte-eb23lz){color:var(--color-accent);font:500 .75rem var(--font-mono)}h3.svelte-eb23lz{font-size:var(--text-h3);margin:0 0 10px}p.svelte-eb23lz{color:var(--color-ink-soft);margin:0;line-height:1.55}.shot.svelte-eb23lz{border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:#0d0e15;margin:0;overflow:hidden}.shot.svelte-eb23lz img:where(.svelte-eb23lz){width:100%;height:auto;display:block}.shot.svelte-eb23lz figcaption:where(.svelte-eb23lz){color:#d2d4dc;padding:14px 20px;font-size:.875rem}.roles.svelte-eb23lz{background:var(--color-line-strong);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.roles.svelte-eb23lz article:where(.svelte-eb23lz){background:var(--color-bg);padding:clamp(20px,2.5vw,32px)}.detail.svelte-eb23lz{max-width:70ch}.table-wrap.svelte-eb23lz{overflow-x:auto}table.svelte-eb23lz{border-collapse:collapse;text-align:left;width:100%}th.svelte-eb23lz,td.svelte-eb23lz{border-bottom:1px solid var(--color-line);vertical-align:top;padding:18px 16px}th.svelte-eb23lz{width:22%;font-weight:600}td.svelte-eb23lz{color:var(--color-ink-soft)}kbd.svelte-eb23lz{border:1px solid var(--color-line-strong);font:500 .8rem var(--font-mono);white-space:nowrap;border-radius:5px;padding:5px 8px;display:inline-block}.split.svelte-eb23lz{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.split.svelte-eb23lz p:where(.svelte-eb23lz)+p:where(.svelte-eb23lz){margin-top:20px}.actions.svelte-eb23lz{flex-wrap:wrap;gap:12px;display:flex}.graphic-note.svelte-eb23lz{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-bg);align-content:center;gap:20px;padding:clamp(28px,4vw,56px);display:grid}.graphic-note.svelte-eb23lz span:where(.svelte-eb23lz){color:var(--color-accent);font:500 .75rem var(--font-mono)}.graphic-note.svelte-eb23lz strong:where(.svelte-eb23lz){letter-spacing:-.04em;max-width:12ch;font-size:clamp(2rem,3vw,3.5rem);line-height:1}@media (width<=900px){.roles.svelte-eb23lz{grid-template-columns:repeat(2,1fr)}.split.svelte-eb23lz{grid-template-columns:1fr}}@media (width<=600px){.roles.svelte-eb23lz{grid-template-columns:1fr}.steps.svelte-eb23lz li:where(.svelte-eb23lz){grid-template-columns:36px 1fr}}
