._pageLayout_12soh_1{display:flex;align-items:flex-start;gap:var(--sizing-8)}._pageContent_12soh_7{flex:1 1 auto;max-width:980px}._matrixGrid_12soh_12{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sizing-4)}._matrixCell_12soh_18{padding:var(--sizing-4);background:var(--st-color-background-neutral-elements);border:1px solid var(--st-color-border-neutral-default);border-radius:var(--border-radius-2)}._sectionTitle_12soh_25{font-size:var(--font-size-lg);margin:0 0 var(--sizing-3) 0}._descriptionMuted_12soh_30{color:var(--st-color-text-muted)}._specCard_12soh_34{background:var(--st-color-background-surface);border:1px solid var(--st-color-border-neutral-default);padding:var(--sizing-4);border-radius:var(--border-radius-1)}._demoContainer_12soh_41{display:flex;gap:var(--sizing-4);align-items:center;flex-wrap:wrap}._demoButtonGroup_12soh_48{display:flex;gap:var(--sizing-3)}._centered_12soh_53{display:flex;align-items:center;justify-content:center}._container_12soh_58{max-width:1200px;margin:0 auto;padding:var(--spacing-8);font-family:var(--typography-family-base)}._header_12soh_65{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._header_12soh_65 h1{font:var(--font-heading-h1);color:var(--st-color-text-neutral-heading);margin:0 0 var(--spacing-2) 0}._subtitle_12soh_77{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-support);margin:0}._subtitle_12soh_77 code{background:var(--st-color-background-neutral-state-hovered);padding:var(--spacing-0-5) var(--spacing-1);border-radius:var(--border-radius-100);font-family:monospace;color:var(--st-color-text-brand-body)}._section_12soh_25{margin-bottom:var(--spacing-12)}._sectionTitle_12soh_25{font:var(--font-heading-h2);color:var(--st-color-text-neutral-heading);margin:0 0 var(--spacing-4) 0}._sectionNote_12soh_102{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-support);margin:0 0 var(--spacing-4) 0;padding:var(--spacing-3) var(--spacing-4);background:var(--st-color-background-neutral-section);border-radius:var(--border-radius-100)}._testCase_12soh_112{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--st-color-background-neutral-elements);border:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);border-radius:var(--border-radius-100)}._testHeader_12soh_120{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default)}._testId_12soh_129{font:var(--font-body-sm-bold);color:var(--st-color-text-brand-heading);background:var(--st-color-background-brand-state-default-inverse);padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--border-radius-100)}._testLabel_12soh_137{font:var(--font-body-md-bold);color:var(--st-color-text-neutral-heading);flex:1}._badge_12soh_143{font:var(--font-body-xs-bold);text-transform:uppercase;padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--border-radius-full);background:var(--st-color-background-feedback-success-state-default-inverse);color:var(--st-color-text-feedback-success-state-default)}._badgeBlock_12soh_152{background:var(--st-color-background-feedback-danger-state-default-inverse);color:var(--st-color-text-feedback-danger-state-default)}._badgeClarify_12soh_157{background:var(--st-color-background-feedback-info-state-default-inverse);color:var(--st-color-text-feedback-info-state-default)}._testContent_12soh_162{padding:var(--spacing-2) 0}._note_12soh_166{font:var(--font-body-sm-regular);color:var(--st-color-text-neutral-support);margin:var(--spacing-2) 0 0 0;font-style:italic}._validation_12soh_173{font:var(--font-body-md-regular);color:var(--st-color-text-neutral-body);margin:var(--spacing-1) 0}._validation_12soh_173 code{background:var(--st-color-background-neutral-state-hovered);padding:var(--spacing-0-5) var(--spacing-1);border-radius:var(--border-radius-100);font-family:monospace;font-size:.9em;color:var(--st-color-text-brand-body)}._example_12soh_188{margin-top:var(--spacing-3);padding:var(--spacing-6) var(--spacing-4);background:var(--st-color-background-neutral-section);border-radius:var(--border-radius-100);display:flex;gap:var(--spacing-6);flex-wrap:wrap;align-items:center;justify-content:center}._orientationGrid_12soh_201{margin-top:var(--spacing-3);padding:var(--spacing-8) var(--spacing-4);background:var(--st-color-background-neutral-section);border-radius:var(--border-radius-100);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);justify-items:center;align-items:center}._orientationCell_12soh_213{display:flex;align-items:center;justify-content:center;min-height:var(--sizing-16)}._matrix_12soh_12{margin-top:var(--spacing-4)}._matrixTitle_12soh_225{font:var(--font-heading-h4);color:var(--st-color-text-neutral-heading);margin:var(--spacing-4) 0 var(--spacing-2) 0}._matrixRow_12soh_231{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-4);padding:var(--spacing-6) var(--spacing-4);background:var(--st-color-background-neutral-section);border-radius:var(--border-radius-100);flex-wrap:wrap;align-items:center;justify-content:center}._matrixItem_12soh_243{padding:var(--spacing-2);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}._matrixLabel_12soh_251{font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-support);text-transform:uppercase}._statesGrid_12soh_258{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);margin-top:var(--spacing-4)}._stateItem_12soh_265{padding:var(--spacing-6) var(--spacing-4);background:var(--st-color-background-neutral-section);border-radius:var(--border-radius-100);display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center}._stateLabel_12soh_275{font:var(--font-body-sm-bold);color:var(--st-color-text-neutral-support);text-transform:uppercase}._footer_12soh_282{margin-top:var(--spacing-12);padding-top:var(--spacing-6);border-top:var(--stroke-width-sm) solid var(--st-color-border-neutral-state-default);text-align:center}._footer_12soh_282 p{font:var(--font-body-md-bold);color:var(--st-color-text-feedback-success-state-default);margin:var(--spacing-2) 0}@media (max-width: 768px){._container_12soh_58{padding:var(--spacing-4)}._orientationGrid_12soh_201,._statesGrid_12soh_258{grid-template-columns:1fr}._matrixRow_12soh_231{flex-direction:column}._testHeader_12soh_120{flex-wrap:wrap}}