.AnatomyTable-module___LBnFa__tableWrapper{border:1px solid var(--semantic-color-border-primary,#e5e7eb);border-radius:var(--semantic-border-radius-md,8px);background-color:var(--semantic-color-background-primary,#fff);width:100%;overflow-x:auto}.AnatomyTable-module___LBnFa__table{border-collapse:collapse;width:100%;font-family:var(--core-typography-font-family-sans,Inter, sans-serif)}.AnatomyTable-module___LBnFa__table thead tr{border-bottom:1px solid var(--semantic-color-border-primary,#e5e7eb)}.AnatomyTable-module___LBnFa__table tbody tr{border-bottom:1px solid var(--semantic-color-border-primary,#e5e7eb)}.AnatomyTable-module___LBnFa__table tbody tr:last-child{border-bottom:0}.AnatomyTable-module___LBnFa__table th,.AnatomyTable-module___LBnFa__table td{text-align:left;vertical-align:middle;padding:12px 20px;font-size:14px;line-height:1.5}.AnatomyTable-module___LBnFa__table thead th{color:var(--semantic-color-foreground-primary,#111827);letter-spacing:.02em;background-color:var(--semantic-color-background-secondary,#f9fafb);font-size:13px;font-weight:600}.AnatomyTable-module___LBnFa__colProperty{width:24%;min-width:180px}.AnatomyTable-module___LBnFa__colDescription{width:56%}.AnatomyTable-module___LBnFa__colType{width:20%;min-width:120px;text-align:right!important}.AnatomyTable-module___LBnFa__partName{color:var(--semantic-color-foreground-primary,#111827);text-transform:none;white-space:nowrap;font-weight:600}.AnatomyTable-module___LBnFa__glyph{color:var(--semantic-color-foreground-secondary,#6b7280);margin-right:6px;display:inline-block}.AnatomyTable-module___LBnFa__partDescription{color:var(--semantic-color-foreground-secondary,#6b7280)}.AnatomyTable-module___LBnFa__partType{text-align:right}.AnatomyTable-module___LBnFa__typePill{background-color:var(--semantic-color-background-tertiary,#e5e7eb);border:1px solid var(--semantic-color-border-subtle,transparent);color:var(--semantic-color-foreground-secondary,#4b5563);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:500;line-height:1.4;display:inline-block}.AnatomyTable-module___LBnFa__tone-slot{background-color:var(--semantic-color-background-info-subtle,#eef2ff);color:var(--semantic-color-foreground-info,#4f46e5);border-color:#0000}.AnatomyTable-module___LBnFa__tone-prop{background-color:var(--semantic-color-background-secondary,#f3f4f6);color:var(--semantic-color-foreground-primary,#111827);border-color:var(--semantic-color-border-subtle,transparent);font-family:var(--core-typography-font-family-mono,monospace);font-size:12px}.AnatomyTable-module___LBnFa__tone-part{background-color:var(--semantic-color-background-tertiary,#e5e7eb);color:var(--semantic-color-foreground-secondary,#6b7280);border-color:#0000}.AnatomyTable-module___LBnFa__tone-root{background-color:var(--semantic-color-background-info-subtle,#eef2ff);color:var(--semantic-color-foreground-info,#4f46e5);border-color:#0000;font-weight:600}@media (max-width:720px){.AnatomyTable-module___LBnFa__table th,.AnatomyTable-module___LBnFa__table td{padding:10px 12px;font-size:13px}}
.IsometricAnatomy-module__AMI70W__isometric{--explode-progress:0;background-color:var(--semantic-color-background-secondary,#f9fafb);border:1px solid var(--semantic-color-border-primary,#e5e7eb);border-radius:var(--semantic-border-radius-md,8px);cursor:zoom-in;width:100%;padding:16px;position:relative}.IsometricAnatomy-module__AMI70W__isometric:hover,.IsometricAnatomy-module__AMI70W__isometric:focus-within{--explode-progress:1}.IsometricAnatomy-module__AMI70W__svg{width:100%;height:auto;max-height:520px;display:block}.IsometricAnatomy-module__AMI70W__layer{transform-box:fill-box;transform-origin:50%;transition:transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.IsometricAnatomy-module__AMI70W__isometric:hover .IsometricAnatomy-module__AMI70W__layer,.IsometricAnatomy-module__AMI70W__isometric:focus-within .IsometricAnatomy-module__AMI70W__layer{transform:translateY(var(--explode-y,0))}.IsometricAnatomy-module__AMI70W__layerLabel{pointer-events:none;-webkit-user-select:none;user-select:none}.IsometricAnatomy-module__AMI70W__pins{opacity:0;transition:opacity .3s ease-in-out .1s}.IsometricAnatomy-module__AMI70W__isometric:hover .IsometricAnatomy-module__AMI70W__pins,.IsometricAnatomy-module__AMI70W__isometric:focus-within .IsometricAnatomy-module__AMI70W__pins{opacity:1}.IsometricAnatomy-module__AMI70W__pin{transition:transform .45s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.IsometricAnatomy-module__AMI70W__layer,.IsometricAnatomy-module__AMI70W__pins,.IsometricAnatomy-module__AMI70W__pin{transition:none}}
.ComprehensiveComponentDoc-module__I8KYiG__componentDoc{max-width:1200px;margin:0 auto;padding:0 1rem}.ComprehensiveComponentDoc-module__I8KYiG__header{border-bottom:1px solid var(--semantic-color-border-subtle);margin-bottom:2rem;padding-bottom:2rem}.ComprehensiveComponentDoc-module__I8KYiG__headerContent{flex-direction:column;gap:1rem;display:flex}.ComprehensiveComponentDoc-module__I8KYiG__titleSection{flex-direction:column;gap:.75rem;display:flex}.ComprehensiveComponentDoc-module__I8KYiG__title{color:var(--semantic-color-foreground-primary);margin:0;font-size:2.5rem;font-weight:700}.ComprehensiveComponentDoc-module__I8KYiG__metadata{flex-wrap:wrap;gap:.5rem;display:flex}.ComprehensiveComponentDoc-module__I8KYiG__badge{border-radius:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.ComprehensiveComponentDoc-module__I8KYiG__badge[data-type=category]{background:var(--semantic-color-background-info-subtle);color:var(--semantic-color-foreground-info)}.ComprehensiveComponentDoc-module__I8KYiG__badge[data-type=complexity]{background:var(--semantic-color-background-highlight);color:var(--semantic-color-foreground-info)}.ComprehensiveComponentDoc-module__I8KYiG__badge[data-type=status][data-status=built]{background:var(--semantic-color-background-success-subtle);color:var(--semantic-color-foreground-success)}.ComprehensiveComponentDoc-module__I8KYiG__badge[data-type=status][data-status=planned]{background:var(--semantic-color-background-warning-subtle);color:var(--semantic-color-foreground-warning)}.ComprehensiveComponentDoc-module__I8KYiG__badge[data-type=status][data-status=doconly]{background:var(--semantic-color-background-neutral-subtle);color:var(--semantic-color-foreground-secondary)}.ComprehensiveComponentDoc-module__I8KYiG__description{color:var(--semantic-color-foreground-secondary);margin:0;font-size:1.125rem;line-height:1.6}.ComprehensiveComponentDoc-module__I8KYiG__aliases{color:var(--semantic-color-foreground-tertiary);font-size:.875rem}.ComprehensiveComponentDoc-module__I8KYiG__aliases ul{gap:.5rem;margin:0;padding:0;list-style:none;display:inline-flex}.ComprehensiveComponentDoc-module__I8KYiG__aliases ul li:not(:last-child):after{opacity:.5;content:"•";margin-left:.5rem}.ComprehensiveComponentDoc-module__I8KYiG__quickNav{z-index:100;background:var(--semantic-color-background-elevated);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;margin-bottom:2rem;padding:1rem;position:sticky;top:1rem;box-shadow:0 2px 8px #0000001a}.ComprehensiveComponentDoc-module__I8KYiG__quickNav ul{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.ComprehensiveComponentDoc-module__I8KYiG__quickNav ul li a{color:var(--semantic-color-foreground-secondary);border-radius:.25rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s}.ComprehensiveComponentDoc-module__I8KYiG__quickNav ul li a:hover{background:var(--semantic-color-background-hover);color:var(--semantic-color-foreground-accent)}.ComprehensiveComponentDoc-module__I8KYiG__section{z-index:1;contain:layout style;isolation:isolate;margin-bottom:3rem;position:relative}.ComprehensiveComponentDoc-module__I8KYiG__section h2{border-bottom:2px solid var(--semantic-color-foreground-accent);color:var(--semantic-color-foreground-primary);margin:0 0 1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:600}.ComprehensiveComponentDoc-module__I8KYiG__section h3{color:var(--semantic-color-foreground-primary);margin:1.5rem 0 .75rem;font-size:1.25rem;font-weight:600}.ComprehensiveComponentDoc-module__I8KYiG__section+.ComprehensiveComponentDoc-module__I8KYiG__section{margin-top:4rem}.ComprehensiveComponentDoc-module__I8KYiG__overviewGrid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.ComprehensiveComponentDoc-module__I8KYiG__overviewGrid{grid-template-columns:1fr}}.ComprehensiveComponentDoc-module__I8KYiG__overviewContent ul{padding-left:1.5rem}.ComprehensiveComponentDoc-module__I8KYiG__overviewContent ul li{margin-bottom:.5rem;line-height:1.5}.ComprehensiveComponentDoc-module__I8KYiG__liveExample{contain:layout;isolation:isolate}.ComprehensiveComponentDoc-module__I8KYiG__liveExample .ComprehensiveComponentDoc-module__I8KYiG__exampleContainer{border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;min-height:400px;position:relative;overflow:hidden}.ComprehensiveComponentDoc-module__I8KYiG__anatomyContent .ComprehensiveComponentDoc-module__I8KYiG__anatomyVisualization{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:1.5rem;margin-top:1.25rem;display:grid}@media (max-width:960px){.ComprehensiveComponentDoc-module__I8KYiG__anatomyContent .ComprehensiveComponentDoc-module__I8KYiG__anatomyVisualization{grid-template-columns:1fr}}.ComprehensiveComponentDoc-module__I8KYiG__anatomyContent .ComprehensiveComponentDoc-module__I8KYiG__anatomyTableCol,.ComprehensiveComponentDoc-module__I8KYiG__anatomyContent .ComprehensiveComponentDoc-module__I8KYiG__anatomyIsometricCol{min-width:0}.ComprehensiveComponentDoc-module__I8KYiG__plannedContent{background:var(--semantic-color-background-info-subtle);border:1px solid var(--semantic-color-border-info);color:var(--semantic-color-foreground-info);border-radius:.5rem;padding:2rem}.ComprehensiveComponentDoc-module__I8KYiG__plannedContent p{margin:0}.ComprehensiveComponentDoc-module__I8KYiG__plannedContent code{background:var(--semantic-color-background-primary);font-family:var(--core-typography-font-family-mono);border-radius:.25rem;padding:.125rem .25rem}.ComprehensiveComponentDoc-module__I8KYiG__placeholder{color:var(--semantic-color-foreground-tertiary);text-align:center;font-style:italic}.ComprehensiveComponentDoc-module__I8KYiG__apiContent{contain:layout;isolation:isolate}.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__propsTable,.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__methodsTable{background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);contain:layout style;border-radius:.5rem;margin-bottom:2rem;position:relative;overflow-x:auto}:is(.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__propsTable,.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__methodsTable) table{border-collapse:collapse;width:100%;font-size:.875rem}:is(.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__propsTable,.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__methodsTable) table th,:is(.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__propsTable,.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__methodsTable) table td{text-align:left;border-bottom:1px solid var(--semantic-color-border-subtle);padding:.75rem 1rem}:is(.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__propsTable,.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__methodsTable) table th{background:var(--semantic-color-background-tertiary);white-space:nowrap;font-weight:600}:is(.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__propsTable,.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__methodsTable) table td code{background:var(--semantic-color-background-primary);font-family:var(--core-typography-font-family-mono);border-radius:.25rem;padding:.125rem .375rem;font-size:.8125rem}:is(.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__propsTable,.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__methodsTable) table tr:last-child td{border-bottom:none}.ComprehensiveComponentDoc-module__I8KYiG__apiContent .ComprehensiveComponentDoc-module__I8KYiG__noData{color:var(--semantic-color-foreground-tertiary);padding:1.5rem;font-style:italic}.ComprehensiveComponentDoc-module__I8KYiG__accessibilityContent .ComprehensiveComponentDoc-module__I8KYiG__pitfalls{background:var(--semantic-color-background-warning-subtle);border:1px solid var(--semantic-color-border-warning);border-radius:.5rem;margin:1.5rem 0;padding:1.5rem}.ComprehensiveComponentDoc-module__I8KYiG__accessibilityContent .ComprehensiveComponentDoc-module__I8KYiG__pitfalls ul{margin:.5rem 0 0;padding-left:1.5rem}.ComprehensiveComponentDoc-module__I8KYiG__accessibilityContent .ComprehensiveComponentDoc-module__I8KYiG__accessibilityChecklist{background:var(--semantic-color-background-success-subtle);border:1px solid var(--semantic-color-border-success);border-radius:.5rem;padding:1.5rem}.ComprehensiveComponentDoc-module__I8KYiG__accessibilityContent .ComprehensiveComponentDoc-module__I8KYiG__accessibilityChecklist ul{margin:.5rem 0 0;padding-left:1.5rem;list-style:none}.ComprehensiveComponentDoc-module__I8KYiG__accessibilityContent .ComprehensiveComponentDoc-module__I8KYiG__accessibilityChecklist ul li{color:var(--semantic-color-foreground-success);margin-bottom:.5rem}.ComprehensiveComponentDoc-module__I8KYiG__relatedCard>h3{color:var(--semantic-color-foreground-primary);margin:0 0 .5rem}.ComprehensiveComponentDoc-module__I8KYiG__usageContent .ComprehensiveComponentDoc-module__I8KYiG__dosAndDonts{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.ComprehensiveComponentDoc-module__I8KYiG__usageContent .ComprehensiveComponentDoc-module__I8KYiG__dosAndDonts{grid-template-columns:1fr}}.ComprehensiveComponentDoc-module__I8KYiG__usageContent .ComprehensiveComponentDoc-module__I8KYiG__dos{background:var(--semantic-color-background-success-subtle);border:1px solid var(--semantic-color-border-success);border-radius:.5rem;padding:1.5rem}.ComprehensiveComponentDoc-module__I8KYiG__usageContent .ComprehensiveComponentDoc-module__I8KYiG__dos h3{color:var(--semantic-color-foreground-success);margin-top:0}.ComprehensiveComponentDoc-module__I8KYiG__usageContent .ComprehensiveComponentDoc-module__I8KYiG__dos ul{margin:0;padding-left:1.5rem}.ComprehensiveComponentDoc-module__I8KYiG__usageContent .ComprehensiveComponentDoc-module__I8KYiG__dos ul li{color:var(--semantic-color-foreground-success);margin-bottom:.5rem}.ComprehensiveComponentDoc-module__I8KYiG__usageContent .ComprehensiveComponentDoc-module__I8KYiG__donts{background:var(--semantic-color-background-danger-subtle);border:1px solid var(--semantic-color-border-danger);border-radius:.5rem;padding:1.5rem}.ComprehensiveComponentDoc-module__I8KYiG__usageContent .ComprehensiveComponentDoc-module__I8KYiG__donts h3{color:var(--semantic-color-foreground-danger);margin-top:0}.ComprehensiveComponentDoc-module__I8KYiG__usageContent .ComprehensiveComponentDoc-module__I8KYiG__donts ul{margin:0;padding-left:1.5rem}.ComprehensiveComponentDoc-module__I8KYiG__usageContent .ComprehensiveComponentDoc-module__I8KYiG__donts ul li{color:var(--semantic-color-foreground-danger);margin-bottom:.5rem}.ComprehensiveComponentDoc-module__I8KYiG__examplesContent{contain:layout;isolation:isolate}.ComprehensiveComponentDoc-module__I8KYiG__examplesContent .ComprehensiveComponentDoc-module__I8KYiG__exampleGrid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.ComprehensiveComponentDoc-module__I8KYiG__examplesContent .ComprehensiveComponentDoc-module__I8KYiG__exampleGrid{grid-template-columns:1fr}}.ComprehensiveComponentDoc-module__I8KYiG__examplesContent .ComprehensiveComponentDoc-module__I8KYiG__example{border:1px solid var(--semantic-color-border-subtle);contain:layout style;isolation:isolate;border-radius:.5rem;min-height:300px;position:relative;overflow:hidden}.ComprehensiveComponentDoc-module__I8KYiG__examplesContent .ComprehensiveComponentDoc-module__I8KYiG__example h3{z-index:1;background:var(--semantic-color-background-secondary);margin:0;padding:1rem 1rem 0;position:relative}.ComprehensiveComponentDoc-module__I8KYiG__examplesContent .ComprehensiveComponentDoc-module__I8KYiG__example .ComprehensiveComponentDoc-module__I8KYiG__exampleDescription{z-index:1;background:var(--semantic-color-background-secondary);border-bottom:1px solid var(--semantic-color-border-subtle);color:var(--semantic-color-foreground-secondary);margin:0;padding:.5rem 1rem 1rem;font-size:.875rem;position:relative}.ComprehensiveComponentDoc-module__I8KYiG__relatedGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.ComprehensiveComponentDoc-module__I8KYiG__relatedCard{border:1px solid var(--semantic-color-border-subtle);color:inherit;border-radius:.5rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:block}.ComprehensiveComponentDoc-module__I8KYiG__relatedCard:hover{background:var(--semantic-color-background-hover);border-color:var(--semantic-color-foreground-accent);transform:translateY(-2px)}.ComprehensiveComponentDoc-module__I8KYiG__relatedCard p{color:var(--semantic-color-foreground-secondary);margin:0 0 .75rem;font-size:.875rem;line-height:1.4}.ComprehensiveComponentDoc-module__I8KYiG__relatedCard .ComprehensiveComponentDoc-module__I8KYiG__relatedMeta{color:var(--semantic-color-foreground-tertiary);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.ComprehensiveComponentDoc-module__I8KYiG__lastUpdated{color:var(--semantic-color-foreground-tertiary);font-size:.875rem}.ComprehensiveComponentDoc-module__I8KYiG__lastUpdated time{font-weight:500}.ComprehensiveComponentDoc-module__I8KYiG__panelSection{border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;margin-top:1.5rem;overflow:hidden}.ComprehensiveComponentDoc-module__I8KYiG__panelToggle{background:var(--semantic-color-background-secondary);width:100%;color:var(--semantic-color-foreground-primary);text-align:left;cursor:pointer;border:none;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;font-weight:600;transition:background .2s;display:flex}.ComprehensiveComponentDoc-module__I8KYiG__panelToggle:hover{background:var(--semantic-color-background-hover)}.ComprehensiveComponentDoc-module__I8KYiG__panelToggle[aria-expanded=true]{border-bottom:1px solid var(--semantic-color-border-subtle)}.ComprehensiveComponentDoc-module__I8KYiG__panelContent{background:var(--semantic-color-background-primary);padding:1rem}.ComprehensiveComponentDoc-module__I8KYiG__panelDescription{color:var(--semantic-color-foreground-secondary);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.ComprehensiveComponentDoc-module__I8KYiG__devToolsSection{background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;margin-top:2rem;padding:1.5rem}.ComprehensiveComponentDoc-module__I8KYiG__devToolsSection h3{color:var(--semantic-color-foreground-primary);margin:0 0 .5rem;font-size:1.125rem}.ComprehensiveComponentDoc-module__I8KYiG__devToolsDescription{color:var(--semantic-color-foreground-secondary);margin:0 0 1.5rem;font-size:.875rem}.ComprehensiveComponentDoc-module__I8KYiG__devToolsGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.ComprehensiveComponentDoc-module__I8KYiG__contentGuidelinesSection{flex-direction:column;gap:2rem;display:flex}.ComprehensiveComponentDoc-module__I8KYiG__voiceTone{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.ComprehensiveComponentDoc-module__I8KYiG__voiceTone{grid-template-columns:1fr}}.ComprehensiveComponentDoc-module__I8KYiG__voiceBox,.ComprehensiveComponentDoc-module__I8KYiG__toneBox{background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;padding:1.25rem}:is(.ComprehensiveComponentDoc-module__I8KYiG__voiceBox,.ComprehensiveComponentDoc-module__I8KYiG__toneBox) h3{color:var(--semantic-color-foreground-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}:is(.ComprehensiveComponentDoc-module__I8KYiG__voiceBox,.ComprehensiveComponentDoc-module__I8KYiG__toneBox) p{color:var(--semantic-color-foreground-secondary);margin:0;font-size:.875rem;line-height:1.5}.ComprehensiveComponentDoc-module__I8KYiG__contentExamples h3{color:var(--semantic-color-foreground-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.ComprehensiveComponentDoc-module__I8KYiG__examplesGrid{flex-direction:column;gap:1rem;display:flex}.ComprehensiveComponentDoc-module__I8KYiG__examplePair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:768px){.ComprehensiveComponentDoc-module__I8KYiG__examplePair{grid-template-columns:1fr}}.ComprehensiveComponentDoc-module__I8KYiG__goodExample,.ComprehensiveComponentDoc-module__I8KYiG__badExample{border-radius:.375rem;padding:1rem}:is(.ComprehensiveComponentDoc-module__I8KYiG__goodExample,.ComprehensiveComponentDoc-module__I8KYiG__badExample) p{margin:0;font-size:.9375rem;line-height:1.5}.ComprehensiveComponentDoc-module__I8KYiG__goodExample{background:var(--semantic-color-background-success-subtle);border:1px solid var(--semantic-color-border-success)}.ComprehensiveComponentDoc-module__I8KYiG__badExample{background:var(--semantic-color-background-danger-subtle);border:1px solid var(--semantic-color-border-danger)}.ComprehensiveComponentDoc-module__I8KYiG__exampleLabel{text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;margin-bottom:.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.ComprehensiveComponentDoc-module__I8KYiG__goodExample .ComprehensiveComponentDoc-module__I8KYiG__exampleLabel{background:var(--semantic-color-background-success);color:var(--semantic-color-foreground-on-success,#fff)}.ComprehensiveComponentDoc-module__I8KYiG__badExample .ComprehensiveComponentDoc-module__I8KYiG__exampleLabel{background:var(--semantic-color-background-danger);color:var(--semantic-color-foreground-on-danger,#fff)}.ComprehensiveComponentDoc-module__I8KYiG__contentPatterns h3{color:var(--semantic-color-foreground-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.ComprehensiveComponentDoc-module__I8KYiG__contentPatterns ul{margin:0;padding-left:1.5rem}.ComprehensiveComponentDoc-module__I8KYiG__contentPatterns ul li{color:var(--semantic-color-foreground-secondary);margin-bottom:.5rem;font-size:.9375rem;line-height:1.5}.ComprehensiveComponentDoc-module__I8KYiG__changelogSection{flex-direction:column;gap:1.5rem;display:flex}.ComprehensiveComponentDoc-module__I8KYiG__changelogEntry{background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;padding:1.25rem}.ComprehensiveComponentDoc-module__I8KYiG__changelogHeader{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.ComprehensiveComponentDoc-module__I8KYiG__changelogVersion{background:var(--semantic-color-background-accent);color:var(--semantic-color-foreground-on-accent,#fff);border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.ComprehensiveComponentDoc-module__I8KYiG__changelogDate{color:var(--semantic-color-foreground-tertiary);font-size:.875rem}.ComprehensiveComponentDoc-module__I8KYiG__changelogList{margin:0;padding:0;list-style:none}.ComprehensiveComponentDoc-module__I8KYiG__changelogItem{color:var(--semantic-color-foreground-secondary);align-items:flex-start;gap:.75rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.5;display:flex}.ComprehensiveComponentDoc-module__I8KYiG__changelogItem:last-child{margin-bottom:0}.ComprehensiveComponentDoc-module__I8KYiG__changeType{text-transform:uppercase;letter-spacing:.03em;border-radius:.25rem;flex-shrink:0;padding:.125rem .5rem;font-size:.75rem;font-weight:600}[data-type=added] .ComprehensiveComponentDoc-module__I8KYiG__changeType{background:var(--semantic-color-background-success-subtle);color:var(--semantic-color-foreground-success)}[data-type=changed] .ComprehensiveComponentDoc-module__I8KYiG__changeType{background:var(--semantic-color-background-warning-subtle);color:var(--semantic-color-foreground-warning)}[data-type=deprecated] .ComprehensiveComponentDoc-module__I8KYiG__changeType{background:var(--semantic-color-background-info-subtle);color:var(--semantic-color-foreground-info)}[data-type=removed] .ComprehensiveComponentDoc-module__I8KYiG__changeType{background:var(--semantic-color-background-danger-subtle);color:var(--semantic-color-foreground-danger)}[data-type=fixed] .ComprehensiveComponentDoc-module__I8KYiG__changeType{background:var(--semantic-color-background-success-subtle);color:var(--semantic-color-foreground-success)}[data-type=security] .ComprehensiveComponentDoc-module__I8KYiG__changeType{background:var(--semantic-color-background-danger-subtle);color:var(--semantic-color-foreground-danger)}.ComprehensiveComponentDoc-module__I8KYiG__migrationLink{background:var(--semantic-color-background-info-subtle);border:1px solid var(--semantic-color-border-info);border-radius:.5rem;margin-top:1.5rem;padding:1rem}.ComprehensiveComponentDoc-module__I8KYiG__migrationLink p{color:var(--semantic-color-foreground-info);margin:0;font-size:.875rem}.ComprehensiveComponentDoc-module__I8KYiG__migrationLink p a{color:var(--semantic-color-foreground-accent);font-weight:500;text-decoration:underline}.ComprehensiveComponentDoc-module__I8KYiG__migrationLink p a:hover{text-decoration:none}.ComprehensiveComponentDoc-module__I8KYiG__contributeSection{background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;padding:1.5rem}.ComprehensiveComponentDoc-module__I8KYiG__contributeSection p{color:var(--semantic-color-foreground-secondary);margin:0 0 1rem;font-size:.9375rem;line-height:1.5}.ComprehensiveComponentDoc-module__I8KYiG__contributeLinks{flex-wrap:wrap;gap:.75rem;display:flex}.ComprehensiveComponentDoc-module__I8KYiG__contributeLink{background:var(--semantic-color-background-primary);border:1px solid var(--semantic-color-border-subtle);color:var(--semantic-color-foreground-accent);border-radius:.375rem;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.ComprehensiveComponentDoc-module__I8KYiG__contributeLink:hover{background:var(--semantic-color-background-hover);border-color:var(--semantic-color-foreground-accent)}.ComprehensiveComponentDoc-module__I8KYiG__accessibilityChecklist ul li[data-status=pass]{color:var(--semantic-color-foreground-success)}.ComprehensiveComponentDoc-module__I8KYiG__accessibilityChecklist ul li[data-status=fail]{color:var(--semantic-color-foreground-danger)}.ComprehensiveComponentDoc-module__I8KYiG__accessibilityChecklist ul li[data-status=pending]{color:var(--semantic-color-foreground-tertiary)}