@media(prefers-reduced-motion:reduce){.docs-workbench .highlighted-line{transition:none}.docs-workbench .highlighted-line.animate-in,.docs-workbench .highlighted-line.animate-out{animation:none}}.docs-workbench .highlighted-line{background-color:var(--semantic-color-background-highlight-subtle);opacity:.4;transition:opacity .2s ease-in-out}.docs-workbench.light .highlighted-line{background-color:var(--semantic-color-background-highlight-subtle,#fef3c7);opacity:.5}.docs-workbench.dark .highlighted-line{background-color:var(--semantic-color-background-highlight-subtle,#374151);opacity:.6}.docs-workbench .highlighted-line:focus-within{outline:2px solid var(--semantic-color-border-focus,#3b82f6);outline-offset:2px}.docs-workbench .highlighted-line.animate-in{animation:highlight-fade-in .3s ease-out}.docs-workbench .highlighted-line.animate-out{animation:highlight-fade-out .2s ease-in}@keyframes highlight-fade-in{0%{background-color:rgba(0,0,0,0);opacity:0}to{background-color:var(--semantic-color-background-highlight-subtle);opacity:.4}}@keyframes highlight-fade-out{0%{background-color:var(--semantic-color-background-highlight-subtle);opacity:.4}to{background-color:rgba(0,0,0,0);opacity:0}}@media(prefers-contrast:high){.docs-workbench .highlighted-line{background-color:var(--semantic-color-background-highlight-high-contrast,#000000);border-left:3px solid var(--semantic-color-border-accent,#3b82f6);opacity:.8;color:var(--semantic-color-foreground-high-contrast,#ffffff)}}@media print{.docs-workbench .highlighted-line{background-color:rgba(0,0,0,0)!important;opacity:1!important}}.DocLayout_docLayout__uQYEb{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6);overflow-x:hidden;max-width:100vw;min-height:100vh;padding-block:var(--space-6);container-name:doc-layout;container-type:inline-size}@media(max-width:1200px){.DocLayout_docLayout__uQYEb{grid-template-columns:1fr;gap:var(--space-4)}}@supports(overflow:clip){.DocLayout_docLayout__uQYEb{overflow-x:clip}}.DocLayout_content__7h69N{overflow-y:auto;max-width:35rem;max-height:100vh;margin:0 auto;padding:var(--space-6);overscroll-behavior:contain;scroll-behavior:auto}@media(prefers-reduced-motion:no-preference){.DocLayout_content__7h69N{scroll-behavior:smooth}}@media(max-width:1200px){.DocLayout_content__7h69N{overflow-y:visible;max-height:none;padding:var(--space-4)}}.DocLayout_codePanel__vOI_G{position:relative;border-top:1px solid var(--semantic-color-border-subtle);border-left:1px solid var(--semantic-color-border-subtle)}@media(max-width:1200px){.DocLayout_codePanel__vOI_G{border-top:1px solid var(--semantic-color-border-subtle);border-left:none}}.DocLayout_codePanelSticky__Ti_iD{position:-webkit-sticky;position:sticky;top:0;height:100dvh;padding-top:env(safe-area-inset-top,0)}@media(max-width:1200px){.DocLayout_codePanelSticky__Ti_iD{position:relative;height:100vh}}@media(max-width:768px){.DocLayout_codePanelSticky__Ti_iD .sp-tab{max-width:120px!important;padding:var(--space-1) var(--space-2)!important;background:#ff0!important;font-size:var(--font-size-xs)!important}}.DocLayout_codePanelSticky__Ti_iD .sp-wrapper{border:none!important}.DocLayout_codePanelSticky__Ti_iD .sp-layout,.DocLayout_codePanelSticky__Ti_iD .sp-wrapper{height:100%!important;border-radius:0!important}.DocLayout_codePanelSticky__Ti_iD .sp-cm,.DocLayout_codePanelSticky__Ti_iD .sp-code-editor,.DocLayout_codePanelSticky__Ti_iD .sp-editor{height:100%!important}.DocLayout_codePanelSticky__Ti_iD .highlighted-line{position:relative;background-color:linear-gradient(var(--semantic-color-background-highlight))!important;transition:all .2s ease-in-out}.DocLayout_codePanelSticky__Ti_iD .highlighted-line:before{position:absolute;inset:0 0 0 -3px;z-index:-1;background:linear-gradient(90deg,var(--semantic-color-background-highlight) 0,color(var(--semantic-color-background-highlight)/30%) transparent 100%);opacity:.8;pointer-events:none;content:""}.DocLayout_codePanelSticky__Ti_iD .highlighted-line:after{position:absolute;top:0;bottom:0;left:-3px;width:3px;background:var(--semantic-color-background-highlight);box-shadow:0 0 8px color(var(--semantic-color-background-highlight)/40%);pointer-events:none;content:""}.DocLayout_codePanelSticky__Ti_iD .highlight-fade-in{animation:DocLayout_highlightFadeIn__yQxNm .3s ease-out forwards}.DocLayout_codePanelSticky__Ti_iD .highlight-fade-out{animation:DocLayout_highlightFadeOut__tpikQ .15s ease-in forwards}.DocLayout_codePanelSticky__Ti_iD .sp-tabs{display:flex!important;overflow:auto;scrollbar-color:var(--semantic-color-border-subtle) rgba(0,0,0,0)!important;scrollbar-width:thin!important}.DocLayout_codePanelSticky__Ti_iD .sp-tabs::-webkit-scrollbar{height:4px!important}.DocLayout_codePanelSticky__Ti_iD .sp-tabs::-webkit-scrollbar-track{background:rgba(0,0,0,0)!important}.DocLayout_codePanelSticky__Ti_iD .sp-tabs::-webkit-scrollbar-thumb{background:var(--semantic-color-border-subtle)!important;border-radius:2px!important}.DocLayout_codePanelSticky__Ti_iD .sp-tab{flex-shrink:0!important;overflow:hidden!important;min-width:0!important;max-width:200px!important;padding:var(--semantic-spacing-padding-container) var(--semantic-spacing-padding-container)!important;font-size:var(--font-size-sm)!important;text-overflow:ellipsis!important;white-space:nowrap!important}.DocLayout_codePanelSticky__Ti_iD .sp-tab-button{display:block!important;overflow:hidden!important;width:100%!important;text-overflow:ellipsis!important;white-space:nowrap!important}.DocLayout_docSection__g2AxU{margin-bottom:var(--space-8);padding:var(--semantic-spacing-padding-container) var(--semantic-spacing-padding-container) 0 var(--semantic-spacing-padding-container);transition:opacity .2s ease-in-out;scroll-margin-top:var(--space-6)}.DocLayout_docSection__g2AxU:last-child{margin-bottom:var(--space-12)}.DocLayout_docSection__g2AxU[data-highlighted=true]{opacity:1}.DocLayout_docSection__g2AxU[data-highlighted=false]{opacity:.7}.DocLayout_docNavigation__H2zvX{position:fixed;top:50%;left:var(--space-6);z-index:10;transform:translateY(-50%)}@media(max-width:1400px){.DocLayout_docNavigation__H2zvX{display:none}}.DocLayout_docNavigation__H2zvX ul{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.DocLayout_navItem__SQJrd{overflow:hidden;max-width:200px;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:left;text-overflow:ellipsis;white-space:nowrap;transition:all .2s ease-in-out;cursor:pointer}.DocLayout_navItem__SQJrd:hover{background:var(--surface-secondary);color:var(--text-primary)}.DocLayout_navItem__SQJrd:focus-visible{outline:2px solid var(--semantic-color-background-highlight);outline-offset:2px}.DocLayout_navItem__SQJrd.DocLayout_active__Gq1BK{padding-left:calc(var(--space-3) - 3px);background:var(--surface-accent-subtle);border-left:3px solid var(--semantic-color-background-highlight);color:var(--text-accent);font-weight:var(--font-weight-medium)}@media(prefers-reduced-motion:reduce){.DocLayout_docSection__g2AxU{transition:none!important}.DocLayout_codePanel__vOI_G .highlight-fade-in,.DocLayout_codePanel__vOI_G .highlight-fade-out{animation:none!important}}@keyframes DocLayout_highlightFadeIn__yQxNm{0%{background-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);opacity:0;transform:translateX(-4px)}50%{background-color:var(--surface-accent);border-left-color:var(--semantic-color-background-highlight);opacity:.8;transform:translateX(0)}to{background-color:var(--surface-accent-subtle);border-left-color:var(--semantic-color-background-highlight);opacity:1;transform:translateX(0)}}@keyframes DocLayout_highlightFadeOut__tpikQ{0%{background-color:var(--surface-accent-subtle);border-left-color:var(--semantic-color-background-highlight);opacity:1}to{background-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);opacity:0}}@keyframes DocLayout_highlightFade__w60w8{0%{background-color:var(--semantic-color-background-info)}to{background-color:var(--semantic-color-background-info-subtle)}}@media(max-width:1200px){.DocLayout_docLayout__uQYEb{grid-template-columns:1fr;gap:0}.DocLayout_content__7h69N{order:2;overflow-y:visible;max-height:none;padding:var(--space-4)}.DocLayout_codePanel__vOI_G{position:-webkit-sticky;position:sticky;top:0;z-index:5;order:1;border-bottom:1px solid var(--semantic-color-border-subtle);border-left:none}.DocLayout_codePanelSticky__Ti_iD{position:relative;height:50vh;min-height:300px}.DocLayout_docNavigation__H2zvX{position:fixed;top:auto;bottom:var(--space-4);left:var(--space-2);max-width:calc(100vw - var(--space-4));padding:var(--space-2);background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transform:none}.DocLayout_docNavigation__H2zvX ul{flex-direction:row;gap:var(--space-1);overflow-x:auto;scrollbar-width:none}.DocLayout_docNavigation__H2zvX ul::-webkit-scrollbar{display:none}.DocLayout_navItem__SQJrd{min-width:-moz-fit-content;min-width:fit-content;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);white-space:nowrap}}@media(max-width:768px){.DocLayout_docLayout__uQYEb{min-height:auto}.DocLayout_content__7h69N{padding:var(--space-3)}.DocLayout_codePanelSticky__Ti_iD{height:40vh;min-height:250px}.DocLayout_docSection__g2AxU{margin-bottom:var(--space-6);padding:var(--space-4) var(--space-3) 0 var(--space-3)}.DocLayout_docSection__g2AxU:last-child{margin-bottom:var(--space-8)}.DocLayout_docNavigation__H2zvX{bottom:var(--space-2);left:var(--space-1);padding:var(--space-1)}.DocLayout_docNavigation__H2zvX ul{gap:var(--space-05)}.DocLayout_navItem__SQJrd{max-width:120px;padding:var(--space-05) var(--space-1);font-size:var(--font-size-xs)}}@container doc-layout (max-width: 1200px){.DocLayout_docLayout__uQYEb{grid-template-columns:1fr}.DocLayout_codePanelSticky__Ti_iD{height:100vh}}@container doc-layout (max-width: 900px){.DocLayout_codePanelSticky__Ti_iD{height:55vh}}@container doc-layout (max-width: 640px){.DocLayout_codePanel__vOI_G{order:-1}.DocLayout_codePanelSticky__Ti_iD{height:50vh}}.DocLayout_codeToolbar__SOqrd{display:flex;gap:var(--space-2);justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--surface-secondary);border-bottom:1px solid var(--border-subtle)}.DocLayout_themeControls__n0QC5{display:inline-flex;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.DocLayout_themeControls__n0QC5 button{padding:var(--space-1) var(--space-2);background:rgba(0,0,0,0);border:0;color:var(--text-secondary);font:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.DocLayout_themeControls__n0QC5 button.DocLayout_active__Gq1BK{background:var(--surface-accent-subtle);color:var(--text-accent)}@media(min-width:769px)and (max-width:1199px){.DocLayout_codePanelSticky__Ti_iD{height:60vh;min-height:400px}.DocLayout_docNavigation__H2zvX{display:block}}.page_container__IfEKX{max-width:none}.page_content__yQT2u{max-width:800px;margin:0 auto;padding:var(--space-6) 0}.page_patternGrid__GOC_M{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin:var(--space-6) 0}.page_patternCard__wwUhH{padding:var(--space-4);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.page_patternCard__wwUhH h3{margin:0 0 var(--space-2) 0;color:var(--text-default);font-weight:var(--font-weight-semibold);font-size:var(--font-size-300)}.page_patternCard__wwUhH p{margin:0;color:var(--text-muted);font-size:var(--font-size-200);line-height:1.5}.page_example__cA1M7{margin:var(--space-6) 0;padding:var(--space-4);background:var(--surface-subtle);border-left:4px solid var(--border-accent);border-radius:var(--radius-md)}.page_example__cA1M7 h3{margin:0 0 var(--space-3) 0;color:var(--text-default);font-weight:var(--font-weight-semibold);font-size:var(--font-size-300)}.page_example__cA1M7 ul{margin:var(--space-2) 0;padding-left:var(--space-4)}.page_example__cA1M7 ul li{margin:var(--space-1) 0;line-height:1.5}.page_example__cA1M7 p,.page_example__cA1M7 ul li{color:var(--text-muted);font-size:var(--font-size-200)}.page_example__cA1M7 p{margin:var(--space-2) 0;line-height:1.6}.page_example__cA1M7 code{padding:var(--space-1) var(--space-2);background:var(--surface-muted);border-radius:var(--radius-sm);color:var(--text-accent);font-size:var(--font-size-100);font-family:var(--font-family-mono)}.page_section__RIwJ8{margin:var(--space-8) 0}.page_section__RIwJ8 h2{margin:0 0 var(--space-4) 0;color:var(--text-default);font-weight:var(--font-weight-bold);font-size:var(--font-size-500);scroll-margin-top:var(--space-8)}.ComprehensiveComponentDoc_componentDoc__cMtkg{max-width:1200px;margin:0 auto;padding:0 1rem}.ComprehensiveComponentDoc_header__GvdPt{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--semantic-color-border-subtle)}.ComprehensiveComponentDoc_headerContent__I0Yqm{display:flex;flex-direction:column;gap:1rem}.ComprehensiveComponentDoc_titleSection__DAL_S{display:flex;flex-direction:column;gap:.75rem}.ComprehensiveComponentDoc_title__Wcfj4{margin:0;color:var(--semantic-color-foreground-primary);font-weight:700;font-size:2.5rem}.ComprehensiveComponentDoc_metadata__jg13U{display:flex;flex-wrap:wrap;gap:.5rem}.ComprehensiveComponentDoc_badge__3780_{padding:.25rem .75rem;border-radius:1rem;font-weight:500;font-size:.875rem}.ComprehensiveComponentDoc_badge__3780_[data-type=category]{background:var(--semantic-color-background-info-subtle);color:var(--semantic-color-foreground-info)}.ComprehensiveComponentDoc_badge__3780_[data-type=complexity]{background:var(--semantic-color-background-highlight);color:var(--semantic-color-foreground-info)}.ComprehensiveComponentDoc_badge__3780_[data-type=status][data-status=built]{background:var(--semantic-color-background-success-subtle);color:var(--semantic-color-foreground-success)}.ComprehensiveComponentDoc_badge__3780_[data-type=status][data-status=planned]{background:var(--semantic-color-background-warning-subtle);color:var(--semantic-color-foreground-warning)}.ComprehensiveComponentDoc_badge__3780_[data-type=status][data-status=doconly]{background:var(--semantic-color-background-neutral-subtle);color:var(--semantic-color-foreground-secondary)}.ComprehensiveComponentDoc_description__Gems4{margin:0;color:var(--semantic-color-foreground-secondary);font-size:1.125rem;line-height:1.6}.ComprehensiveComponentDoc_aliases__xPlD5{color:var(--semantic-color-foreground-tertiary);font-size:.875rem}.ComprehensiveComponentDoc_aliases__xPlD5 ul{display:inline-flex;gap:.5rem;margin:0;padding:0;list-style:none}.ComprehensiveComponentDoc_aliases__xPlD5 ul li:not(:last-child):after{margin-left:.5rem;opacity:.5;content:"•"}.ComprehensiveComponentDoc_quickNav__kYQ_C{position:-webkit-sticky;position:sticky;top:1rem;z-index:100;margin-bottom:2rem;padding:1rem;background:var(--semantic-color-background-elevated);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.ComprehensiveComponentDoc_quickNav__kYQ_C ul{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none}.ComprehensiveComponentDoc_quickNav__kYQ_C ul li a{padding:.5rem 1rem;border-radius:.25rem;color:var(--semantic-color-foreground-secondary);font-weight:500;text-decoration:none;transition:all .2s ease}.ComprehensiveComponentDoc_quickNav__kYQ_C ul li a:hover{background:var(--semantic-color-background-hover);color:var(--semantic-color-foreground-accent)}.ComprehensiveComponentDoc_section___b5iI{position:relative;z-index:1;margin-bottom:3rem}.ComprehensiveComponentDoc_section___b5iI h2{margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--semantic-color-foreground-accent);color:var(--semantic-color-foreground-primary);font-weight:600;font-size:1.75rem}.ComprehensiveComponentDoc_section___b5iI h3{margin:1.5rem 0 .75rem;color:var(--semantic-color-foreground-primary);font-weight:600;font-size:1.25rem}.ComprehensiveComponentDoc_section___b5iI+.ComprehensiveComponentDoc_section___b5iI{margin-top:4rem}.ComprehensiveComponentDoc_overviewGrid__1_E3W{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}@media(max-width:768px){.ComprehensiveComponentDoc_overviewGrid__1_E3W{grid-template-columns:1fr}}.ComprehensiveComponentDoc_overviewContent__9SkGR ul{padding-left:1.5rem}.ComprehensiveComponentDoc_overviewContent__9SkGR ul li{margin-bottom:.5rem;line-height:1.5}.ComprehensiveComponentDoc_liveExample__DWEBA .ComprehensiveComponentDoc_exampleContainer__ZPhOZ{overflow:hidden;border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem}.ComprehensiveComponentDoc_anatomyContent__uCweO .ComprehensiveComponentDoc_anatomyDiagram__oqGNM{padding:2rem;background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem}.ComprehensiveComponentDoc_plannedContent__YDnrT{padding:2rem;background:var(--semantic-color-background-info-subtle);border:1px solid var(--semantic-color-border-info);border-radius:.5rem;color:var(--semantic-color-foreground-info)}.ComprehensiveComponentDoc_plannedContent__YDnrT p{margin:0}.ComprehensiveComponentDoc_plannedContent__YDnrT code{padding:.125rem .25rem;background:var(--semantic-color-background-primary);border-radius:.25rem;font-family:var(--core-typography-font-family-mono)}.ComprehensiveComponentDoc_placeholder__JoyHh{color:var(--semantic-color-foreground-tertiary);font-style:italic;text-align:center}.ComprehensiveComponentDoc_apiContent__yWvkX .ComprehensiveComponentDoc_methodsTable__r_4ZO,.ComprehensiveComponentDoc_apiContent__yWvkX .ComprehensiveComponentDoc_propsTable__G2818{padding:1.5rem;background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem}.ComprehensiveComponentDoc_accessibilityContent__JE5I7 .ComprehensiveComponentDoc_pitfalls__8Ed5d{margin:1.5rem 0;padding:1.5rem;background:var(--semantic-color-background-warning-subtle);border:1px solid var(--semantic-color-border-warning);border-radius:.5rem}.ComprehensiveComponentDoc_accessibilityContent__JE5I7 .ComprehensiveComponentDoc_pitfalls__8Ed5d ul{margin:.5rem 0 0;padding-left:1.5rem}.ComprehensiveComponentDoc_accessibilityContent__JE5I7 .ComprehensiveComponentDoc_accessibilityChecklist___sbg1{padding:1.5rem;background:var(--semantic-color-background-success-subtle);border:1px solid var(--semantic-color-border-success);border-radius:.5rem}.ComprehensiveComponentDoc_accessibilityContent__JE5I7 .ComprehensiveComponentDoc_accessibilityChecklist___sbg1 ul{margin:.5rem 0 0;padding-left:1.5rem;list-style:none}.ComprehensiveComponentDoc_accessibilityContent__JE5I7 .ComprehensiveComponentDoc_accessibilityChecklist___sbg1 ul li{margin-bottom:.5rem;color:var(--semantic-color-foreground-success)}.ComprehensiveComponentDoc_relatedCard__lv3MK>h3{margin:0 0 .5rem;color:var(--semantic-color-foreground-primary)}.ComprehensiveComponentDoc_usageContent__8s4vE .ComprehensiveComponentDoc_dosAndDonts__PWCgt{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}@media(max-width:768px){.ComprehensiveComponentDoc_usageContent__8s4vE .ComprehensiveComponentDoc_dosAndDonts__PWCgt{grid-template-columns:1fr}}.ComprehensiveComponentDoc_usageContent__8s4vE .ComprehensiveComponentDoc_dos__k3QWR{padding:1.5rem;background:var(--semantic-color-background-success-subtle);border:1px solid var(--semantic-color-border-success);border-radius:.5rem}.ComprehensiveComponentDoc_usageContent__8s4vE .ComprehensiveComponentDoc_dos__k3QWR h3{margin-top:0;color:var(--semantic-color-foreground-success)}.ComprehensiveComponentDoc_usageContent__8s4vE .ComprehensiveComponentDoc_dos__k3QWR ul{margin:0;padding-left:1.5rem}.ComprehensiveComponentDoc_usageContent__8s4vE .ComprehensiveComponentDoc_dos__k3QWR ul li{margin-bottom:.5rem;color:var(--semantic-color-foreground-success)}.ComprehensiveComponentDoc_usageContent__8s4vE .ComprehensiveComponentDoc_donts__b9uSK{padding:1.5rem;background:var(--semantic-color-background-danger-subtle);border:1px solid var(--semantic-color-border-danger);border-radius:.5rem}.ComprehensiveComponentDoc_usageContent__8s4vE .ComprehensiveComponentDoc_donts__b9uSK h3{margin-top:0;color:var(--semantic-color-foreground-danger)}.ComprehensiveComponentDoc_usageContent__8s4vE .ComprehensiveComponentDoc_donts__b9uSK ul{margin:0;padding-left:1.5rem}.ComprehensiveComponentDoc_usageContent__8s4vE .ComprehensiveComponentDoc_donts__b9uSK ul li{margin-bottom:.5rem;color:var(--semantic-color-foreground-danger)}.ComprehensiveComponentDoc_examplesContent__pQjUH .ComprehensiveComponentDoc_exampleGrid__FVcCf{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}@media(max-width:768px){.ComprehensiveComponentDoc_examplesContent__pQjUH .ComprehensiveComponentDoc_exampleGrid__FVcCf{grid-template-columns:1fr}}.ComprehensiveComponentDoc_examplesContent__pQjUH .ComprehensiveComponentDoc_example__ibE2m{overflow:hidden;border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem}.ComprehensiveComponentDoc_examplesContent__pQjUH .ComprehensiveComponentDoc_example__ibE2m h3{margin:0;padding:1rem;background:var(--semantic-color-background-secondary);border-bottom:1px solid var(--semantic-color-border-subtle)}.ComprehensiveComponentDoc_relatedGrid__q6088{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.ComprehensiveComponentDoc_relatedCard__lv3MK{display:block;padding:1.5rem;border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;color:inherit;text-decoration:none;transition:all .2s ease}.ComprehensiveComponentDoc_relatedCard__lv3MK:hover{background:var(--semantic-color-background-hover);border-color:var(--semantic-color-foreground-accent);transform:translateY(-2px)}.ComprehensiveComponentDoc_relatedCard__lv3MK p{margin:0 0 .75rem;color:var(--semantic-color-foreground-secondary);font-size:.875rem;line-height:1.4}.ComprehensiveComponentDoc_relatedCard__lv3MK .ComprehensiveComponentDoc_relatedMeta__hLYbK{color:var(--semantic-color-foreground-tertiary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}