.guide-step-strip.svelte-tqqtr9{margin:1.5rem auto;display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:100%;min-width:0;width:100%}.unit.svelte-tqqtr9{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:100%}.unit.start-column.svelte-tqqtr9{flex-direction:row;justify-content:center}.unit.start-tab.svelte-tqqtr9{gap:0}.start-row.svelte-tqqtr9{display:flex;align-items:flex-end;gap:1.1rem;width:100%;min-width:0}.start-aside.svelte-tqqtr9{flex:1 1 0;min-width:0;align-self:center}.start-aside.bare.svelte-tqqtr9{flex:none;width:100%;margin-bottom:.4rem}.start-tab.svelte-tqqtr9 .start-slot:where(.svelte-tqqtr9) .pic-card:where(.svelte-tqqtr9){border:1px solid var(--seam, color-mix(in oklab, var(--ink, #1a1a1a) 16%, transparent));border-block-end:none;border-radius:12px 12px 0 0}.start-tab.svelte-tqqtr9 .strip:where(.svelte-tqqtr9):first-child .strip-cell:where(.svelte-tqqtr9):first-child .pic-card:where(.svelte-tqqtr9){border-start-start-radius:0}.rows.svelte-tqqtr9{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:100%;min-width:0}.strip.svelte-tqqtr9{--seam: color-mix(in oklab, var(--ink, #1a1a1a) 16%, transparent);display:flex;gap:0;max-width:100%}.strip.scroll.svelte-tqqtr9{overflow-x:auto;padding:.25rem .25rem .6rem;scroll-snap-type:x proximity;justify-content:safe center;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.strip-cell.svelte-tqqtr9{flex:0 0 auto;width:clamp(104px,30vw,132px);display:flex;flex-direction:column;align-items:center;gap:.3rem;scroll-snap-align:center}.strip-step.svelte-tqqtr9{position:absolute;top:.3rem;inset-inline-start:.45rem;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim, #555);font-variant-numeric:tabular-nums;pointer-events:none}.pic-card.svelte-tqqtr9{position:relative;width:100%;border-block-end:1px solid var(--seam, color-mix(in oklab, var(--ink, #1a1a1a) 16%, transparent));border-inline-start:1px solid var(--seam, color-mix(in oklab, var(--ink, #1a1a1a) 16%, transparent));overflow:hidden;box-shadow:0 1px 4px color-mix(in oklab,var(--ink, #1a1a1a) 7%,transparent)}.strip.svelte-tqqtr9:first-child .pic-card:where(.svelte-tqqtr9){border-block-start:1px solid var(--seam, color-mix(in oklab, var(--ink, #1a1a1a) 16%, transparent))}.strip-cell.svelte-tqqtr9:last-child .pic-card:where(.svelte-tqqtr9){border-inline-end:1px solid var(--seam, color-mix(in oklab, var(--ink, #1a1a1a) 16%, transparent))}.strip.svelte-tqqtr9:first-child .strip-cell:where(.svelte-tqqtr9):first-child .pic-card:where(.svelte-tqqtr9){border-start-start-radius:12px}.strip.svelte-tqqtr9:first-child .strip-cell:where(.svelte-tqqtr9):last-child .pic-card:where(.svelte-tqqtr9){border-start-end-radius:12px}.strip.svelte-tqqtr9:last-child .strip-cell:where(.svelte-tqqtr9):first-child .pic-card:where(.svelte-tqqtr9){border-end-start-radius:12px}.strip.svelte-tqqtr9:last-child .strip-cell:where(.svelte-tqqtr9):last-child .pic-card:where(.svelte-tqqtr9){border-end-end-radius:12px}.start-slot.svelte-tqqtr9 .pic-card:where(.svelte-tqqtr9){border:1px solid var(--seam, color-mix(in oklab, var(--ink, #1a1a1a) 16%, transparent));border-radius:12px}.pic-card.svelte-tqqtr9 .guide-pictograph{width:100%}.pic-card.svelte-tqqtr9 .pictograph-wrapper{max-width:none!important}figcaption.svelte-tqqtr9{font-size:1rem;font-style:italic;color:var(--ink-dim, #555);text-align:center;line-height:1.4}.showcase.svelte-12mesxd{container-type:inline-size;width:100%;display:flex;flex-direction:column;gap:.85rem}.showcase.svelte-12mesxd .guide-step-strip{margin:0}.banner.svelte-12mesxd{display:flex;flex-direction:row-reverse;align-items:center;gap:clamp(1.25rem,4cqw,2.5rem)}.banner-text.svelte-12mesxd{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.4rem}.example-prose.svelte-12mesxd{display:grid;margin-top:.15rem}.example-prose.svelte-12mesxd>.ex-ghost:where(.svelte-12mesxd),.example-prose.svelte-12mesxd>.ex-live:where(.svelte-12mesxd){grid-area:1 / 1;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.2rem;font-weight:500;line-height:1.6;color:var(--ink, #1a1a1a);text-align:left}.example-prose.svelte-12mesxd>.ex-ghost:where(.svelte-12mesxd){visibility:hidden;pointer-events:none}.cycle.svelte-12mesxd{display:flex;align-items:center;gap:.7rem;margin-top:.7rem}.cycle-btn.svelte-12mesxd{display:inline-flex;align-items:center;justify-content:center;min-height:var(--min-touch-target, 44px);padding:.35rem 1.05rem;border-radius:10px;border:1.5px solid color-mix(in oklab,var(--ink, #1a1a1a) 30%,transparent);background:color-mix(in oklab,var(--ink, #1a1a1a) 5%,transparent);color:var(--ink, #1a1a1a);font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast, .15s) ease,border-color var(--duration-fast, .15s) ease}@media(hover:hover)and (pointer:fine){.cycle-btn.svelte-12mesxd:hover{background:color-mix(in oklab,var(--ink, #1a1a1a) 12%,transparent);border-color:color-mix(in oklab,var(--ink, #1a1a1a) 55%,transparent)}}.cycle-btn.svelte-12mesxd:focus-visible{outline:2px solid color-mix(in srgb,var(--semantic-warning, #d4a017) 70%,transparent);outline-offset:2px}.cycle-count.svelte-12mesxd{font-family:Cormorant Garamond,Georgia,serif;font-size:1rem;color:var(--ink-dim, #555);font-variant-numeric:tabular-nums}@container (max-width: 600px){.example-prose.svelte-12mesxd>.ex-ghost:where(.svelte-12mesxd),.example-prose.svelte-12mesxd>.ex-live:where(.svelte-12mesxd){text-align:center}.cycle.svelte-12mesxd{justify-content:center}}.canvas-box.svelte-12mesxd{position:relative;flex:0 0 clamp(230px,34cqw,330px);aspect-ratio:1;border-radius:14px;overflow:hidden;background:color-mix(in oklab,var(--ink, #1a1a1a) 6%,transparent);border:1.5px solid color-mix(in oklab,var(--ink, #1a1a1a) 12%,transparent);transition:border-color var(--duration-normal, .26s) ease,box-shadow var(--duration-normal, .26s) ease}.canvas-box.in-view.svelte-12mesxd{border-color:color-mix(in srgb,var(--semantic-warning) 42%,transparent)}@media(hover:hover)and (pointer:fine){.canvas-box.svelte-12mesxd:hover{border-color:color-mix(in srgb,var(--semantic-warning) 85%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--semantic-warning) 38%,transparent),0 0 24px color-mix(in srgb,var(--semantic-warning) 16%,transparent)}}.canvas-box.svelte-12mesxd .inline-animation-player{width:100%;height:100%}.compact-band.svelte-12mesxd{display:flex;align-items:center;gap:clamp(1rem,3cqw,2rem);width:fit-content;max-width:100%;margin-inline:auto}.compact.svelte-12mesxd .canvas-box:where(.svelte-12mesxd){flex:0 0 clamp(190px,24cqw,250px)}.compact.has-strip.svelte-12mesxd .compact-band:where(.svelte-12mesxd){width:100%}.compact.has-strip.svelte-12mesxd .canvas-box:where(.svelte-12mesxd){flex:0 0 clamp(220px,26cqw,320px)}.compact.has-strip.svelte-12mesxd .compact-right:where(.svelte-12mesxd){flex:1 1 0;min-width:0}.compact-right.svelte-12mesxd{display:flex;flex-direction:column;min-width:0;max-width:100%}@container (max-width: 600px){.banner.svelte-12mesxd{flex-direction:column;align-items:stretch;gap:.9rem}.canvas-box.svelte-12mesxd,.compact.svelte-12mesxd .canvas-box:where(.svelte-12mesxd){flex:none;width:min(100%,20rem);margin-inline:auto}.compact-band.svelte-12mesxd{flex-direction:column;align-items:stretch;width:100%;gap:.9rem}}.sr-only.svelte-12mesxd{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.canvas-box.svelte-12mesxd{transition:none}}