/* A code-native explanation of the WMS workflow, using the shared ecolix design. */
.wms-feature { scroll-margin-top: 100px; }
.wms-feature-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.wms-feature-copy p { max-width: 520px; margin-bottom: 24px; }
.wms-workflow { margin: 0; padding: 30px 32px 26px; border: 1px solid #d7e6e7; border-radius: 10px; background: linear-gradient(135deg, #eef8f8, #f6f9f0); }
.wms-workflow figcaption { padding-bottom: 23px; border-bottom: 1px solid #d1e2e4; }
.wms-workflow figcaption > span { display: block; margin-bottom: 6px; color: var(--color-primary-start); font-size: 14px; font-weight: 600; }
.wms-workflow h3 { margin: 0; font-size: clamp(1.35rem, 2vw, 1.65rem); line-height: 1.25; }
.wms-workflow ol { list-style: none; margin: 26px 0; display: grid; gap: 28px; }
.wms-workflow li { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 20px; align-items: start; }
.wms-workflow li:not(:last-child)::after { content: ''; position: absolute; top: 47px; bottom: -21px; left: 20px; width: 1px; background: #accdd0; }
.wms-workflow-icon { display: block; width: 42px; height: 42px; fill: none; stroke: var(--color-primary-start); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.wms-workflow h4 { margin: 0 0 5px; font-size: 18px; line-height: 1.35; letter-spacing: -.015em; }
.wms-workflow li p { margin: 0; color: var(--color-text-muted); font-size: 15px; line-height: 1.55; max-width: 32ch; }
.wms-workflow-result { display: flex; align-items: center; gap: 12px; border-top: 1px solid #d1e2e4; padding-top: 18px; color: var(--color-primary-start); }
.wms-workflow-result svg { flex: 0 0 22px; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.wms-workflow-result p { margin: 0; color: inherit; font-size: 15px; font-weight: 500; }
@media (max-width: 960px) { .wms-feature-grid { gap: 32px; } .wms-workflow { padding: 25px; } }
@media (max-width: 760px) {
    .wms-feature-grid { grid-template-columns: minmax(0, 1fr); }
    .wms-workflow { padding: 24px 20px; }
    .wms-workflow li { gap: 16px; }
    .wms-workflow h4 { font-size: 17px; }
    .wms-workflow li p { font-size: 14px; }
}