.ComponentGuidePage_meta__KIoKL{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ComponentGuidePage_meta__KIoKL span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid rgb(var(--ig-separator));border-radius:var(--radius-pill);background:rgb(var(--ig-secondary-background));color:rgb(var(--ig-secondary-text));font-size:12px;font-weight:var(--fw-semibold)}.ComponentGuidePage_evidenceBadge__u_GD1[data-tier=documented]{background:rgba(var(--ig-success),.1);color:rgb(var(--ig-success));border-color:transparent}.ComponentGuidePage_evidenceBadge__u_GD1[data-tier=inferred]{background:color-mix(in srgb,var(--ig-stop-orange) 10%,transparent);color:var(--ig-stop-orange);border-color:transparent}.ComponentGuidePage_evidenceBadge__u_GD1[data-tier=none]{background:rgba(var(--ig-error),.1);color:rgb(var(--ig-error));border-color:transparent}.ComponentGuidePage_guidanceList__63uxR{display:grid;grid-gap:12px;gap:12px}.ComponentGuidePage_guidanceList__63uxR li{border-left:2px solid rgb(var(--ig-separator));padding-left:16px;color:rgb(var(--ig-primary-text));font-size:15px;line-height:1.65}.ComponentGuidePage_anatomyGrid__xGw0x{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.ComponentGuidePage_anatomyItem__oXlUJ{display:flex;gap:12px;min-height:74px;padding:16px;border:1px solid rgb(var(--ig-separator));border-radius:var(--radius-lg);background:rgb(var(--ig-secondary-background))}.ComponentGuidePage_anatomyItem__oXlUJ span{color:rgb(var(--ig-secondary-text));font-size:12px;font-weight:var(--fw-bold)}.ComponentGuidePage_anatomyItem__oXlUJ p{font-size:14.5px;line-height:1.45}.ComponentGuidePage_crossRefCard__tMYab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border:1px solid rgb(var(--ig-separator));border-radius:var(--radius-lg);background:rgb(var(--ig-secondary-background));transition:border-color .15s var(--ease-glide)}.ComponentGuidePage_crossRefCard__tMYab:hover{border-color:rgb(var(--ig-stroke))}.ComponentGuidePage_crossRefCard__tMYab strong{color:rgb(var(--ig-primary-text))}.ComponentGuidePage_analogWrap__80NK0{margin-top:14px}.ComponentGuidePage_analogLabel__HnChx{font-size:13.5px;color:rgb(var(--ig-secondary-text));margin-bottom:10px}.ComponentGuidePage_rationale__D9nMY{font-size:16px;line-height:1.75;color:rgb(var(--ig-primary-text));max-width:640px}.ComponentGuidePage_usageSplit__hmXmJ{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.ComponentGuidePage_usageCol__b4Jet{padding:18px 20px;border-radius:var(--radius-lg);font-size:14.5px;line-height:1.6}.ComponentGuidePage_usageCol__b4Jet[data-kind=use]{background:rgba(var(--ig-success),.06);border:1px solid rgb(var(--ig-separator))}.ComponentGuidePage_usageCol__b4Jet[data-kind=avoid]{background:rgba(var(--ig-error),.05);border:1px solid rgb(var(--ig-separator))}.ComponentGuidePage_usageLabel__NXH4D{font-size:12px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;color:rgb(var(--ig-secondary-text))}.ComponentGuidePage_usageCol__b4Jet p{margin:0}.ComponentGuidePage_specSheet__Ymt2_{display:grid;grid-gap:1px;gap:1px;border:1px solid rgb(var(--ig-separator));border-radius:var(--radius-lg);overflow:hidden;background:rgb(var(--ig-separator))}.ComponentGuidePage_specRow__Nismo{display:grid;grid-template-columns:140px 1fr;grid-gap:16px;gap:16px;padding:12px 16px;background:rgb(var(--ig-elevated-background))}.ComponentGuidePage_specRow__Nismo dt{font-size:12.5px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--ig-tertiary-text))}.ComponentGuidePage_specRow__Nismo dd{font-size:14px;font-family:var(--font-mono);color:rgb(var(--ig-primary-text));line-height:1.5}.ComponentGuidePage_statesTable__IqrlR{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgb(var(--ig-separator));border-radius:var(--radius-lg);overflow:hidden;background:rgb(var(--ig-elevated-background))}.ComponentGuidePage_statesTable__IqrlR td,.ComponentGuidePage_statesTable__IqrlR th{text-align:left;vertical-align:top;border-bottom:1px solid rgb(var(--ig-separator))}.ComponentGuidePage_statesTable__IqrlR thead th{padding:10px 16px;background:rgb(var(--ig-secondary-background));color:rgb(var(--ig-tertiary-text));font-size:12px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em}.ComponentGuidePage_stateRow__0GbwT{background:rgb(var(--ig-elevated-background))}.ComponentGuidePage_stateName__9hOjV{width:110px;padding:12px 16px;font-size:13px;font-weight:var(--fw-bold);color:rgb(var(--ig-stop-magenta))}.ComponentGuidePage_stateDesc__AOqB5{padding:12px 16px;font-size:14px;line-height:1.55;color:rgb(var(--ig-primary-text))}.ComponentGuidePage_statesTable__IqrlR tbody tr:last-child td,.ComponentGuidePage_statesTable__IqrlR tbody tr:last-child th{border-bottom:0}.ComponentGuidePage_exampleGrid__AYAps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.ComponentGuidePage_exampleCard__K_gyy{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid rgb(var(--ig-separator));border-radius:var(--radius-lg);background:rgb(var(--ig-elevated-background))}.ComponentGuidePage_exampleCard__K_gyy h3{font-size:16px;line-height:1.3}.ComponentGuidePage_exampleCard__K_gyy p{font-size:14.5px;line-height:1.6;color:rgb(var(--ig-primary-text))}.ComponentGuidePage_exampleContext__joM3M{color:rgb(var(--ig-stop-magenta))!important;font-size:12px!important;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase}.ComponentGuidePage_exampleTokens__LTnVf{margin-top:auto;padding-top:10px;border-top:1px solid rgb(var(--ig-separator));color:rgb(var(--ig-secondary-text))!important;font-family:var(--font-mono);font-size:12.5px!important}@media (max-width:640px){.ComponentGuidePage_anatomyGrid__xGw0x,.ComponentGuidePage_usageSplit__hmXmJ{grid-template-columns:1fr}.ComponentGuidePage_statesTable__IqrlR thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ComponentGuidePage_statesTable__IqrlR,.ComponentGuidePage_statesTable__IqrlR tbody,.ComponentGuidePage_statesTable__IqrlR td,.ComponentGuidePage_statesTable__IqrlR th,.ComponentGuidePage_statesTable__IqrlR tr{display:block;width:100%}.ComponentGuidePage_stateName__9hOjV{padding:12px 16px 2px}.ComponentGuidePage_stateDesc__AOqB5{padding:0 16px 12px}.ComponentGuidePage_specRow__Nismo{grid-template-columns:1fr;gap:4px}.ComponentGuidePage_exampleGrid__AYAps{grid-template-columns:1fr}}