:where(:root){--lesson-measure:65ch}:where([data-lesson-shell=article]){--lesson-top-position:fixed;--lesson-top-height:48px;--lesson-top-narrow-wrap:nowrap;--lesson-top-offset:48px;font-size:18px}:where([data-lesson-shell]) body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:where([data-lesson-shell]) main:focus{outline:none}:where([data-lesson-shell=article]) body{min-height:100vh;font-size:var(--text-base);line-height:var(--lh-base)}:where([data-lesson-shell=app]) body{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.lesson-skip{top:-100%;left:var(--space-4);z-index:100;background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius);font-size:var(--text-sm);padding:.5rem 1rem;text-decoration:none;position:absolute}.lesson-skip:focus{top:var(--space-4)}header.lesson-top{position:var(--lesson-top-position,static);z-index:20;height:var(--lesson-top-height,auto);gap:var(--space-3);padding:5px var(--space-4);background:var(--nav-bg);flex:none;align-items:center;display:flex;top:0;left:0;right:0}.lesson-back{color:var(--text-2);white-space:nowrap;flex:none;font-size:12.5px;text-decoration:none}.lesson-back:hover{color:var(--accent);text-decoration:underline}.lesson-back:before{content:"← "}.lesson-title{align-items:baseline;gap:0 var(--space-2);flex-wrap:wrap;flex:auto;min-width:0;display:flex}.lesson-title h1{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--accent);white-space:nowrap;margin:0;font-weight:700;line-height:1.3}.lesson-title .dek{color:var(--text-2);white-space:nowrap;margin:0;font-size:12px;line-height:1.3}.lesson-crumb{min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;gap:.45rem;display:flex;overflow:hidden}.lesson-crumb>*+:before{content:"·";opacity:.55;margin-right:.45rem}.lesson-crumb [aria-current]{color:var(--text-2)}.lesson-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:none;justify-content:flex-end;display:flex}.lesson-theme{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast), border-color var(--duration-fast);background:0 0;border:1px solid #0000;padding:.25rem;display:inline-flex}.lesson-theme:hover{color:var(--accent);border-color:var(--border)}.lesson-theme:before{content:"";background:currentColor;width:18px;height:18px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Cpath d='M12 2.5V5M12 19v2.5M2.5 12H5M19 12h2.5M5.2 5.2l1.7 1.7M17.1 17.1l1.7 1.7M5.2 18.8l1.7-1.7M17.1 6.9l1.7-1.7'/%3E%3C/svg%3E") 50%/contain no-repeat}:root[data-theme=dark] .lesson-theme:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M20 14.5A8 8 0 0 1 9.5 4a8.5 8.5 0 1 0 10.5 10.5Z'/%3E%3C/svg%3E")}footer.lesson-foot{gap:var(--space-4);padding:4px var(--space-4);border-top:1px solid var(--border);background:var(--nav-bg);color:var(--text-muted);flex-wrap:wrap;flex:none;font-size:11.5px;display:flex}.lesson-spacer{margin-left:auto}@media (width<=1024px){header.lesson-top{flex-wrap:var(--lesson-top-narrow-wrap,wrap);gap:var(--space-2) var(--space-3)}.lesson-title{flex-basis:12rem}.lesson-title .dek{white-space:normal}:where(:root:not([data-lesson-shell=article])) header.lesson-top{row-gap:calc(var(--space-2) / 2)}:where(:root:not([data-lesson-shell=article])) header.lesson-top:after{content:"";flex-basis:100%;order:-1}:where(:root:not([data-lesson-shell=article])) .lesson-actions{display:contents}:where(:root:not([data-lesson-shell=article])) :is(.lesson-back,.lesson-title,.lesson-crumb){order:-2}:where(:root:not([data-lesson-shell=article])) .lesson-theme{order:-1}}:where([data-lesson-shell=article]) header.lesson-top{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;display:grid}:where([data-lesson-shell=article]) .lesson-back{justify-self:start}:where([data-lesson-shell=article]) .lesson-actions{grid-column:-2/-1;justify-content:flex-end}@media (width<=720px){.lesson-crumb{display:none}:where([data-lesson-shell=article]) header.lesson-top{grid-template-columns:1fr auto}}.lesson-skip,header.lesson-top,.lesson-theme,.lesson-rail,.lesson-rail *,.lesson-split,.lesson-side{box-sizing:border-box}.lesson-rail{z-index:15;pointer-events:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:12px 10px;position:fixed;top:50%;left:1.25rem;transform:translateY(-50%);box-shadow:0 1px 3px #0000000f,0 6px 18px #0000000f}.lesson-rail:not(:has(a)){display:none}.lesson-rail ol{pointer-events:auto;margin:0;padding:0;list-style:none}.lesson-rail li{grid-template-columns:30px;align-items:center;column-gap:.6rem;display:grid}.lesson-rail li:not(:last-child):after{content:"";background:var(--border);width:2px;height:22px;transition:background var(--duration-base) var(--ease-out);grid-column:1;justify-self:center}.lesson-rail li.is-visited:after{background:var(--accent)}.lesson-rail a{border:2px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-2);font-family:var(--font-mono);transition:border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:500;line-height:1;text-decoration:none;display:flex}.lesson-rail a:hover{color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb, var(--border) 50%, transparent);transform:scale(1.08)}.lesson-rail li.is-visited a{color:var(--text);opacity:.72}.lesson-rail :is(li.is-visited a,a[aria-current]){border-color:var(--lever,var(--border))}.lesson-rail a[aria-current]{color:var(--accent-contrast);background:var(--lever,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb, var(--lever,var(--accent)) 22%, transparent);opacity:1;transform:scale(1.06)}.lesson-rail span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);padding-right:.25rem;display:none}.lesson-rail li.is-visited span{color:var(--text-2)}.lesson-rail li:has(a[aria-current]) span{color:var(--text)}.lesson-split{grid-template-columns:var(--lesson-split,minmax(0, 55fr) minmax(0, 45fr));gap:3rem;display:grid}:where([data-lesson-shell=article]) .lesson-split{max-width:1400px;padding:calc(var(--lesson-top-offset) + 1.5rem) 2rem 6rem;margin:0 auto}.lesson-flow{min-width:0}.lesson-side{min-width:0;top:var(--lesson-side-top,calc(var(--lesson-top-offset,0px) + 1.5rem));max-height:calc(100vh - var(--lesson-side-top,calc(var(--lesson-top-offset,0px) + 1.5rem)) - var(--lesson-side-bottom,1.5rem));scrollbar-width:thin;scrollbar-color:var(--border) transparent;align-self:start;padding-right:.25rem;position:sticky;overflow-y:auto}[data-lesson-unit]{scroll-margin-top:calc(var(--lesson-top-offset,0px) + 16px);padding:1.75rem 0 1rem}.lesson-head{margin-bottom:1.25rem}.lesson-n{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-weight:500}.lesson-h{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.015em;color:var(--text);margin:0 0 .4rem}.lesson-sub{max-width:var(--lesson-measure);font-size:var(--text-base);color:var(--text-muted);margin:0}.lesson-h a{color:inherit;text-decoration:none}.lesson-h a:hover,[data-lesson-unit]:target .lesson-h{color:var(--accent)}.lesson-h a:after{content:"#";content:"#" / "";color:var(--text-muted);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);margin-left:.35em;font-weight:400}.lesson-h a:is(:hover,:focus-visible):after{opacity:.7}@media (width<=720px){[data-lesson-unit]{padding:2.5rem 0 1.5rem}}@media (width<=1024px){.lesson-rail{display:none}.lesson-split{grid-template-columns:minmax(0,1fr);gap:0}:where([data-lesson-shell=article]) .lesson-split{padding:calc(var(--lesson-top-offset) + 1rem) 1.25rem 5rem}.lesson-side{display:none}}@media (width>=1025px){:where([data-lesson-shell=article]:has(.lesson-rail)) .lesson-split{padding-left:5.5rem}}@media (width>=1380px){.lesson-rail li{grid-template-columns:30px auto}.lesson-rail span{display:inline}:where([data-lesson-shell=article]:has(.lesson-rail)) .lesson-split{padding-left:15rem}}@media print{.lesson-rail,.lesson-skip,.lesson-theme{display:none}}:root,:root[data-theme=light]{--status-brand:#7b58cf}:root[data-theme=dark]{--status-brand:#a98ce0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--status-brand:#a98ce0}}@media print,(prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-slow:0s}}.lesson-body .prose{max-width:var(--lesson-measure)}.lesson-body .prose p{margin:0 0 1rem}.lesson-body .prose a,.lesson-body .callout a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-link);text-underline-offset:3px}.lesson-body .prose a:hover,.lesson-body .callout a:hover{text-decoration-color:var(--accent)}.lesson-body .prose code{font-family:var(--font-mono);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.1em .35em;font-size:.875em}.lesson-body .prose ul,.lesson-body .prose ol{margin:0 0 1rem;padding-left:1.3rem}.lesson-body .prose li{margin-bottom:.3rem}.lesson-body .prose h3{font-family:var(--font-display);margin:1.25rem 0 .4rem;font-size:1.25rem}.lesson-body .flow{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);white-space:pre-wrap;color:var(--text-2,var(--text));margin:1rem 0;padding:.95rem 1.1rem;font-size:.82rem;line-height:1.7;overflow-x:auto}.lesson-body .flow .turn{display:block}.lesson-body .flow .turn+.turn{margin-top:.6rem}.lesson-body .flow .h,.lesson-body .flow .g,.lesson-body .flow .o{text-transform:lowercase;letter-spacing:.02em;font-weight:600}.lesson-body .flow .h{color:var(--accent)}.lesson-body .flow .g{color:var(--callout-tip)}.lesson-body .flow .o{color:var(--callout-warning)}.lesson-body .flow code{font-family:var(--font-mono);background:color-mix(in srgb, var(--accent) 9%, var(--bg));border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));color:var(--accent);white-space:nowrap;border-radius:3px;padding:.08em .4em;font-size:.92em}.lesson-body mark.dv{color:inherit;background:0 0;border-radius:2px;padding:.05em .12em}.lesson-body mark.dv.hit{background:color-mix(in srgb, var(--accent) 16%, transparent);text-decoration:underline solid var(--accent);text-underline-offset:.22em;text-decoration-thickness:2px}.lesson-body mark.dv.miss{text-decoration:underline dashed var(--text-muted);text-underline-offset:.22em;text-decoration-thickness:1.5px}.lesson-body .dv-legend{font-family:var(--font-mono);font-size:var(--text-xs,.72rem);color:var(--text-muted);margin:.35rem 0 1.25rem}.lesson-body .callout{border-radius:var(--radius-md);border-inline-start:3px solid var(--border);background:var(--surface);margin:1.25rem 0;padding:.85rem 1rem .95rem}.lesson-body .callout-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.35rem}.lesson-body .callout p{margin:0 0 .5rem}.lesson-body .callout p:last-child{margin-bottom:0}.lesson-body .callout.insight{border-inline-start-color:var(--accent);background:var(--accent-subtle)}.lesson-body .callout.insight .callout-label{color:var(--accent)}.lesson-body .callout.tip{border-inline-start-color:var(--callout-tip);background:color-mix(in srgb, var(--callout-tip) 7%, transparent)}.lesson-body .callout.tip .callout-label{color:var(--callout-tip)}.lesson-body .callout .tip-tools{font-size:var(--text-sm);flex-direction:column;gap:.2rem;margin:.4rem 0 .6rem;padding:0;list-style:none;display:flex}.lesson-body .callout .tip-tools li{color:var(--text-2,var(--text));align-items:baseline;gap:.4rem;line-height:1.45;display:flex}.lesson-body .callout .tip-tools code{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border);color:var(--accent);border-radius:3px;padding:0 .3em;font-size:.9em}.lesson-body .callout.warning{border-inline-start-color:var(--callout-warning);background:color-mix(in srgb, var(--callout-warning) 8%, transparent)}.lesson-body .callout.warning .callout-label{color:var(--callout-warning)}.lesson-body .callout.success{border-inline-start-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent)}.lesson-body .callout.success .callout-label{color:var(--accent)}.lesson-body .diff-block{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin:1.25rem 0;overflow:hidden}.lesson-body .diff-header{font-family:var(--font-mono);font-size:var(--text-xs);background:color-mix(in srgb, var(--surface) 60%, var(--bg));border-bottom:1px solid var(--border);color:var(--text-2,var(--text));padding:.5rem .85rem}.lesson-body .diff-header em{color:var(--text-muted);margin-left:.35rem;font-style:normal}.lesson-body .diff-body{font-family:var(--font-mono);padding:.6rem 0;font-size:.82rem;line-height:1.55;overflow-x:auto}.lesson-body .diff-line{white-space:pre;padding:.05rem .85rem;display:block}.lesson-body .diff-line.add{background:color-mix(in srgb, var(--accent) 10%, transparent);color:color-mix(in srgb, var(--accent) 85%, var(--text))}.lesson-body .diff-line.del{background:color-mix(in srgb, var(--callout-warning) 10%, transparent);color:color-mix(in srgb, var(--callout-warning) 90%, var(--text))}.lesson-body .diff-line.context{color:var(--text-2,var(--text))}.lesson-body .diff-line.header{color:var(--text-muted);background:color-mix(in srgb, var(--border) 30%, transparent)}.lesson-body .compare{grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0;display:grid}.lesson-body .compare-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:.85rem 1.1rem}.lesson-body .compare-card ul{margin:0;padding:0;list-style:none}.lesson-body .compare-card li{font-size:var(--text-sm);color:var(--text-2,var(--text));margin:.2rem 0;padding-left:.9rem;line-height:1.45;position:relative}.lesson-body .compare-card li:before{content:"";background:var(--text-muted);border-radius:50%;width:4px;height:4px;position:absolute;top:.55em;left:0}.lesson-body .compare-card.old li:before{background:var(--callout-warning)}.lesson-body .compare-card.new li:before{background:var(--accent)}.lesson-body .compare-card .compare-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.lesson-body .compare-card.old .compare-label{color:var(--callout-warning)}.lesson-body .compare-card.new .compare-label{color:var(--accent)}.lesson-body .compare-card.new{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}@media (width<=640px){.lesson-body .compare{grid-template-columns:1fr}}.lesson-body .lesson-diagram{width:100%;max-width:640px;height:auto;color:var(--text-muted);margin:1.5rem auto 1.75rem;display:block}.larder-hero,.ontology-hero{text-align:left;max-width:770px;margin-bottom:1rem;padding:2.5rem 0 1.5rem}:is(.larder-hero,.ontology-hero) h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;line-height:var(--lh-hero);letter-spacing:-.02em;color:var(--text);margin:0 0 .75rem}:is(.larder-hero,.ontology-hero) .tagline{max-width:52ch;color:var(--text-2,var(--text));font-size:var(--text-lg);margin:0 0 1.25rem;line-height:1.5}.hero-payoff{margin:0 0 1.5rem}.hero-payoff-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--text-muted);margin:0 0 .4rem}.hero-payoff-after{font-size:var(--text-sm);color:var(--text-muted);max-width:52ch;margin:.4rem 0 0;line-height:1.5}.lesson-close{border-top:1px dashed var(--border);color:var(--text-muted);max-width:52ch;margin-top:2.5rem;padding-top:1.5rem;font-size:1.05rem;font-style:italic}.lesson-body .ch-checkpoint{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 6%, var(--surface));box-shadow:0 1px 3px color-mix(in srgb, var(--accent) 6%, transparent);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2,var(--text));max-width:var(--lesson-measure);margin:.35rem 0;padding:.3rem .75rem;display:block}.lesson-body .ch-cp-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem;font-size:.6rem;display:block}.lesson-body .ch-cp-files{flex-wrap:wrap;gap:.35rem .45rem;display:flex}.lesson-body .ch-cp-file{border-radius:var(--radius-sm,3px);border:1px solid var(--border);background:var(--bg);align-items:center;padding:.1rem .4rem;font-size:.72rem;display:inline-flex}.lesson-body .hb-node,.lesson-body .harness-box,.lesson-body .vl-row,.lesson-body .vb-map,.lesson-body .vb-legend{transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out), display var(--duration-slow) allow-discrete}@starting-style{.lesson-body .hb-node,.lesson-body .harness-box,.lesson-body .vl-row,.lesson-body .vb-map,.lesson-body .vb-legend{opacity:0}}.lesson-body .harness-box{border:1px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 60%, var(--bg));flex-direction:column;gap:.55rem;padding:.9rem;display:flex}.lesson-body .harness-box+.harness-box{margin-top:1rem}.lesson-body .harness-box-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .25rem}.lesson-body .hb-node{opacity:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out), display var(--duration-slow) allow-discrete, border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);padding:.55rem .7rem;display:none;transform:translateY(8px)}.lesson-body .hb-node.visible{opacity:1;display:block;transform:none}@starting-style{.lesson-body .hb-node.visible{opacity:0;transform:translateY(8px)}}.lesson-body .hb-node.fresh{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent), 0 0 12px color-mix(in srgb, var(--accent) 30%, transparent)}.lesson-body .hb-node.highlighted{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent)}.lesson-body .hb-node.settled{opacity:.85}.lesson-body .hb-lever{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);margin-bottom:.25rem;padding:.05rem .35rem;font-size:.6rem;display:inline-block}.lesson-body .hb-filename{font-family:var(--font-mono);color:var(--text);font-size:.82rem;font-weight:500}.lesson-body .hb-role{font-size:var(--text-xs);color:var(--text-muted);margin-top:.2rem;line-height:1.4}.lesson-body .hb-meta{border-top:1px dashed color-mix(in srgb, var(--border) 80%, transparent);font-family:var(--font-mono);grid-template-columns:max-content 1fr;gap:.15rem .4rem;margin:.5rem 0 0;padding:.45rem 0 0;font-size:.65rem;line-height:1.4;display:grid}.lesson-body .hb-meta dt{color:var(--text-muted);text-transform:lowercase;letter-spacing:.04em}.lesson-body .hb-meta dd{color:var(--text-2,var(--text));margin:0}.lesson-body .hb-node[data-lever]{border-inline-start:3px solid var(--lever,var(--border))}.lesson-body .hb-node[data-lever] .hb-lever{color:var(--lever,var(--text-muted));border-color:color-mix(in srgb, var(--lever,var(--border)) 50%, var(--border))}.lesson-body .reveal-trigger{pointer-events:none;opacity:0;width:1px;height:1px;margin:0;padding:0;display:block;position:relative;overflow:hidden}.lesson-body .vb-graph{border:1px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 60%, var(--bg));transition:border-color var(--duration-slow) var(--ease-out), background var(--duration-slow) var(--ease-out);margin-bottom:.9rem;padding:.7rem .75rem .5rem}.lesson-body .vb-graph:not(.hm-live){background:0 0;border-color:#0000}.lesson-body .vb-graph-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);visibility:hidden;opacity:0;transition:opacity var(--duration-slow) var(--ease-out), visibility 0s linear var(--duration-slow);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 0 .4rem;display:flex}.lesson-body .vb-graph.hm-live .vb-graph-title{visibility:visible;opacity:1;transition-delay:0s}.lesson-body .vb-graph-subtitle{font-family:var(--font-body);letter-spacing:0;text-transform:none;opacity:.75;font-size:.65rem;font-style:italic}.lesson-body .vb-map{width:100%;height:auto;color:var(--text-muted);margin:0 auto;display:block}.lesson-body .vb-legend{border-top:1px dashed var(--border);font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;gap:.35rem .6rem;margin-top:.55rem;padding-top:.55rem;font-size:.6rem;display:flex}.lesson-body .vl-row{align-items:center;gap:.3rem;display:inline-flex}.lesson-body .vl-swatch{border:1px solid var(--border);background:var(--bg);border-radius:2px;flex:none;width:9px;height:9px}.lesson-body .vb-graph:not(.hm-map) .vb-map,.lesson-body .vb-graph:not(.hm-map) .vb-legend{opacity:0;display:none}@media (width>=1025px) and (height<=880px){.lesson-body{--lesson-side-top:calc(48px + 1rem);--lesson-side-bottom:.5rem}.lesson-body .vb-graph{margin-bottom:.4rem}.lesson-body .vb-legend{margin-top:.4rem;padding-top:.4rem}.lesson-body .harness-box{gap:.2rem;padding:.4rem .7rem}.lesson-body .harness-box+.harness-box{margin-top:.6rem}.lesson-body .harness-box-title{margin-bottom:0}}.lesson-flow .vb-graph{margin:1.5rem 0 1.75rem}@media print{.lesson-body .vb-graph:not(.hm-live){display:none}}