.article-learning-lab{--lesson-ink:#17231f;--lesson-muted:#526257;--lesson-line:#b5c5a5;box-sizing:border-box;border:1px solid var(--lesson-line);width:100%;min-width:0;color:var(--lesson-ink);overflow-wrap:anywhere;background:#f6f7f2;border-radius:6px 22px;margin:34px 0;padding:clamp(18px,4vw,32px);font-family:Congar Archivo,Arial,sans-serif}.article-learning-lab *,.article-learning-lab :before,.article-learning-lab :after{box-sizing:border-box;min-width:0}.article-learning-lab .learning-eyebrow{color:var(--lesson-muted);letter-spacing:.04em;margin:0 0 10px;font-size:11px}.article-learning-lab .learning-heading h2{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(23px,3vw,30px);font-weight:550;line-height:1.2}.article-learning-lab .learning-heading>p:last-child{max-width:60ch;color:var(--lesson-muted);margin:0;font-size:14px;line-height:1.7}.article-learning-lab .learning-scene{margin:28px 0 24px}.article-learning-lab .learning-feedback{border-top:1px solid var(--lesson-line);padding-top:18px}.article-learning-lab .learning-counter{color:var(--lesson-muted);font-size:11px;font-weight:600}.article-learning-lab .learning-feedback p{min-height:5.25em;margin:9px 0 20px;font-size:14px;line-height:1.75}.article-learning-lab .learning-controls{flex-wrap:wrap;gap:9px;display:flex}.article-learning-lab .learning-controls button{white-space:normal;overflow-wrap:anywhere;color:#fcfdf8;background:#263e33;border-color:#263e33;border-radius:6px;max-width:100%;height:auto;min-height:44px;padding:10px 15px;font-size:12px;line-height:1.5;transition:background-color .18s,color .18s,transform .18s}.article-learning-lab .learning-controls button[data-variant=outline]{color:#263e33;background:0 0}.article-learning-lab .learning-controls button:hover:not(:disabled){color:#17231f;background:#e0e6d4;transform:translateY(-2px)}.article-learning-lab .learning-controls button:active:not(:disabled){transform:translateY(0)}.article-learning-lab .learning-controls button:focus-visible{outline-offset:4px;outline:2px solid #345542}.article-learning-lab .learning-controls button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #b5c5a5}.article-learning-lab .learning-no-script{margin:16px 0 0;font-size:12px;line-height:1.6}.article-learning-lab .learning-scene-note{color:var(--lesson-muted);flex-wrap:wrap;justify-content:space-between;gap:6px;margin:16px 0 0;font-size:11px;line-height:1.6;display:flex}.article-learning-lab .learning-tree{grid-template-rows:repeat(3,62px);grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 0;display:grid;position:relative}.article-learning-lab .learning-tree-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.article-learning-lab .learning-tree-links path{fill:none;stroke:#a7b39c;stroke-width:1.5px;vector-effect:non-scaling-stroke}.article-learning-lab .learning-tree-mobile-path{display:none}.article-learning-lab .learning-tree-node{z-index:1;text-align:center;border:1px solid var(--lesson-line);background:#fcfdf8;border-radius:5px;place-content:center;justify-self:center;width:95%;max-width:110px;transition:background-color .26s,color .26s,transform .26s,border-color .26s;display:grid;position:relative}.article-learning-lab .learning-tree-node-0{grid-area:1/3}.article-learning-lab .learning-tree-node-1{grid-area:2/1/auto/3}.article-learning-lab .learning-tree-node-2{grid-area:2/4}.article-learning-lab .learning-tree-node-3{grid-area:3/3}.article-learning-lab .learning-tree-node-4{grid-area:3/5}.article-learning-lab .learning-tree-node strong{font-size:12px;font-weight:600}.article-learning-lab .learning-node-state{margin-top:3px;font-size:9px}.article-learning-lab .learning-node-order{border:1px solid var(--lesson-line);color:#263e33;background:#fcfdf8;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid;position:absolute;top:-10px;left:-6px}.article-learning-lab .learning-tree-node[data-state=visited]{background:#e0e6d4;border-color:#49634d}.article-learning-lab .learning-tree-node[data-state=active]{color:#fcfdf8;background:#263e33;border-color:#263e33;transform:translateY(-4px)}.article-learning-lab .learning-update-queue{border-bottom:1px dashed var(--lesson-line);color:var(--lesson-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:15px;padding:12px 0;font-size:11px;display:flex}.article-learning-lab .learning-update-queue strong{font-weight:500;transition:color .22s}.article-learning-lab .learning-update-queue[data-active=true] strong{color:#17231f}.article-learning-lab .learning-buffers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.article-learning-lab .learning-buffer{border:1px solid var(--lesson-line);text-align:center;background:#fcfdf8;border-radius:8px;flex-direction:column;align-items:center;padding:16px 10px;transition:background-color .3s,border-color .3s,transform .3s;display:flex}.article-learning-lab .learning-buffer h3,.article-learning-lab .learning-watcher-pipeline h3{margin:0 0 12px;font-size:11px;font-weight:500}.article-learning-lab .learning-buffer>span{color:var(--lesson-muted);font-size:10px;line-height:1.5}.article-learning-lab .learning-count{font-variant-numeric:tabular-nums;margin:0 0 10px;font-size:44px;font-weight:500;line-height:1;display:block}.article-learning-lab .learning-buffer-draft{border-style:dashed}.article-learning-lab .learning-buffer-draft[data-active=true]{background:#e0e6d4;border-color:#49634d;transform:translateY(-4px)}.article-learning-lab .learning-buffers[data-committed=true] .learning-buffer-current{background:#e0e6d4;border-color:#49634d}.article-learning-lab .learning-browser{border:1px solid var(--lesson-line);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:13px 16px;font-size:15px;transition:background-color .28s,color .28s;display:flex}.article-learning-lab .learning-browser-label{font-size:11px}.article-learning-lab .learning-browser[data-updated=true]{color:#fcfdf8;background:#263e33}.article-learning-lab .learning-array{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.article-learning-lab .learning-array-slot{text-align:center;flex-direction:column;gap:10px;padding:0;display:flex}.article-learning-lab .learning-array-index{color:var(--lesson-muted);font:11px ui-monospace,monospace}.article-learning-lab .learning-array-slot strong{background:#e0e6d4;border:1px solid #a7b39c;border-radius:5px;place-content:center;min-height:64px;padding:5px 2px;font:13px ui-monospace,monospace;transition:background-color .28s,border-radius .28s,transform .28s;display:grid}.article-learning-lab .learning-array-slot[data-mode=deleted] strong{color:var(--lesson-muted);background:0 0;border-style:dashed;border-radius:15px;font-size:10px;transform:translateY(4px)}.article-learning-lab .learning-array-slot[data-mode=undefined] strong{color:#fcfdf8;background:#263e33;font-size:10px}.article-learning-lab .learning-readouts{gap:0;margin:24px 0 0;display:grid}.article-learning-lab .learning-readouts>div{border-bottom:1px solid #d9e0d2;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding:9px 0;font:12px/1.6 ui-monospace,monospace;display:flex}.article-learning-lab .learning-readouts dd{margin:0;font-weight:600}.article-learning-lab .learning-file{align-items:center;gap:14px;margin-bottom:24px;display:flex}.article-learning-lab .learning-file-icon{border:1px solid #49634d;border-radius:3px 12px 3px 3px;flex-shrink:0;place-content:center;width:36px;height:46px;font:14px ui-monospace,monospace;display:grid}.article-learning-lab .learning-file>div{gap:5px;font-size:13px;display:grid}.article-learning-lab .learning-file>div>span{color:var(--lesson-muted);font-size:11px}.article-learning-lab .learning-watcher-pipeline{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:12px;display:grid}.article-learning-lab .learning-hints{padding:10px 0}.article-learning-lab .learning-hint-stack{height:60px;position:relative}.article-learning-lab .learning-hint{opacity:0;background:#e0e6d4;border:1px solid #a7b39c;border-radius:5px;place-content:center;min-height:38px;padding:4px;font-size:11px;transition:opacity .26s,transform .35s,background-color .26s;display:grid;position:absolute;top:3px;left:0;right:12px;transform:translateY(8px)}.article-learning-lab .learning-watcher-pipeline[data-step="1"] .learning-hint-first{opacity:1;transform:translateY(0)rotate(-3deg)}.article-learning-lab .learning-watcher-pipeline[data-step="1"] .learning-hint-second{opacity:1;background:#fcfdf8;transform:translate(6px,15px)rotate(3deg)}.article-learning-lab .learning-watcher-pipeline[data-step="2"] .learning-hint-first{opacity:1;transform:translateY(7px)}.article-learning-lab .learning-watcher-pipeline[data-step="2"] .learning-hint-second{opacity:0;transform:translateY(7px)scale(.94)}.article-learning-lab .learning-hints>p{color:var(--lesson-muted);margin:8px 0 0;font-size:10px;line-height:1.6}.article-learning-lab .learning-pipeline-arrow{color:#49634d}.article-learning-lab .learning-callback{text-align:center;background:#fcfdf8;border:1px solid #a7b39c;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:18px 9px;transition:background-color .3s,transform .3s;display:flex}.article-learning-lab .learning-callback h3{margin:0}.article-learning-lab .learning-callback>strong{font-size:17px;font-weight:550}.article-learning-lab .learning-callback>span{color:var(--lesson-muted);font-size:10px;line-height:1.6}.article-learning-lab .learning-callback[data-active=true]{background:#e0e6d4;transform:translateY(-4px)}@media (max-width:420px){.article-learning-lab .learning-tree{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 0}.article-learning-lab .learning-tree-node-0{grid-column:2}.article-learning-lab .learning-tree-node-1{grid-column:1}.article-learning-lab .learning-tree-node-2{grid-column:3}.article-learning-lab .learning-tree-node-3{grid-column:2}.article-learning-lab .learning-tree-node-4{grid-column:3}.article-learning-lab .learning-tree-desktop-path{display:none}.article-learning-lab .learning-tree-mobile-path{display:block}.article-learning-lab .learning-tree-node strong{font-size:12px}.article-learning-lab .learning-node-state{font-size:10px}.article-learning-lab .learning-watcher-pipeline{grid-template-columns:minmax(0,1fr);gap:6px}.article-learning-lab .learning-pipeline-arrow{justify-self:center;transform:rotate(90deg)}.article-learning-lab .learning-hint-stack{max-width:180px;margin:0 auto}.article-learning-lab .learning-hints{text-align:center}.article-learning-lab .learning-array-slot strong{font-size:12px}.article-learning-lab .learning-array-slot[data-mode=undefined] strong{word-break:break-all;font-size:9px}}@media (prefers-reduced-motion:reduce){.article-learning-lab *,.article-learning-lab :before,.article-learning-lab :after{transition:none!important;animation:none!important}}
.reading-thread{--reading-progress:0;z-index:2;pointer-events:none;background:#f6f7f2;height:14px;margin-block:-14px 24px;display:none;position:sticky;top:80px}.reading-thread[data-ready=true]{display:block}.reading-thread-line{inset-inline:0;background:#cbd4c4;height:1px;position:absolute;top:6px}.reading-thread-line>span{height:2px;transform:scaleX(var(--reading-progress));transform-origin:0;background:#536b48;display:block}.reading-thread-pen{inset-inline-start:calc(var(--reading-progress) * (100% - 18px));fill:#e0e6d4;stroke:#263e33;stroke-width:1.3px;width:18px;height:18px;position:absolute;top:-4px}@media (max-width:760px){.reading-thread{top:72px}}@media (prefers-reduced-motion:reduce){.reading-thread-pen{display:none}}@media print{.reading-thread{display:none!important}}