.omx-sc { padding-top: 36px; }
.omx-sc .container { min-width: 0; }
.omx-sc-nav { display: flex; flex-wrap: wrap; gap: 10px; padding-block: 0 24px; border-bottom: 1px solid var(--line); }
.omx-sc-nav a { padding: 10px 14px; border: 1px solid var(--line); font-size: 13px; color: var(--ink, #171b23); background: #fff; }
.omx-sc-nav a:hover, .omx-sc-nav a:focus-visible { border-color: var(--red); color: var(--red); }
.omx-sc-block { margin-top: 48px; scroll-margin-top: 110px; }
.omx-sc h2 { margin: 0 0 20px; font-size: clamp(24px, 3vw, 34px); line-height: 1.25; }
.omx-sc h3 { font-size: 20px; line-height: 1.4; margin: 24px 0 12px; }
.omx-sc p { line-height: 1.85; color: var(--muted); }
.omx-sc-designs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.omx-sc-design { border: 1px solid var(--line); min-width: 0; background: #fff; }
.omx-sc-design > a { display: block; background: #f3f4f5; }
.omx-sc-design img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: contain; }
.omx-sc-design > div { padding: 24px; }
.omx-sc-design h3 { margin-top: 0; }
.omx-sc-design p { margin-bottom: 0; }
.omx-sc-selection { border-inline-start: 3px solid var(--red); padding: 8px 24px; margin-top: 24px; background: #f7f8f9; }
.omx-sc-selection p { margin: 8px 0; }
.omx-sc-table { max-width: 100%; overflow-x: auto; margin-top: 24px; border: 1px solid var(--line); }
.omx-sc-table:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.omx-sc table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 14px; }
.omx-sc caption { text-align: start; padding: 14px 16px; background: #f4f5f7; font-weight: 700; }
.omx-sc th, .omx-sc td { padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: start; vertical-align: top; }
.omx-sc thead th { background: #202630; color: #fff; width: 25%; }
.omx-sc tbody th { font-weight: 600; background: #f7f8f9; }
.omx-sc tbody tr:last-child > * { border-bottom: 0; }
.omx-sc-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.omx-sc-gallery figure { margin: 0; border: 1px solid var(--line); min-width: 0; }
.omx-sc-gallery a { display: block; background: #f3f4f5; }
.omx-sc-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: contain; }
.omx-sc-gallery figcaption { padding: 16px; font-size: 13px; line-height: 1.7; color: var(--muted); }
.omx-sc-supply { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.omx-sc-supply > div { padding: 20px; background: #f5f6f8; }
.omx-sc-supply dt { font-size: 13px; margin-bottom: 10px; color: var(--muted); }
.omx-sc-supply dd { margin: 0; line-height: 1.6; font-weight: 600; }
.omx-sc-quote { padding: 24px; margin-top: 24px; border: 1px solid var(--line); }
.omx-sc-quote p { margin-top: 0; }
.omx-sc .button { white-space: normal; text-align: center; }
@media(max-width: 900px) { .omx-sc-supply { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width: 620px) { .omx-sc-designs, .omx-sc-gallery, .omx-sc-supply { grid-template-columns: 1fr; } .omx-sc-block { margin-top: 36px; } .omx-sc-design > div, .omx-sc-quote { padding: 20px; } .omx-sc-nav a { width: 100%; } }