.sr-only.svelte-36n0qb{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guide.svelte-36n0qb{max-width:1080px;color:var(--ink);font:15px/1.65 var(--font-display);grid-template-columns:180px minmax(0,1fr);gap:40px;margin:24px auto 60px;padding:0 24px;display:grid}.contents.svelte-36n0qb{align-self:start;gap:6px;font-size:13px;display:grid;position:sticky;top:20px}.contents.svelte-36n0qb strong:where(.svelte-36n0qb){font:400 22px var(--font-heading);margin-bottom:4px}.contents.svelte-36n0qb a:where(.svelte-36n0qb){color:var(--ink);border:1px solid #0000;border-radius:6px;padding:5px 9px;text-decoration:none}.contents.svelte-36n0qb a:where(.svelte-36n0qb):hover{border-color:var(--line);background:var(--card)}.body.svelte-36n0qb{min-width:0;max-width:760px}section.svelte-36n0qb+section:where(.svelte-36n0qb){border-top:1px solid var(--line);margin-top:34px;padding-top:28px}h2.svelte-36n0qb{font:400 28px/1.2 var(--font-heading);letter-spacing:-.02em;margin:0 0 8px}h3.svelte-36n0qb{margin:20px 0 6px;font-size:15px}.lede.svelte-36n0qb{color:var(--ink);margin:0 0 14px;font-size:15px}ol.svelte-36n0qb{margin:0 0 12px;padding-left:22px}li.svelte-36n0qb+li:where(.svelte-36n0qb){margin-top:9px}p.svelte-36n0qb{color:var(--ink-soft);margin:14px 0 0;font-size:13px}.figure.svelte-36n0qb{border:var(--border);background:var(--card);border-radius:10px;grid-template-columns:minmax(0,1.2fr) 1fr;align-items:center;gap:16px;margin:14px 0 6px;padding:12px;display:grid}.figure.svelte-36n0qb .pic:where(.svelte-36n0qb) .scene-preview{border:1px solid var(--ink);border-radius:4px}figcaption.svelte-36n0qb{color:var(--ink-soft);font-size:13px;line-height:1.55}.mock.svelte-36n0qb{border:1px solid var(--line);background:var(--card);font:500 11px var(--font-display);border-radius:8px;flex-wrap:wrap;gap:6px;margin:6px 0 12px;padding:8px;display:flex}.mock.svelte-36n0qb span:where(.svelte-36n0qb){border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:6px 10px}.mock.svelte-36n0qb .hi:where(.svelte-36n0qb){border-color:var(--ink);background:var(--yellow)}@media (width<=760px){.guide.svelte-36n0qb{grid-template-columns:1fr;gap:18px;padding:0 18px;font-size:14px}.contents.svelte-36n0qb{flex-wrap:wrap;gap:4px;font-size:12px;display:flex;position:static}.contents.svelte-36n0qb strong:where(.svelte-36n0qb){display:none}.figure.svelte-36n0qb{grid-template-columns:1fr}}