.capture-workflow { margin-top: 36px; scroll-margin-top: 155px; }
#interface-console-enregistreur, #console-interface { scroll-margin-top: 155px; }
.capture-workflow > h3 { margin: 0 0 18px; font-size: clamp(24px, 3vw, 34px); }
.capture-workflow > h4 { margin: 30px 0 16px; font-size: 22px; }
.capture-workflow > p { color: #434958; }
.capture-routes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 24px 0; }
.capture-routes article { min-width: 0; padding: 24px; border-radius: 16px; background: #172130; color: #fff; }
.capture-routes h4 { color: #fff; margin: 0 0 18px; font-size: 21px; }
.capture-routes article > p { margin: 20px 0 0; color: #d5dfea; font-size: 15px; line-height: 1.7; }
.capture-route { list-style: none; margin: 0; padding: 0; }
.capture-route li { position: relative; padding: 12px 16px; border: 1px solid #647589; border-radius: 8px; color: #e8f6f0; background: #253449; font-size: 15px; }
.capture-route li + li { margin-top: 25px; }
.capture-route li + li::before { content: '↓'; position: absolute; left: 50%; top: -25px; line-height: 23px; color: #8be8bd; }
.capture-sources { margin: 24px 0; padding: 16px 20px; border: 1px solid #d3d9e4; border-radius: 12px; }
.capture-sources summary { cursor: pointer; font-weight: 700; }
.capture-sources p { margin: 16px 0 0; color: #434958; font-size: 14px; line-height: 1.7; }
@media (max-width: 700px) { .capture-routes { grid-template-columns: 1fr; } .capture-routes article { padding: 20px; } }