/* Shared presentation for the four EV Learning Hub P0 lessons; article nav uses ev-lesson-nav.css. */
.ev-lesson-article{--ev-lesson-border:#d9e5ef;--ev-lesson-surface:#f0f6fb;--ev-lesson-deep:#17334d;--ev-lesson-text:#334b60;--ev-lesson-accent:#1462a2;}
:root[data-theme="dark"] .ev-lesson-article{--ev-lesson-border:#35536c;--ev-lesson-surface:#172b3f;--ev-lesson-deep:#e6f4ff;--ev-lesson-text:#c5d7e7;--ev-lesson-accent:#a3d9ff;}
.ev-lesson-article .ev-step-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 10px;max-width:100%}
.ev-lesson-article .ev-flow-unit{position:relative;min-width:0;border:1px solid var(--ev-lesson-border);background:var(--ev-lesson-surface);border-radius:12px;padding:14px 12px;color:var(--ev-lesson-deep);text-align:center;}
.ev-lesson-article .ev-flow-unit strong{display:block;line-height:1.3;font-size:.93rem;margin:4px 0}
.ev-lesson-article .ev-flow-unit span{font-size:.72rem;color:var(--ev-lesson-text);line-height:1.35;display:block}
.ev-lesson-article .ev-flow-unit:not(:last-child)::after{content:"→";position:absolute;right:-11px;top:40%;font-weight:900;color:var(--ev-lesson-accent);z-index:1}
.ev-lesson-article .ev-flow-caption{font-size:.79rem;color:var(--ev-lesson-text);line-height:1.5;margin:10px 0 20px}
.ev-lesson-article .ev-comparison-table{width:100%;border-collapse:collapse;min-width:610px;font-size:.88rem;line-height:1.55}
.ev-lesson-article .ev-comparison-table th,.ev-lesson-article .ev-comparison-table td{border:1px solid var(--ev-lesson-border);padding:10px 12px;text-align:start;vertical-align:top}
.ev-lesson-article .ev-comparison-table th{background:var(--ev-lesson-surface);color:var(--ev-lesson-deep)}
.ev-lesson-article .table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ev-lesson-article .ev-key-points{padding:15px 19px;border:1px solid var(--ev-lesson-border);border-inline-start:4px solid var(--ev-lesson-accent);border-radius:11px;background:var(--ev-lesson-surface);margin:16px 0 24px}
.ev-lesson-article .ev-key-points p{margin:0 0 6px;color:var(--ev-lesson-deep)}
.ev-lesson-article .ev-key-points ul{margin:4px 0 0;padding-inline-start:20px}
.ev-lesson-article .ev-key-points li{margin:4px 0}
.ev-lesson-article :is(h2,h3){scroll-margin-top:95px}
.ev-lesson-article .ev-topic-links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.ev-lesson-article .ev-topic-links a{display:inline-flex;padding:8px 11px;border:1px solid var(--ev-lesson-border);border-radius:9px;text-decoration:none;color:var(--ev-lesson-accent);font-size:.86rem}
.ev-lesson-article .ev-topic-links a:hover,.ev-lesson-article .ev-topic-links a:focus-visible{background:var(--ev-lesson-surface);text-decoration:underline}
.ev-lesson-article .ev-note{font-size:.83rem;color:var(--ev-lesson-text);margin:9px 0}
@media(max-width:850px){.ev-lesson-article .ev-step-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.ev-lesson-article .ev-flow-unit::after{display:none}}
@media(max-width:430px){.ev-lesson-article .ev-step-flow{grid-template-columns:1fr}.ev-lesson-article .ev-flow-unit{text-align:start;padding:12px}.ev-lesson-article .ev-comparison-table{font-size:.81rem}}

/* Step 6: editorial imagery + accessible technical diagrams. */
.ev-lesson-article .ev-tech-figure{margin:18px 0 25px;max-width:100%;min-width:0;background:var(--ev-lesson-surface);border:1px solid var(--ev-lesson-border);padding:12px;border-radius:15px;overflow:hidden}
.ev-lesson-article .ev-tech-figure a{display:block;max-width:100%;border-radius:10px;overflow:hidden;outline-offset:3px}
.ev-lesson-article .ev-tech-figure img{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px;background:#f2f6fa}
.ev-lesson-article .ev-tech-figure figcaption{font-size:.8rem;line-height:1.55;color:var(--ev-lesson-text);margin:11px 4px 1px}
.ev-lesson-article .ev-tech-figure figcaption strong{color:var(--ev-lesson-deep)}
.ev-lesson-article .ev-visual-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0 11px;min-width:0;max-width:100%}
.ev-lesson-article .ev-visual-comparison > div{min-width:0;border:1px solid var(--ev-lesson-border);background:var(--ev-lesson-surface);border-radius:12px;padding:13px}
.ev-lesson-article .ev-visual-comparison strong{display:block;color:var(--ev-lesson-deep);font-size:.96rem;line-height:1.3;margin:0 0 7px}
.ev-lesson-article .ev-visual-comparison .ev-stage{display:block;color:var(--ev-lesson-text);font-size:.82rem;line-height:1.45;margin:9px 0}
.ev-lesson-article .ev-visual-comparison .ev-stage + .ev-stage::before{content:"↓";display:block;font-weight:900;color:var(--ev-lesson-accent);margin:2px 0;text-align:center}
.ev-lesson-article .ev-visual-comparison .ev-stage:last-child{font-weight:700;color:var(--ev-lesson-deep)}
.ev-lesson-article .ev-process-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:18px 0 10px;max-width:100%}
.ev-lesson-article .ev-process-pair > div{background:var(--ev-lesson-surface);border:1px solid var(--ev-lesson-border);border-radius:13px;padding:16px;min-width:0}
.ev-lesson-article .ev-process-pair strong{display:block;color:var(--ev-lesson-deep);font-weight:800;font-size:.98rem;line-height:1.3;margin-bottom:8px}
.ev-lesson-article .ev-process-pair .ev-process-flow{font-size:.84rem;font-weight:700;color:var(--ev-lesson-accent);line-height:1.7}
.ev-lesson-article .ev-process-pair p{color:var(--ev-lesson-text);font-size:.85rem;line-height:1.55;margin:10px 0 0}
.ev-lesson-article .ev-technical-caption{font-size:.8rem;color:var(--ev-lesson-text);margin:2px 0 21px;line-height:1.6}
@media(max-width:710px){.ev-lesson-article .ev-visual-comparison{grid-template-columns:1fr}.ev-lesson-article .ev-process-pair{grid-template-columns:1fr}}