[data-learn-tone] { --topic-accent:var(--blue); --topic-soft:color-mix(in srgb,var(--topic-accent) 10%,var(--panel)); }
[data-learn-tone="amber"] { --topic-accent:var(--accent); }
[data-learn-tone="green"] { --topic-accent:var(--green); }
[data-learn-tone="rose"] { --topic-accent:var(--red); }
.topic-icon { display:inline-block; width:26px; height:26px; flex:none; vertical-align:middle; fill:none; stroke:var(--topic-accent,var(--blue)); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.lesson-crumb { display:flex; align-items:center; gap:.7rem; line-height:1.5; }
.lesson[data-learn-tone] .lesson-head { border-top:3px solid var(--topic-accent); padding-top:1.4rem; }
.lesson[data-learn-tone] .outcomes { border-left:3px solid var(--topic-accent); padding:.8rem 1rem; background:var(--topic-soft); border-radius:0 .5rem .5rem 0; }
.micro-label { display:inline-flex; align-items:center; min-height:28px; padding:.2rem .65rem; border-radius:1rem; background:var(--topic-soft); color:var(--fg); font:600 .8rem var(--sans); }
.depth-routes [data-learn-tone] a { border-top:3px solid var(--topic-accent); }
.depth-routes [data-learn-tone] svg { stroke:var(--topic-accent); }
.depth-routes [data-learn-tone] a:hover { border-color:var(--topic-accent); }
.micro-brief { color:var(--dim); font-size:.95rem; }
.micro-takeaway { border-left:3px solid var(--topic-accent); padding:1rem; background:var(--topic-soft); border-radius:0 .4rem .4rem 0; }
.lesson-micro .lesson-body h2 { font-size:1.25rem; }
.lesson-micro .quiz-position { display:none; }
.lesson-micro .picture { max-width:24rem; }
.lesson-micro .picture svg text { font:18px var(--sans); }
.lesson-micro .picture svg .node-hi { fill:var(--topic-soft); stroke:var(--topic-accent); stroke-width:1.7; }
.lesson-micro .picture svg .hi { stroke:var(--topic-accent); }
.lesson-micro .picture-frame { border-radius:.6rem; padding:.35rem; }
.micro-parent { margin:1rem 0; padding:.75rem 1rem; background:var(--topic-soft); border-radius:.4rem; }
.micro-parent a { min-height:44px; display:inline-flex; align-items:center; }
.path-unit[data-learn-tone] .path-num { display:flex; align-items:center; justify-content:center; width:2.4rem; height:2.4rem; background:var(--topic-soft); border-radius:.5rem; }
.path-unit[data-learn-tone] > .path-unit-link { border-left:3px solid var(--topic-accent); padding-left:.7rem; }
.lesson-subsection { margin:.7rem 0; border:1px solid var(--line); border-radius:.5rem; padding:.4rem .8rem; }
.lesson-subsection > summary { cursor:pointer; min-height:48px; display:list-item; padding:.65rem 0; font:600 1rem var(--sans); color:var(--fg); }
.lesson-subsection > summary span { font-weight:400; color:var(--dim); margin-left:.5rem; font-size:.85rem; }
.lesson-subsection > ol { margin:0; }
.topic-lessons { border:1px solid var(--line); border-radius:.5rem; padding:.6rem 1rem; }
.topic-lessons > summary { min-height:48px; padding:.6rem 0; cursor:pointer; font-weight:600; color:var(--fg); }
.topic-lessons > ol { margin-top:1rem; }
.quiz-update-note { padding:.8rem 1rem; border-left:3px solid var(--topic-accent,var(--blue)); background:var(--topic-soft,var(--cyan-soft)); }
.lesson-subsection .path-lesson .lesson-list-title::before { content:none; }
.lesson-list .micro-section-label { font:600 1rem var(--sans); margin:1.2rem 0 .4rem; }
.lesson-list .path-lesson > a { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.4rem .8rem; }
.lesson-list .path-lesson > a .lesson-list-title,.lesson-list .path-lesson > a .lesson-list-blurb { grid-column:1; }
.lesson-list .path-lesson > a .path-time { grid-column:2; grid-row:1; }
.lesson-list .path-lesson .lesson-list-title::before { content:none; }
@media(max-width:420px){.lesson-micro .lesson-head h1{font-size:1.9rem;}.lesson-subsection{padding:.3rem .6rem;}.lesson-crumb{font-size:.75rem;}}
@media print { .lesson[data-learn-tone] .outcomes,.micro-takeaway { background:none; } }