/* Lesson 1.3.5 — readable, theme-aware diagrams on desktop and mobile. */
.lesson-135-figure{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;}
.lesson-135-figure svg{display:block;width:100%;height:auto;min-width:820px;}
.lesson-135-figure .d135-bg{fill:var(--lds-surface,#101d34);stroke:var(--lds-line,#30415d);stroke-width:1.5;}
.lesson-135-figure .d135-card{fill:color-mix(in srgb,var(--lds-surface,#111d33) 88%,var(--lds-accent,#79b5ff) 12%);stroke:var(--lds-line,#30415d);stroke-width:1.5;}
 .lesson-135-figure .d135-title{fill:var(--lds-ink,#edf3ff);font:700 15px system-ui,sans-serif;}
.lesson-135-figure .d135-flow-title{font-size:19px;}
.lesson-135-figure .d135-step-title{fill:var(--lds-ink,#edf3ff);font:750 16px system-ui,sans-serif;}
.lesson-135-figure .d135-step-caption{fill:var(--lds-muted,#b7c5dc);font:13px system-ui,sans-serif;}
.lesson-135-figure .d135-muted{fill:var(--lds-muted,#b7c5dc);font:12px system-ui,sans-serif;}
.lesson-135-figure .d135-axis{fill:none;stroke:var(--lds-muted,#b7c5dc);stroke-width:1.8;}
.lesson-135-figure .d135-arrow{fill:none;stroke:var(--lds-accent,#79b5ff);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.lesson-135-figure .d135-loop{fill:none;stroke:var(--lds-accent,#79b5ff);stroke-width:1.8;stroke-dasharray:6 5;opacity:.8;}
 .lesson-135-figure .d135-step{fill:#1768bd;stroke:#a9d4ff;stroke-width:2.2;}
 .lesson-135-figure .d135-step-number{fill:#fff;font:900 20px system-ui,sans-serif;paint-order:stroke;stroke:#124d8c;stroke-width:.35px;}
.lesson-135-figure .d135-dot{stroke:var(--lds-surface,#111d33);stroke-width:1.3;}
.lesson-135-figure .d135-dot.blue{fill:#438fe8;}.lesson-135-figure .d135-dot.purple{fill:#9b7be8;}.lesson-135-figure .d135-dot.teal{fill:#20a995;}.lesson-135-figure .d135-dot.noise{fill:#8996a8;}
.lesson-135-figure .d135-region{stroke-width:2;stroke-dasharray:6 4;}
.lesson-135-figure .blue-region{fill:rgba(67,143,232,.13);stroke:#438fe8;}
.lesson-135-figure .purple-region{fill:rgba(155,123,232,.13);stroke:#9b7be8;}
.lesson-135-figure .teal-region{fill:rgba(32,169,149,.13);stroke:#20a995;}
.lesson-135-figure .d135-projection-line{stroke:var(--lds-muted,#b7c5dc);stroke-width:1.2;stroke-dasharray:4 4;opacity:.55;}
.lesson-135-figure .d135-component{fill:none;stroke:#20a995;stroke-width:4;stroke-linecap:round;}
.lesson-135-figure .d135-component-secondary{fill:none;stroke:#9b7be8;stroke-width:3;stroke-linecap:round;}
.lesson-135-figure .d135-accent{fill:var(--lds-accent,#79b5ff);font:700 13px system-ui,sans-serif;}
html[data-theme="light"] .lesson-135-figure .d135-dot{stroke:#fff;}
html[data-theme="light"] .lesson-135-figure .d135-step-number{fill:#fff;}
@media(max-width:560px){.lesson-135-figure{padding:12px!important;}.lesson-135-figure svg{width:960px;max-width:none;}}
