/* Compact main lessons: readable traces, equations, and responsive diagrams. */
.vl-lesson{margin:2rem 0 3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}
.vl-lesson>h2{max-width:32ch}.vl-lesson>p{max-width:75ch}
.vl-figure{margin:24px 0;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.vl-figure figcaption{font-weight:600;color:var(--heading);margin-bottom:18px;line-height:1.5}
.vl-trace{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:12px;margin-top:12px}.vl-trace>b{font-size:.85rem;color:var(--muted);overflow-wrap:anywhere}
.vl-cards{display:grid;grid-template-columns:repeat(var(--row-columns),minmax(0,1fr));gap:6px;min-width:0}.vl-cards>span{flex:1;min-width:35px;text-align:center;padding:12px 5px;border:1px solid var(--border-strong);border-radius:7px;background:var(--bg-soft);color:var(--heading);font:500 1rem var(--font-mono);overflow-wrap:anywhere}
.vl-flow{display:flex;gap:20px;list-style:none;padding:0!important;margin:0!important;align-items:stretch;flex-wrap:wrap}.vl-flow>li{position:relative;flex:1;min-width:95px;padding:16px!important;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);text-align:center;margin:0!important;color:var(--heading);overflow-wrap:anywhere}.vl-flow>li:not(:last-child):after{content:'→';position:absolute;right:-18px;top:40%;color:var(--accent)}.vl-flow small{display:block;color:var(--muted);margin-top:8px;line-height:1.5}
.vl-equation{padding:22px;margin:22px 0;background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:0 10px 10px 0}.vl-equation>span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:12px}.vl-equation>strong{display:block;font:400 clamp(1.2rem,2.5vw,1.9rem)/1.5 Georgia,serif;color:var(--heading);overflow-wrap:anywhere}.vl-equation>p{font-size:.9rem;margin:12px 0 0}
.vl-table{max-width:100%;overflow-x:auto;margin:22px 0}.vl-table table{width:100%;min-width:0;table-layout:fixed;margin:0}.vl-table th,.vl-table td{white-space:normal;overflow-wrap:anywhere;text-align:left;padding:12px;vertical-align:top}.vl-table code{white-space:normal}
.vl-task{margin:18px 0;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.vl-task h3{margin-top:0}.vl-task p{overflow-wrap:anywhere}.vl-reference{font-size:.9rem;color:var(--muted)}
@media(max-width:600px){.vl-lesson{margin:1.5rem 0;padding-bottom:1.5rem}.vl-figure{padding:12px}.vl-trace{grid-template-columns:1fr;gap:6px;margin-top:16px}.vl-cards{gap:3px}.vl-cards>span{font-size:.78rem;min-width:22px;padding:10px 2px}.vl-flow{flex-direction:column;gap:24px}.vl-flow>li:not(:last-child):after{content:'↓';top:auto;bottom:-25px;right:calc(50% - 6px)}.vl-table th,.vl-table td{font-size:.82rem;padding:8px 5px}.vl-equation{padding:16px}.vl-task{padding:14px}}
@media print{.vl-figure,.vl-equation,.vl-task{break-inside:avoid}.vl-cards>span{color:#111;border-color:#888}}
.vl-figure[style] .vl-cards{display:grid;grid-template-columns:repeat(var(--trace-columns),minmax(0,1fr))}