.component-page__header[data-astro-cid-yeypcy6p]{position:relative;padding-bottom:var(--op-space-40);border-bottom:1px solid var(--orbit-border);margin-bottom:var(--op-space-32);display:flex;align-items:flex-start;gap:var(--op-space-32)}.component-page__header-text[data-astro-cid-yeypcy6p]{display:flex;flex-direction:column;flex:2;min-width:0}.component-page__type-line[data-astro-cid-yeypcy6p]{margin:var(--op-space-32) 0 var(--op-space-20);display:flex;align-items:center;flex-wrap:wrap;gap:var(--op-space-16)}.component-page__status-icon[data-astro-cid-yeypcy6p]{font-size:11px}.component-page__status-trio[data-astro-cid-yeypcy6p]{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--op-space-8);margin-top:var(--op-space-16)}.component-page__footer[data-astro-cid-yeypcy6p]{display:flex;align-items:center;justify-content:space-between;gap:var(--op-space-24);margin-top:var(--op-space-48);padding-top:var(--op-space-20);border-top:1px solid var(--orbit-border)}.component-page__updated[data-astro-cid-yeypcy6p]{font-family:var(--op-font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--orbit-faint)}.component-page__footer[data-astro-cid-yeypcy6p] .page-feedback{border-top:none;padding:0;margin-top:0}.component-page__footer[data-astro-cid-yeypcy6p] .page-feedback__buttons{display:flex;gap:var(--op-space-8)}.component-page__footer[data-astro-cid-yeypcy6p] .feedback-btn{padding:12px 20px;border:1px solid var(--orbit-border);border-radius:0;background:var(--orbit-panel-solid);color:var(--orbit-ink);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .16s ease}.component-page__footer[data-astro-cid-yeypcy6p] .feedback-btn:hover{border-color:var(--orbit-accent)}.component-page__title[data-astro-cid-yeypcy6p]{font-size:clamp(48px,7vw,72px);font-weight:700;line-height:1.02;letter-spacing:-.025em;margin:0 0 var(--op-space-20)}.component-page__desc[data-astro-cid-yeypcy6p]{font-size:19px;line-height:1.65;color:var(--orbit-dim);margin:0}.related-components[data-astro-cid-yeypcy6p]{margin-top:var(--op-space-16)}.usage-grid[data-astro-cid-yeypcy6p]{display:grid;grid-template-columns:1fr 1fr;gap:var(--op-space-24);margin:var(--op-space-16) 0 var(--op-space-24)}@media (max-width: 680px){.usage-grid[data-astro-cid-yeypcy6p]{grid-template-columns:1fr}}.usage-card[data-astro-cid-yeypcy6p]{border-radius:0;padding:var(--op-space-20);font-size:var(--op-text-sm);line-height:1.625}.usage-card--do[data-astro-cid-yeypcy6p]{background:var(--orbit-panel-solid);border:1px solid var(--orbit-border);border-left:4px solid var(--op-color-green-50);color:var(--orbit-dim)}.usage-card--dont[data-astro-cid-yeypcy6p]{background:var(--orbit-panel-solid);border:1px solid var(--orbit-border);border-left:4px solid var(--op-color-red-40);color:var(--orbit-dim)}.theme-light .usage-card--do[data-astro-cid-yeypcy6p]{border-left-color:var(--op-color-green-40)}.usage-card__label[data-astro-cid-yeypcy6p]{font-weight:700;font-size:var(--op-text-xs);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--op-space-8);display:flex;align-items:center;gap:6px}.usage-card--do[data-astro-cid-yeypcy6p] .usage-card__label[data-astro-cid-yeypcy6p]{color:var(--op-color-green-60)}.usage-card--dont[data-astro-cid-yeypcy6p] .usage-card__label[data-astro-cid-yeypcy6p]{color:var(--op-color-red-60)}.theme-light .usage-card--do[data-astro-cid-yeypcy6p] .usage-card__label[data-astro-cid-yeypcy6p]{color:var(--op-color-green-30)}.theme-light .usage-card--dont[data-astro-cid-yeypcy6p] .usage-card__label[data-astro-cid-yeypcy6p]{color:var(--op-color-red-30)}.usage-card--do[data-astro-cid-yeypcy6p] .usage-card__label[data-astro-cid-yeypcy6p]:before{content:"✓";font-size:11px}.usage-card--dont[data-astro-cid-yeypcy6p] .usage-card__label[data-astro-cid-yeypcy6p]:before{content:"✕";font-size:11px}.usage-card__list[data-astro-cid-yeypcy6p]{margin:0;padding-left:var(--op-space-20);display:flex;flex-direction:column;gap:var(--op-space-8)}.usage-card__list[data-astro-cid-yeypcy6p] li[data-astro-cid-yeypcy6p]{line-height:1.6}.component-page__external-links[data-astro-cid-yeypcy6p]{display:flex;align-items:center;gap:var(--op-space-16)}.component-page__storybook-link[data-astro-cid-yeypcy6p]{font-size:var(--op-text-xs);color:var(--op-color-text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:5px}.component-page__storybook-link[data-astro-cid-yeypcy6p] wa-icon[data-astro-cid-yeypcy6p]{font-size:12px}.component-page__storybook-link[data-astro-cid-yeypcy6p]:hover{color:var(--op-color-text-primary);text-decoration:underline}.anatomy-diagram[data-astro-cid-yeypcy6p]{position:relative;border:1px dashed var(--orbit-border);background:var(--orbit-canvas);margin-bottom:var(--op-space-32);min-height:280px}.anatomy-diagram__caption[data-astro-cid-yeypcy6p]{position:absolute;top:14px;left:16px;font-family:var(--op-font-mono);font-size:9.5px;letter-spacing:.1em;color:var(--orbit-faint);text-transform:uppercase;z-index:2}.anatomy-diagram__stage[data-astro-cid-yeypcy6p]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.anatomy-diagram__component[data-astro-cid-yeypcy6p]{display:flex;align-items:center;justify-content:center}.anatomy-diagram__svg[data-astro-cid-yeypcy6p]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.anatomy-diagram__label[data-astro-cid-yeypcy6p]{position:absolute;transform:translate(-50%,-50%);font-family:var(--op-font-mono);font-size:11px;letter-spacing:.05em;color:#bace4299;white-space:nowrap;pointer-events:none;line-height:1.4;z-index:2}.overview-grid[data-astro-cid-yeypcy6p]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--op-space-24);margin-bottom:var(--op-space-24)}.overview-card[data-astro-cid-yeypcy6p]{background:var(--orbit-panel-solid);border:1px solid var(--orbit-border);padding:var(--op-space-20) var(--op-space-24);display:flex;flex-direction:column;gap:var(--op-space-8);overflow:hidden;position:relative}.overview-card[data-astro-cid-yeypcy6p]:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;opacity:.4;background-image:radial-gradient(var(--orbit-line-strong) .8px,transparent .8px);background-size:10px 10px;-webkit-mask-image:radial-gradient(circle at top right,#000,transparent 75%);mask-image:radial-gradient(circle at top right,#000,transparent 75%);pointer-events:none}.overview-card__label[data-astro-cid-yeypcy6p]{font-family:var(--op-font-headline);font-size:var(--op-text-lg);font-weight:600;color:var(--orbit-ink);margin:0}.overview-card__body[data-astro-cid-yeypcy6p]{font-size:var(--op-text-sm);line-height:1.65;color:var(--orbit-dim);margin:0}.tab-panels[data-astro-cid-yeypcy6p]{counter-reset:doc-section}.doc-section[data-astro-cid-yeypcy6p]{margin-top:var(--op-space-48)}.doc-section[data-astro-cid-yeypcy6p] h2[data-astro-cid-yeypcy6p]{counter-increment:doc-section;display:flex;align-items:baseline;gap:16px;font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0 0 var(--op-space-24);padding-bottom:var(--op-space-16);border-bottom:1px solid var(--orbit-border)}.doc-section[data-astro-cid-yeypcy6p] h2[data-astro-cid-yeypcy6p]:before{content:"[" counter(doc-section,decimal-leading-zero) "]";font-family:var(--op-font-mono);font-size:11px;font-weight:400;letter-spacing:.08em;color:var(--orbit-accent);opacity:.7;flex-shrink:0}.sizes-stage[data-astro-cid-yeypcy6p]{display:flex;align-items:flex-end;justify-content:center;gap:var(--op-space-40);padding:var(--op-space-48) var(--op-space-32);background:var(--orbit-bg);border:1px solid var(--orbit-border);width:100%;box-sizing:border-box}.sizes-item[data-astro-cid-yeypcy6p]{display:flex;flex-direction:column;align-items:center;gap:var(--op-space-12)}.sizes-stage--iframe[data-astro-cid-yeypcy6p]{padding:0;min-height:120px}.sizes-frame[data-astro-cid-yeypcy6p]{width:100%;height:120px;border:none;display:block;mix-blend-mode:multiply}.sizes-item__label[data-astro-cid-yeypcy6p]{font-family:var(--op-font-mono);font-size:11px;letter-spacing:.06em;color:var(--orbit-faint)}.states-stage[data-astro-cid-yeypcy6p]{display:flex;align-items:center;justify-content:center;gap:var(--op-space-40);padding:var(--op-space-48) var(--op-space-32);background:var(--orbit-bg);border:1px solid var(--orbit-border);width:100%;box-sizing:border-box;margin-bottom:var(--op-space-32)}.state-card[data-astro-cid-yeypcy6p]{display:flex;flex-direction:column;align-items:center;gap:var(--op-space-12)}.state-card__preview[data-astro-cid-yeypcy6p]{display:flex;align-items:center;justify-content:center}.state-card__label[data-astro-cid-yeypcy6p]{font-family:var(--op-font-mono);font-size:11px;letter-spacing:.06em;color:var(--orbit-faint)}.variant-grid[data-astro-cid-yeypcy6p]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--op-space-16)}.variant-grid--single[data-astro-cid-yeypcy6p]{grid-template-columns:1fr}.variant-card[data-astro-cid-yeypcy6p]{background:var(--orbit-bg);border:1px solid var(--orbit-border);position:relative;display:flex;flex-direction:column}.variant-card__preview[data-astro-cid-yeypcy6p]{position:relative;background:var(--orbit-preview-dark);border-bottom:1px solid var(--orbit-border);min-height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden}.variant-card__preview--light[data-astro-cid-yeypcy6p]{background:var(--orbit-preview-light)}.variant-card__preview--light[data-astro-cid-yeypcy6p] .variant-card__frame[data-astro-cid-yeypcy6p]{background:transparent}.variant-card__component[data-astro-cid-yeypcy6p]{display:flex;align-items:center;justify-content:center}.variant-card__frame[data-astro-cid-yeypcy6p]{width:100%;height:140px;border:none;display:block;background:transparent}.variant-card__token[data-astro-cid-yeypcy6p]{position:absolute;top:10px;right:12px;font-family:var(--op-font-mono);font-size:9.5px;letter-spacing:.06em;color:var(--orbit-faint);z-index:1}.variant-card__token--inline[data-astro-cid-yeypcy6p]{position:static;display:block;padding:10px 16px 0}.variant-card__body[data-astro-cid-yeypcy6p]{padding:var(--op-space-16) var(--op-space-20) var(--op-space-20);display:flex;flex-direction:column;gap:var(--op-space-8);flex:1}.variant-card__name[data-astro-cid-yeypcy6p]{font-size:15px;font-weight:700;color:var(--orbit-ink);margin:0}.variant-card__desc[data-astro-cid-yeypcy6p]{font-size:13px;color:var(--orbit-dim);margin:0;line-height:1.5}.variant-card__usage[data-astro-cid-yeypcy6p]{font-size:12px;color:var(--orbit-faint);margin:auto 0 0;line-height:1.5;border-top:1px solid var(--orbit-border);padding-top:var(--op-space-8)}