.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}@media (width<=639px){.stage.svelte-236yoo{min-height:0}}.bd-swatch.svelte-mnld4z{box-sizing:border-box;border-radius:var(--bd-r-card);border:1px solid var(--bd-border);background:var(--bd-surface);flex-direction:column;width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}.chip.svelte-mnld4z{justify-content:space-between;align-items:flex-end;height:96px;padding:14px;display:flex}.tag.svelte-mnld4z{opacity:.85}.meta.svelte-mnld4z{padding:12px 14px}.label.svelte-mnld4z{font-family:var(--bd-font-sans);color:var(--bd-text);margin-bottom:2px;font-size:13px;font-weight:590}.value.svelte-mnld4z{font-family:var(--bd-font-mono);color:var(--bd-text-muted);font-size:12px}@media (width<=639px){.chip.svelte-mnld4z{height:64px;padding:10px}.meta.svelte-mnld4z{padding:10px 12px}}.site-search-trigger.svelte-x42gkh{align-items:center;gap:var(--bd-s-2);box-sizing:border-box;height:var(--bd-field-h);padding:0 var(--bd-s-2) 0 var(--bd-s-3);border:var(--bd-stroke) var(--bd-border);border-radius:var(--bd-r-btn);background:var(--bd-layer-control);box-shadow:var(--bd-shadow-xs);color:var(--bd-text-muted);cursor:pointer;transition:background var(--bd-motion-fast), border-color var(--bd-motion-fast), color var(--bd-motion-fast);display:inline-flex}.site-search-trigger.svelte-x42gkh:hover{border-color:var(--bd-border-strong);background:var(--bd-layer-selected);color:var(--bd-text)}.site-search-trigger.svelte-x42gkh:focus-visible{box-shadow:var(--bd-focus-ring);outline:none}kbd.svelte-x42gkh{padding:var(--bd-s-1) var(--bd-s-2);border:var(--bd-stroke) var(--bd-border);border-radius:var(--bd-r-item);background:var(--bd-layer-chrome);color:var(--bd-text-muted)}.site-search-empty.svelte-x42gkh{margin:0}@media (width<=639px){.site-search-trigger.svelte-x42gkh{width:var(--bd-field-h);justify-content:center;padding:0}.site-search-trigger.svelte-x42gkh span:where(.svelte-x42gkh),kbd.svelte-x42gkh{display:none}}@media (prefers-reduced-motion:reduce){.site-search-trigger.svelte-x42gkh{transition:none}}aside.svelte-9goeq5{box-sizing:border-box;top:calc(var(--bd-row-h) + var(--bd-s-4));height:calc(100vh - var(--bd-row-h) - var(--bd-s-8));padding:0 var(--bd-s-4) var(--bd-s-6) 0;border-right:var(--bd-stroke) var(--bd-border);scrollbar-width:thin;align-self:start;position:sticky;overflow-y:auto}.sidebar-head.svelte-9goeq5{min-height:var(--bd-s-8);color:var(--bd-text);justify-content:space-between;align-items:center;display:flex}a.svelte-9goeq5:focus-visible{box-shadow:var(--bd-focus-ring);outline:none}ul.svelte-9goeq5{margin:0;padding:0;list-style:none}.collection-list.svelte-9goeq5{padding-bottom:var(--bd-s-4);border-bottom:var(--bd-stroke) var(--bd-border)}a.svelte-9goeq5{padding:var(--bd-s-2) var(--bd-s-3);border-radius:var(--bd-r-item);color:var(--bd-text-muted);text-decoration:none;display:block}a.svelte-9goeq5:hover{background:var(--bd-layer-selected);color:var(--bd-text)}a.active.svelte-9goeq5{background:var(--bd-layer-selected);color:var(--bd-accent-deep)}.component-label.svelte-9goeq5{margin-top:var(--bd-s-5);color:var(--bd-text-muted)}.nav-group.svelte-9goeq5{margin-top:var(--bd-s-4)}.nav-group-label.svelte-9goeq5{margin:0 0 var(--bd-s-1);padding:0 var(--bd-s-3);color:var(--bd-text)}aside.mobile.svelte-9goeq5{z-index:var(--bd-z-modal);width:min(340px, calc(100vw - var(--bd-s-8)));height:100vh;padding:var(--bd-s-4);border-right:var(--bd-stroke-strong) var(--bd-border-strong);background:var(--bd-layer-floating);box-shadow:var(--bd-shadow-xl);transition:transform var(--bd-motion-base);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}aside.mobile.open.svelte-9goeq5{transform:translate(0)}aside.mobile.embedded.svelte-9goeq5{width:100%;height:auto;min-height:100%;box-shadow:none;border:0;transition:none;position:static;overflow:visible;transform:none}@media (prefers-reduced-motion:reduce){aside.mobile.svelte-9goeq5{transition:none}}.bd-stage-wrap.svelte-1p4ty79{gap:var(--bd-s-3);flex-direction:column;display:flex}.bd-stage.svelte-1p4ty79{min-height:var(--bd-stage-min-height,auto);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bd-stage-padded.svelte-1p4ty79{padding:var(--bd-s-6)}.bd-stage-meta.svelte-1p4ty79{align-items:baseline;gap:var(--bd-s-3);display:flex}.label.svelte-1p4ty79{font-family:var(--bd-font-mono);letter-spacing:-.1px;color:var(--bd-text);font-size:12px}.note.svelte-1p4ty79{font-family:var(--bd-font-sans);color:var(--bd-text-muted);font-size:12px}@media (width<=1023px){.bd-stage-padded.svelte-1p4ty79{padding:var(--bd-s-4)}}@media (width<=639px){.bd-stage.svelte-1p4ty79{min-height:auto}.bd-stage-padded.svelte-1p4ty79{padding:var(--bd-s-3)}}.example-notes.svelte-takp0b{align-content:start;gap:var(--bd-s-5);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}@media (width>=640px){.example-notes.svelte-takp0b{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.example-notes.svelte-takp0b{grid-template-columns:repeat(3,minmax(0,1fr))}}section.svelte-takp0b{padding:var(--bd-s-5);border:var(--bd-stroke) var(--bd-border);border-radius:var(--bd-r-panel);background:var(--bd-layer-card);box-shadow:var(--bd-shadow-xs)}h2.svelte-takp0b{margin:0 0 var(--bd-s-4)}.notes-list.svelte-takp0b{gap:var(--bd-s-4);margin:0;display:grid}.notes-list.svelte-takp0b div:where(.svelte-takp0b){gap:var(--bd-s-1);padding-top:var(--bd-s-4);border-top:var(--bd-stroke) var(--bd-border);display:grid}.notes-list.svelte-takp0b div:where(.svelte-takp0b):first-child{border-top:0;padding-top:0}dt.svelte-takp0b{color:var(--bd-accent-deep)}dd.svelte-takp0b{color:var(--bd-text-muted);margin:0}.link-list.svelte-takp0b{gap:var(--bd-s-2);display:grid}.component-links.svelte-takp0b{grid-template-columns:repeat(2,minmax(0,1fr))}.link-list.svelte-takp0b a:where(.svelte-takp0b){justify-content:space-between;align-items:center;gap:var(--bd-s-2);min-height:var(--bd-field-h);padding:var(--bd-s-2) var(--bd-s-3);border:var(--bd-stroke) var(--bd-border);border-radius:var(--bd-r-item);color:var(--bd-text);transition:border-color var(--bd-motion-fast), background var(--bd-motion-fast);text-decoration:none;display:flex}.link-list.svelte-takp0b a:where(.svelte-takp0b):hover{border-color:var(--bd-accent);background:var(--bd-layer-selected)}.link-list.svelte-takp0b a:where(.svelte-takp0b):focus-visible{box-shadow:var(--bd-focus-ring);outline:none}@media (width<=639px){.component-links.svelte-takp0b{grid-template-columns:1fr}}.preview-host.svelte-1ybhah4{gap:var(--bd-s-4);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.preview-bay.svelte-1ybhah4{box-sizing:border-box;width:100%;min-width:0;padding:var(--bd-s-5);border:var(--bd-stroke) var(--bd-border);border-radius:var(--bd-r-panel);background:var(--bd-layer-chrome);overscroll-behavior-inline:contain;overflow-x:auto}.preview-frame.svelte-1ybhah4{box-sizing:border-box;border-radius:var(--bd-r-panel);background:var(--bd-layer-card);width:100%;min-height:36rem;overflow:hidden;container:example-preview/inline-size}.preview-frame.preview-desktop.svelte-1ybhah4{width:max(100%, var(--preview-width));max-width:none}.preview-status.svelte-1ybhah4{min-height:36rem;padding:var(--bd-s-6);color:var(--bd-text-muted);text-align:center;justify-content:center;align-items:center;display:flex}.preview-failure.svelte-1ybhah4{gap:var(--bd-s-4);flex-direction:column}.preview-failure.svelte-1ybhah4 p:where(.svelte-1ybhah4){margin:0}@media (width<=639px){.preview-bay.svelte-1ybhah4{padding:var(--bd-s-3)}}.source-status.svelte-193dcdf{justify-content:center;align-items:center;gap:var(--bd-s-4);min-height:var(--bd-s-9);color:var(--bd-text-muted);text-align:center;flex-direction:column;display:flex}.example-detail.svelte-10cmdzs{gap:var(--bd-s-8);min-width:0;display:grid}.hero-content.svelte-10cmdzs,.hero-intro.svelte-10cmdzs,.hero-copy.svelte-10cmdzs{display:grid}.hero-content.svelte-10cmdzs{gap:var(--bd-s-8)}.hero-intro.svelte-10cmdzs{gap:var(--bd-s-6)}.hero-copy.svelte-10cmdzs{gap:var(--bd-s-4)}.hero-facets.svelte-10cmdzs{gap:var(--bd-s-2);flex-wrap:wrap;display:flex}.detail-hero.svelte-10cmdzs{padding:clamp(var(--bd-s-6), 6vw, var(--bd-s-9));border:var(--bd-stroke) var(--bd-border);border-radius:var(--bd-r-panel);background-color:var(--bd-layer-card);box-shadow:var(--bd-shadow-xs)}.hero-eyebrow.svelte-10cmdzs,.problem-statement.svelte-10cmdzs>span:where(.svelte-10cmdzs){color:var(--bd-accent-deep)}h1.svelte-10cmdzs{overflow-wrap:break-word;text-wrap:balance}.hero-description.svelte-10cmdzs{max-width:48rem;color:var(--bd-text-muted);margin:0}.problem-statement.svelte-10cmdzs{gap:var(--bd-s-6);grid-template-columns:minmax(8rem,1fr) minmax(0,3fr);max-width:64rem;display:grid}.problem-statement.svelte-10cmdzs p:where(.svelte-10cmdzs){color:var(--bd-text);margin:0}@media (width<=639px){.problem-statement.svelte-10cmdzs{gap:var(--bd-s-1);grid-template-columns:1fr}}nav.svelte-152sduf{top:calc(var(--bd-row-h) + var(--bd-s-6));padding-left:var(--bd-s-4);border-left:var(--bd-stroke) var(--bd-border);align-self:start;position:sticky}nav.svelte-152sduf>div:where(.svelte-152sduf){margin-bottom:var(--bd-s-2);color:var(--bd-text)}ul.svelte-152sduf{margin:0;padding:0;list-style:none}a.svelte-152sduf{padding:var(--bd-s-1) 0;border-radius:var(--bd-r-item);color:var(--bd-text-muted);text-decoration:none;display:block}a.svelte-152sduf:hover{color:var(--bd-accent-deep)}a.svelte-152sduf:focus-visible{box-shadow:var(--bd-focus-ring);outline:none}@media (width<=1279px){nav.svelte-152sduf{display:none}}.docs-page-grid.svelte-1ocrprj{gap:var(--bd-s-8);grid-template-columns:minmax(0,1fr) 200px;min-width:0;display:grid}article.svelte-1ocrprj{min-width:0}.docs-hero.svelte-1ocrprj{padding:var(--bd-s-8);border:var(--bd-stroke) var(--bd-border);border-radius:var(--bd-r-panel);background-color:var(--bd-layer-card);box-shadow:var(--bd-shadow-xs)}.hero-meta.svelte-1ocrprj,.hero-actions.svelte-1ocrprj{align-items:center;gap:var(--bd-s-3);display:flex}.hero-meta.svelte-1ocrprj>span:where(.svelte-1ocrprj){color:var(--bd-accent-deep)}h1.svelte-1ocrprj{margin:var(--bd-s-4) 0 var(--bd-s-3)}.docs-hero.svelte-1ocrprj p:where(.svelte-1ocrprj){max-width:42rem;color:var(--bd-text-muted);margin:0}.hero-actions.svelte-1ocrprj{margin-top:var(--bd-s-6);flex-wrap:wrap}.docs-section.svelte-1ocrprj,.docs-prose.svelte-1ocrprj{margin-top:var(--bd-s-8);scroll-margin-top:calc(var(--bd-row-h) + var(--bd-s-6))}.docs-section.svelte-1ocrprj h2:where(.svelte-1ocrprj),.docs-prose.svelte-1ocrprj h2{margin:0 0 var(--bd-s-4);scroll-margin-top:calc(var(--bd-row-h) + var(--bd-s-6))}.docs-section.svelte-1ocrprj h2:where(.svelte-1ocrprj) a:where(.svelte-1ocrprj),.docs-prose.svelte-1ocrprj h2 a{color:inherit;text-decoration:none}.docs-prose.svelte-1ocrprj h1:first-child{display:none}.docs-prose.svelte-1ocrprj p,.docs-prose.svelte-1ocrprj li,.docs-section.svelte-1ocrprj p:where(.svelte-1ocrprj),.docs-section.svelte-1ocrprj li:where(.svelte-1ocrprj){color:var(--bd-text-muted)}.docs-prose.svelte-1ocrprj p,.docs-prose.svelte-1ocrprj li,.docs-section.svelte-1ocrprj>p:where(.svelte-1ocrprj),.docs-section.svelte-1ocrprj>ul:where(.svelte-1ocrprj)>li:where(.svelte-1ocrprj){max-width:var(--bd-measure-prose)}.docs-prose.svelte-1ocrprj a,.docs-section.svelte-1ocrprj a:where(.svelte-1ocrprj){color:var(--bd-accent-deep)}.docs-prose.svelte-1ocrprj pre{padding:var(--bd-s-4);border:var(--bd-stroke) var(--bd-border);border-radius:var(--bd-r-item);background:var(--bd-layer-control);overflow-x:auto}.api-wrap.svelte-1ocrprj{border:var(--bd-stroke) var(--bd-border);border-radius:var(--bd-r-panel);background:var(--bd-layer-card);overflow-x:auto}.api-inherited-title.svelte-1ocrprj{margin:var(--bd-s-5) 0 var(--bd-s-2)}.api-inherited.svelte-1ocrprj{gap:var(--bd-s-2);margin:0 0 var(--bd-s-4);padding-inline-start:var(--bd-s-5);display:grid}.api-inherited.svelte-1ocrprj li:where(.svelte-1ocrprj){gap:var(--bd-s-1);overflow-wrap:anywhere;min-width:0;max-width:none;display:grid}.docs-section.svelte-1ocrprj>.api-inherited:where(.svelte-1ocrprj)>li:where(.svelte-1ocrprj){max-width:none}.api-inherited.svelte-1ocrprj code:where(.svelte-1ocrprj){overflow-wrap:anywhere;white-space:normal;min-width:0}table.svelte-1ocrprj{border-collapse:collapse;width:100%}th.svelte-1ocrprj,td.svelte-1ocrprj{padding:var(--bd-s-3) var(--bd-s-4);border-bottom:var(--bd-stroke) var(--bd-border);text-align:left;vertical-align:top}.api-wrap.svelte-1ocrprj th:where(.svelte-1ocrprj){background:var(--bd-layer-chrome);color:var(--bd-text-muted)}td.svelte-1ocrprj code:where(.svelte-1ocrprj){color:var(--bd-text);white-space:pre-wrap;word-break:break-word}.related-grid.svelte-1ocrprj{gap:var(--bd-s-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.related-grid.svelte-1ocrprj a:where(.svelte-1ocrprj){justify-content:space-between;align-items:center;gap:var(--bd-s-3);padding:var(--bd-s-4);border:var(--bd-stroke) var(--bd-border);border-radius:var(--bd-r-item);background:var(--bd-layer-card);color:var(--bd-text);text-decoration:none;display:flex}.docs-pagination.svelte-1ocrprj{gap:var(--bd-s-4);margin-top:var(--bd-s-8);padding-top:var(--bd-s-6);border-top:var(--bd-stroke) var(--bd-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.docs-pagination.svelte-1ocrprj a:where(.svelte-1ocrprj){gap:var(--bd-s-1);padding:var(--bd-s-4);border-radius:var(--bd-r-item);color:var(--bd-text);flex-direction:column;text-decoration:none;display:flex}.docs-pagination.svelte-1ocrprj a:where(.svelte-1ocrprj):hover{background:var(--bd-layer-selected)}.docs-pagination.svelte-1ocrprj a.next:where(.svelte-1ocrprj){text-align:right;align-items:flex-end}.docs-pagination.svelte-1ocrprj small:where(.svelte-1ocrprj){color:var(--bd-text-muted)}.docs-pagination.svelte-1ocrprj span:where(.svelte-1ocrprj){align-items:center;gap:var(--bd-s-2);display:inline-flex}@media (width<=1279px){.docs-page-grid.svelte-1ocrprj{display:block}}@media (width<=639px){.docs-hero.svelte-1ocrprj{padding-block:var(--bd-s-4);padding-inline:var(--bd-s-2)}.related-grid.svelte-1ocrprj{grid-template-columns:1fr}}.principles.svelte-1uyclq3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.foundation-guidance.svelte-1uyclq3{padding:var(--bd-s-9) 0;border-top:1px solid var(--bd-border)}.foundation-guidance.svelte-1uyclq3>header:where(.svelte-1uyclq3){max-width:48rem;margin-bottom:var(--bd-s-8)}.foundation-guidance.svelte-1uyclq3>header:where(.svelte-1uyclq3) span:where(.svelte-1uyclq3){color:var(--bd-accent-deep);font:590 12px/1.3 var(--bd-font-sans);letter-spacing:1.4px;text-transform:uppercase}.foundation-guidance.svelte-1uyclq3>header:where(.svelte-1uyclq3) h2:where(.svelte-1uyclq3){margin:var(--bd-s-3) 0;font:700 36px/1.1 var(--bd-font-display);letter-spacing:-.7px}.foundation-guidance.svelte-1uyclq3>header:where(.svelte-1uyclq3) p:where(.svelte-1uyclq3){color:var(--bd-text-muted);font:400 15px/1.6 var(--bd-font-sans);margin:0}.responsive-grid.svelte-1uyclq3{gap:var(--bd-s-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dodont-row.svelte-1uyclq3{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:20px;display:grid}.color-sample.svelte-1uyclq3{flex-direction:column;gap:10px;width:100%;max-width:280px;display:flex}.eyebrow-sm.svelte-1uyclq3{color:var(--bd-text-muted);letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:600}.eyebrow-sm.accent.svelte-1uyclq3{color:var(--bd-accent)}.sample-title.svelte-1uyclq3{letter-spacing:-.4px;color:var(--bd-text);font-size:20px;font-weight:700}.sample-title.accent.svelte-1uyclq3{color:var(--bd-accent)}.sample-body.svelte-1uyclq3{color:var(--bd-text-muted);font-size:13px}.sample-body.accent-deep.svelte-1uyclq3{color:var(--bd-accent-deep)}.sample-btn.svelte-1uyclq3{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-1uyclq3{background:var(--bd-accent-soft);color:var(--bd-accent-deep);border:1px solid var(--bd-accent)}.type-sample.svelte-1uyclq3{flex-direction:column;gap:6px;width:100%;max-width:320px;display:flex}.type-head.svelte-1uyclq3{letter-spacing:-.8px;color:var(--bd-text);font-size:32px;font-weight:700;line-height:1.05}.type-lede.svelte-1uyclq3{color:var(--bd-text-muted);font-size:15px;line-height:1.5}.type-head-bad.svelte-1uyclq3{color:var(--bd-text);font-size:22px;font-style:italic;font-weight:500;line-height:1.4}.type-lede-bad.svelte-1uyclq3{color:var(--bd-text-muted);font-size:22px;font-weight:500;line-height:1.4}.space-card-do.svelte-1uyclq3{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-1uyclq3{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-1uyclq3{border-radius:var(--bd-r-md);background:var(--bd-accent-tint);width:40px;height:40px}.space-title.svelte-1uyclq3{color:var(--bd-text);font-size:15px;font-weight:600}.space-body.svelte-1uyclq3{color:var(--bd-text-muted);margin-top:4px;font-size:12px}.space-body.tight.svelte-1uyclq3{margin-top:1px}.a11y-card.svelte-1uyclq3{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);padding:8px 28px}.a11y-row.svelte-1uyclq3{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-1uyclq3{border-bottom:none}.a11y-head.svelte-1uyclq3{font-family:var(--bd-font-display);letter-spacing:-.3px;color:var(--bd-text);font-size:17px;font-weight:620}.a11y-body.svelte-1uyclq3{font-family:var(--bd-font-sans);color:var(--bd-text-muted);font-size:14px;line-height:1.55}.content-grid.svelte-1uyclq3{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.content-head.svelte-1uyclq3{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-1uyclq3{font-family:var(--bd-font-sans);color:var(--bd-text-muted);font-size:14px;line-height:1.55}.rui-card.svelte-1uyclq3{flex-direction:column;gap:4px;width:100%;max-width:280px;display:flex}.hier-name.svelte-1uyclq3{font-family:var(--bd-font-sans);color:var(--bd-text);letter-spacing:-.1px;font-size:15px;font-weight:620}.hier-role.svelte-1uyclq3{font-family:var(--bd-font-sans);color:var(--bd-text-muted);font-size:15px;font-weight:400}.hier-meta.svelte-1uyclq3{font-family:var(--bd-font-sans);color:var(--bd-text-muted);margin-top:4px;font-size:13px;font-weight:400}.hier-name-bad.svelte-1uyclq3{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-1uyclq3{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-1uyclq3{font-family:var(--bd-font-sans);color:var(--bd-text);font-size:15px;font-weight:700}.rui-badge-row.svelte-1uyclq3{flex-wrap:wrap;justify-content:center;gap:8px;max-width:280px;display:flex}.badge.svelte-1uyclq3{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-1uyclq3{background:var(--bd-success-tint);color:var(--bd-success)}.soft-bp.svelte-1uyclq3{background:var(--bd-bp-tint);color:var(--bd-bp-deep)}.soft-mute.svelte-1uyclq3{background:var(--bd-sunken);color:var(--bd-text-muted)}.solid-accent.svelte-1uyclq3{background:var(--bd-accent);color:var(--bd-accent-fg)}.solid-success.svelte-1uyclq3{background:var(--bd-success);color:var(--bd-success-fg)}.solid-bp.svelte-1uyclq3{background:var(--bd-bp);color:var(--bd-accent-fg)}.solid-warn.svelte-1uyclq3{background:var(--bd-warning);color:var(--bd-warning-fg)}.border-do.svelte-1uyclq3{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-1uyclq3{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-1uyclq3{background:var(--bd-accent);height:3px;position:absolute;top:0;left:0;right:0}.border-title.svelte-1uyclq3{font-family:var(--bd-font-sans);color:var(--bd-text);font-size:15px;font-weight:620}.border-body.svelte-1uyclq3{font-family:var(--bd-font-sans);color:var(--bd-text-muted);font-size:13px;line-height:1.5}.depth-stack.svelte-1uyclq3{flex-direction:column;gap:12px;width:100%;max-width:280px;display:flex}.fake-input.svelte-1uyclq3{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-1uyclq3{background:var(--bd-surface);border:1px solid var(--bd-border-strong);box-shadow:var(--bd-shadow-inset-sm)}.fake-input.raised-bad.svelte-1uyclq3{background:var(--bd-surface);box-shadow:var(--bd-shadow-md);border:none}.fake-btn.svelte-1uyclq3{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-1uyclq3{background:var(--bd-accent);color:var(--bd-accent-fg);box-shadow:var(--bd-shadow-glow)}.fake-btn.flat-bad.svelte-1uyclq3{background:var(--bd-accent);color:var(--bd-accent-fg);box-shadow:none}.empty-do.svelte-1uyclq3{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-1uyclq3 svg:where(.svelte-1uyclq3){color:var(--bd-accent);margin-bottom:4px}.empty-title.svelte-1uyclq3{font-family:var(--bd-font-display);color:var(--bd-text);letter-spacing:-.2px;font-size:17px;font-weight:620}.empty-body.svelte-1uyclq3{font-family:var(--bd-font-sans);color:var(--bd-text-muted);max-width:220px;font-size:13px;line-height:1.5}.empty-cta.svelte-1uyclq3{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-1uyclq3{font-family:var(--bd-font-sans);color:var(--bd-text-muted);font-size:14px;font-style:italic}@media (width<=1279px){.principles.svelte-1uyclq3{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.svelte-1uyclq3{grid-template-columns:1fr}.a11y-row.svelte-1uyclq3{grid-template-columns:160px 1fr;gap:16px}.responsive-grid.svelte-1uyclq3{grid-template-columns:1fr}}@media (width<=639px){.principles.svelte-1uyclq3{grid-template-columns:1fr}.dodont-row.svelte-1uyclq3{grid-template-columns:1fr;gap:16px}.a11y-card.svelte-1uyclq3{padding:4px 20px}.a11y-row.svelte-1uyclq3{grid-template-columns:1fr;gap:6px;padding:18px 0}.color-sample.svelte-1uyclq3,.type-sample.svelte-1uyclq3,.space-card-do.svelte-1uyclq3,.space-card-dont.svelte-1uyclq3,.rui-card.svelte-1uyclq3,.rui-badge-row.svelte-1uyclq3,.border-do.svelte-1uyclq3,.border-dont.svelte-1uyclq3,.depth-stack.svelte-1uyclq3,.empty-do.svelte-1uyclq3{max-width:100%}}.concept-section.svelte-1uyclq3{margin-bottom:var(--bd-s-8)}.concept-section-head.svelte-1uyclq3{align-items:baseline;gap:var(--bd-s-4);margin-bottom:var(--bd-s-5);flex-wrap:wrap;display:flex}.concept-section-title.svelte-1uyclq3{margin:0}.concept-section-grid.svelte-1uyclq3{gap:var(--bd-s-6);grid-template-columns:minmax(0,1fr);display:grid}@media (width<=639px){.concept-section.svelte-1uyclq3{margin-bottom:var(--bd-s-7)}.concept-section-grid.svelte-1uyclq3{gap:var(--bd-s-4)}}.head.svelte-18p8gar{justify-content:space-between;align-items:center;gap:var(--bd-s-3);display:flex}.body.svelte-18p8gar{justify-content:space-between;align-items:flex-end;gap:var(--bd-s-6);flex-wrap:wrap;display:flex}.spark.svelte-18p8gar{min-width:0}.head.svelte-1r6emdm{justify-content:space-between;align-items:center;gap:var(--bd-s-3);display:flex}.frame.svelte-1veert8{justify-content:space-between;gap:var(--bd-s-6);flex-direction:column;height:100%;display:flex}.footer.svelte-1veert8{justify-content:space-between;align-items:baseline;gap:var(--bd-s-3);border-top:var(--bd-stroke) var(--bd-border);padding-top:var(--bd-s-4);display:flex}.caption.svelte-1veert8{color:var(--bd-text-muted)}.value.svelte-1veert8{color:var(--bd-text)}.head.svelte-120w7yd{justify-content:space-between;align-items:center;gap:var(--bd-s-3);flex-wrap:wrap;display:flex}.row.svelte-1iahl9a{align-items:center;gap:var(--bd-s-3);display:flex}.who.svelte-1iahl9a{gap:var(--bd-s-1);flex-direction:column;flex:1;min-width:0;display:flex}.name.svelte-1iahl9a{color:var(--bd-text)}.meta.svelte-1iahl9a{align-items:center;gap:var(--bd-s-2);display:flex}.role.svelte-1iahl9a{color:var(--bd-text-muted)}