.story.svelte-1ej8c56{flex-direction:column;display:flex}.story-row.svelte-1ej8c56{border-top:1px solid var(--border);grid-template-columns:80px 1fr;align-items:flex-start;gap:24px;padding:24px 0;display:grid}.story-row.svelte-1ej8c56:last-child{border-bottom:1px solid var(--border)}.story-swatch.svelte-1ej8c56{border:1px solid var(--border);width:80px;height:80px}.story-name.svelte-1ej8c56{align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.role.svelte-1ej8c56{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted);font-size:11px}.color.svelte-1ej8c56{color:var(--fg);font-size:17px;font-weight:500}.hex.svelte-1ej8c56{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:-.01em;font-size:12px}.story-row.svelte-1ej8c56 p:where(.svelte-1ej8c56){color:var(--fg-muted);max-width:600px;font-size:14px;line-height:1.6}.registers.svelte-1ej8c56{background:var(--border);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.register.svelte-1ej8c56{flex-direction:column;justify-content:space-between;min-height:220px;padding:32px;display:flex}.product.svelte-1ej8c56{color:#123b39;background:#faf8f1}.marketing.svelte-1ej8c56{background:var(--gradient-jade);color:#ebede4}.reg-head.svelte-1ej8c56{justify-content:space-between;align-items:center;display:flex}.reg-label.svelte-1ej8c56{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;opacity:.72;font-size:11px;font-weight:500}.reg-tag.svelte-1ej8c56{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:16px;font-weight:200}.reg-body.svelte-1ej8c56 p:where(.svelte-1ej8c56){font-size:17px;line-height:1.5}.see-tokens.svelte-1ej8c56{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--fg);justify-content:space-between;align-items:center;gap:24px;padding:24px 0;text-decoration:none;transition:color .15s;display:flex}.see-tokens.svelte-1ej8c56:hover{color:var(--brand)}.see-label.svelte-1ej8c56{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:4px;font-size:11px;display:block}.see-title.svelte-1ej8c56{font-size:17px;font-weight:500;display:block}@media (width<=720px){.registers.svelte-1ej8c56{grid-template-columns:1fr}}