.card.svelte-s1vh2e{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);flex-direction:column;gap:12px;height:100%;padding:28px;display:flex}.tag.svelte-s1vh2e{font-family:var(--bd-font-mono);color:var(--bd-accent);letter-spacing:1.2px;font-size:12px;font-weight:600}.title.svelte-s1vh2e{font-family:var(--bd-font-display);letter-spacing:-.5px;color:var(--bd-text);text-wrap:balance;font-size:24px;font-weight:700;line-height:1.15}.body.svelte-s1vh2e{font-family:var(--bd-font-sans);color:var(--bd-text-muted);font-size:13px;line-height:1.55}.card.svelte-236yoo{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);flex-direction:column;display:flex;overflow:hidden}.head.svelte-236yoo{border-bottom:1px solid var(--bd-border);align-items:center;gap:8px;padding:10px 16px;display:flex}.head.do.svelte-236yoo{background:color-mix(in srgb, var(--bd-success) 9%, transparent);border-bottom-color:color-mix(in srgb, var(--bd-success) 28%, transparent)}.head.dont.svelte-236yoo{background:color-mix(in srgb, var(--bd-danger) 8%, transparent);border-bottom-color:color-mix(in srgb, var(--bd-danger) 28%, transparent)}.dot.svelte-236yoo{border-radius:var(--bd-r-full);justify-content:center;align-items:center;width:20px;height:20px;display:flex}.dot.do.svelte-236yoo{background:var(--bd-success);color:var(--bd-success-fg)}.dot.dont.svelte-236yoo{background:var(--bd-danger);color:var(--bd-danger-fg)}.label.svelte-236yoo{font-family:var(--bd-font-sans);letter-spacing:1.4px;text-transform:uppercase;font-size:12px;font-weight:700}.head.do.svelte-236yoo .label:where(.svelte-236yoo){color:var(--bd-success)}.head.dont.svelte-236yoo .label:where(.svelte-236yoo){color:var(--bd-danger)}.title.svelte-236yoo{font-family:var(--bd-font-sans);color:var(--bd-text);font-size:13px;font-weight:590}.stage.svelte-236yoo{background:var(--bd-surface-alt);flex:1;justify-content:center;align-items:center;min-height:180px;padding:24px;display:flex}.principles.svelte-b8iic0{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.dodont-row.svelte-b8iic0{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:20px;display:grid}.color-sample.svelte-b8iic0{flex-direction:column;gap:10px;width:100%;max-width:280px;display:flex}.eyebrow-sm.svelte-b8iic0{color:var(--bd-text-subtle);letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:600}.eyebrow-sm.accent.svelte-b8iic0{color:var(--bd-accent)}.sample-title.svelte-b8iic0{letter-spacing:-.4px;color:var(--bd-text);font-size:20px;font-weight:700}.sample-title.accent.svelte-b8iic0{color:var(--bd-accent)}.sample-body.svelte-b8iic0{color:var(--bd-text-muted);font-size:13px}.sample-body.accent-deep.svelte-b8iic0{color:var(--bd-accent-deep)}.sample-btn.svelte-b8iic0{background:var(--bd-accent);height:40px;color:var(--bd-accent-fg);border-radius:var(--bd-r-btn);cursor:pointer;border:none;margin-top:6px;font-size:14px;font-weight:600}.sample-btn.soft.svelte-b8iic0{background:var(--bd-accent-soft);color:var(--bd-accent-deep);border:1px solid var(--bd-accent)}.type-sample.svelte-b8iic0{flex-direction:column;gap:6px;width:100%;max-width:320px;display:flex}.type-head.svelte-b8iic0{letter-spacing:-.8px;color:var(--bd-text);font-size:32px;font-weight:700;line-height:1.05}.type-lede.svelte-b8iic0{color:var(--bd-text-muted);font-size:15px;line-height:1.5}.type-head-bad.svelte-b8iic0{color:var(--bd-text);font-size:22px;font-style:italic;font-weight:500;line-height:1.4}.type-lede-bad.svelte-b8iic0{color:var(--bd-text-muted);font-size:22px;font-weight:500;line-height:1.4}.space-card-do.svelte-b8iic0{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);flex-direction:column;gap:16px;width:100%;max-width:280px;padding:24px;display:flex}.space-card-dont.svelte-b8iic0{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);flex-direction:column;gap:3px;width:100%;max-width:280px;padding:7px;display:flex}.dot-box.svelte-b8iic0{background:var(--bd-accent-tint);border-radius:10px;width:40px;height:40px}.space-title.svelte-b8iic0{color:var(--bd-text);font-size:15px;font-weight:600}.space-body.svelte-b8iic0{color:var(--bd-text-muted);margin-top:4px;font-size:12px}.space-body.tight.svelte-b8iic0{margin-top:1px}.a11y-card.svelte-b8iic0{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);padding:8px 28px}.a11y-row.svelte-b8iic0{border-bottom:1px solid var(--bd-border);grid-template-columns:200px 1fr;align-items:baseline;gap:24px;padding:22px 0;display:grid}.a11y-row.last.svelte-b8iic0{border-bottom:none}.a11y-head.svelte-b8iic0{font-family:var(--bd-font-display);letter-spacing:-.3px;color:var(--bd-text);font-size:17px;font-weight:620}.a11y-body.svelte-b8iic0{font-family:var(--bd-font-sans);color:var(--bd-text-muted);font-size:14px;line-height:1.55}.content-grid.svelte-b8iic0{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.content-head.svelte-b8iic0{font-family:var(--bd-font-display);letter-spacing:-.3px;color:var(--bd-text);margin-bottom:8px;font-size:18px;font-weight:620}.content-body.svelte-b8iic0{font-family:var(--bd-font-sans);color:var(--bd-text-muted);font-size:14px;line-height:1.55}.rui-card.svelte-b8iic0{flex-direction:column;gap:4px;width:100%;max-width:280px;display:flex}.hier-name.svelte-b8iic0{font-family:var(--bd-font-sans);color:var(--bd-text);letter-spacing:-.1px;font-size:15px;font-weight:620}.hier-role.svelte-b8iic0{font-family:var(--bd-font-sans);color:var(--bd-text-muted);font-size:15px;font-weight:400}.hier-meta.svelte-b8iic0{font-family:var(--bd-font-sans);color:var(--bd-text-subtle);margin-top:4px;font-size:13px;font-weight:400}.hier-name-bad.svelte-b8iic0{font-family:var(--bd-font-sans);color:var(--bd-accent);text-transform:uppercase;letter-spacing:-.4px;font-size:24px;font-weight:700}.hier-role-bad.svelte-b8iic0{font-family:var(--bd-font-sans);color:var(--bd-text);text-transform:uppercase;letter-spacing:-.2px;font-size:17px;font-weight:700}.hier-meta-bad.svelte-b8iic0{font-family:var(--bd-font-sans);color:var(--bd-text);font-size:15px;font-weight:700}.rui-badge-row.svelte-b8iic0{flex-wrap:wrap;justify-content:center;gap:8px;max-width:280px;display:flex}.badge.svelte-b8iic0{border-radius:var(--bd-r-pill);height:24px;font-family:var(--bd-font-sans);letter-spacing:.2px;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.soft-success.svelte-b8iic0{background:var(--bd-success-tint);color:var(--bd-success)}.soft-bp.svelte-b8iic0{background:var(--bd-bp-tint);color:var(--bd-bp-deep)}.soft-mute.svelte-b8iic0{background:var(--bd-sunken);color:var(--bd-text-muted)}.solid-accent.svelte-b8iic0{background:var(--bd-accent);color:var(--bd-accent-fg)}.solid-success.svelte-b8iic0{background:var(--bd-success);color:var(--bd-success-fg)}.solid-bp.svelte-b8iic0{background:var(--bd-bp);color:var(--bd-accent-fg)}.solid-warn.svelte-b8iic0{background:var(--bd-warning);color:var(--bd-warning-fg)}.border-do.svelte-b8iic0{background:var(--bd-surface);border-radius:var(--bd-r-card);width:100%;max-width:280px;box-shadow:var(--bd-shadow-md);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.border-dont.svelte-b8iic0{background:var(--bd-surface-alt);border:1.5px solid var(--bd-border-strong);border-radius:var(--bd-r-card);width:100%;max-width:280px;box-shadow:var(--bd-shadow-md);flex-direction:column;gap:4px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.border-strip.svelte-b8iic0{background:var(--bd-accent);height:3px;position:absolute;top:0;left:0;right:0}.border-title.svelte-b8iic0{font-family:var(--bd-font-sans);color:var(--bd-text);font-size:15px;font-weight:620}.border-body.svelte-b8iic0{font-family:var(--bd-font-sans);color:var(--bd-text-muted);font-size:13px;line-height:1.5}.depth-stack.svelte-b8iic0{flex-direction:column;gap:12px;width:100%;max-width:280px;display:flex}.fake-input.svelte-b8iic0{border-radius:var(--bd-r-input);height:40px;font-family:var(--bd-font-sans);color:var(--bd-text-muted);align-items:center;padding:0 14px;font-size:14px;display:flex}.fake-input.inset.svelte-b8iic0{background:var(--bd-surface);border:1px solid var(--bd-border-strong);box-shadow:var(--bd-shadow-inset-sm)}.fake-input.raised-bad.svelte-b8iic0{background:var(--bd-surface);box-shadow:var(--bd-shadow-md);border:none}.fake-btn.svelte-b8iic0{border-radius:var(--bd-r-btn);height:40px;font-family:var(--bd-font-sans);cursor:pointer;border:none;padding:0 18px;font-size:14px;font-weight:600}.fake-btn.raised.svelte-b8iic0{background:var(--bd-accent);color:var(--bd-accent-fg);box-shadow:var(--bd-shadow-glow)}.fake-btn.flat-bad.svelte-b8iic0{background:var(--bd-accent);color:var(--bd-accent-fg);box-shadow:none}.empty-do.svelte-b8iic0{text-align:center;width:100%;max-width:280px;color:var(--bd-text-muted);flex-direction:column;align-items:center;gap:8px;padding:24px 20px;display:flex}.empty-do.svelte-b8iic0 svg:where(.svelte-b8iic0){color:var(--bd-accent);margin-bottom:4px}.empty-title.svelte-b8iic0{font-family:var(--bd-font-display);color:var(--bd-text);letter-spacing:-.2px;font-size:17px;font-weight:620}.empty-body.svelte-b8iic0{font-family:var(--bd-font-sans);color:var(--bd-text-muted);max-width:220px;font-size:13px;line-height:1.5}.empty-cta.svelte-b8iic0{background:var(--bd-accent);height:36px;color:var(--bd-accent-fg);border-radius:var(--bd-r-btn);font-family:var(--bd-font-sans);cursor:pointer;box-shadow:var(--bd-shadow-glow);border:none;margin-top:8px;padding:0 16px;font-size:13px;font-weight:600}.empty-dont.svelte-b8iic0{font-family:var(--bd-font-sans);color:var(--bd-text-subtle);font-size:14px;font-style:italic}@media (width<=1023px){.principles.svelte-b8iic0{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.svelte-b8iic0{grid-template-columns:1fr}.a11y-row.svelte-b8iic0{grid-template-columns:160px 1fr;gap:16px}}@media (width<=639px){.principles.svelte-b8iic0{grid-template-columns:1fr}.dodont-row.svelte-b8iic0{grid-template-columns:1fr;gap:16px}.a11y-card.svelte-b8iic0{padding:4px 20px}.a11y-row.svelte-b8iic0{grid-template-columns:1fr;gap:6px;padding:18px 0}.color-sample.svelte-b8iic0,.type-sample.svelte-b8iic0,.space-card-do.svelte-b8iic0,.space-card-dont.svelte-b8iic0,.rui-card.svelte-b8iic0,.rui-badge-row.svelte-b8iic0,.border-do.svelte-b8iic0,.border-dont.svelte-b8iic0,.depth-stack.svelte-b8iic0,.empty-do.svelte-b8iic0{max-width:100%}}