.learn-unit{max-width:var(--max-wide);margin:0 auto;padding:var(--s-6) var(--gut)}.learn-breadcrumb{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);color:var(--c-ink-3);margin-bottom:var(--s-2)}.learn-progress{display:flex;gap:var(--s-1);margin-bottom:var(--s-5)}.learn-progress span{height:3px;flex:1;border-radius:var(--r-pill);background:var(--c-line)}.learn-progress span[data-done]{background:var(--c-ink)}.atom-card{background:var(--c-bg);border:var(--border);border-radius:var(--r-lg);padding:var(--s-5) var(--s-5);margin-bottom:var(--s-5);box-shadow:var(--shadow-soft)}.atom-grid{display:grid;gap:var(--s-5);align-items:stretch}@media(min-width:760px){.atom-grid{grid-template-columns:.95fr 1.15fr}}.atom-visual{background:var(--c-bg-2);border:var(--border);border-radius:var(--r-md);min-height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden}.atom-visual img{width:100%;height:100%;object-fit:cover}.atom-visual figcaption{font-size:var(--fs-xs);color:var(--c-ink-3);padding:var(--s-2);text-align:center}.atom-prereq{font-family:var(--f-mono);font-size:var(--fs-2xs);color:var(--c-ink-3);margin-bottom:var(--s-3)}.atom-eyebrow{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--c-ink-3)}.atom-name{font-size:var(--fs-2xl);line-height:var(--lh-tight);margin:var(--s-1) 0 var(--s-2)}.atom-hook{font-size:var(--fs-md);font-weight:var(--w-medium);word-break:keep-all;margin-bottom:var(--s-2)}.atom-meta{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-ink-2);letter-spacing:var(--ls-mono);margin-bottom:var(--s-3)}.atom-steps{padding-left:var(--s-4);font-size:var(--fs-sm);line-height:var(--lh-normal);word-break:keep-all}.atom-steps li{list-style:decimal}.atom-practice{background:var(--c-bg-2);border:var(--border);border-radius:var(--r-md);padding:var(--s-3);margin-top:var(--s-3)}.atom-practice .lbl{font-family:var(--f-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);color:var(--c-ink-2);display:block;margin-bottom:var(--s-1)}.atom-practice p{font-size:var(--fs-sm);word-break:keep-all}.atom-why summary{font-size:var(--fs-sm);color:var(--c-ink-2);cursor:pointer;margin-top:var(--s-3);list-style:none}.atom-why summary:before{content:"▸ "}.atom-why[open] summary:before{content:"▾ "}.atom-why .prose{font-size:var(--fs-sm);color:var(--c-ink-2);margin-top:var(--s-2);word-break:keep-all}.atom-foot{border-top:var(--border);margin-top:var(--s-4);padding-top:var(--s-3);display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-3);flex-wrap:wrap}.atom-related{display:flex;flex-direction:column;gap:var(--s-2)}.atom-related .lbl{font-family:var(--f-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);color:var(--c-ink-3)}.atom-related .chips{display:flex;gap:var(--s-2);flex-wrap:wrap}.atom-related .chip{border:var(--border);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);font-size:var(--fs-xs);color:var(--c-ink-2);background:var(--c-bg)}.atom-next{display:inline-flex;align-items:center;gap:var(--s-2);white-space:nowrap;background:var(--c-accent);color:var(--c-bg);border-radius:var(--r-md);padding:var(--s-2) var(--s-4);font-weight:var(--w-medium);font-size:var(--fs-sm)}.atom-next:hover{opacity:.85}.learn-peek-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:#18181673;display:flex;align-items:center;justify-content:center;padding:var(--gut)}.learn-peek-panel{position:relative;background:var(--c-bg);border:var(--border);border-radius:var(--r-lg);max-width:var(--max);width:100%;max-height:80vh;overflow:auto;padding:var(--s-5);box-shadow:var(--shadow-deep)}.learn-peek-close{position:absolute;top:var(--s-3);right:var(--s-3);font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--c-ink-2)}.learn-list{border-top:var(--border)}.learn-list li{border-bottom:var(--border)}.learn-list a{display:flex;flex-direction:column;gap:var(--s-1);padding-block:var(--s-4)}.learn-list a:hover{opacity:1;padding-left:var(--s-2)}.learn-list strong{font-weight:var(--w-medium);font-size:var(--fs-md)}.learn-list span{font-size:var(--fs-sm);color:var(--c-ink-2);word-break:keep-all}.learn-lede{font-size:var(--fs-lg);color:var(--c-ink-2);margin-bottom:var(--s-4);word-break:keep-all}.atom-detail{max-width:var(--read-lesson);margin:0 auto;padding:var(--s-6) var(--gut) var(--s-8)}.atom-back{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-ink-3);letter-spacing:var(--ls-mono);display:inline-block;margin-bottom:var(--s-5)}.atom-back:hover{opacity:1;color:var(--c-ink-2)}.atom-detail-name{font-size:var(--fs-3xl);line-height:var(--lh-tight);margin:var(--s-1) 0 var(--s-3)}.atom-detail .atom-hook{font-size:var(--fs-md)}.atom-detail-visual{margin:var(--s-4) 0 var(--s-5)}.atom-detail-visual img{border:var(--border);border-radius:var(--r-lg)}.atom-detail-visual figcaption{font-size:var(--fs-xs);color:var(--c-ink-3);margin-top:var(--s-2)}.atom-detail-body{margin-bottom:var(--s-5)}.atom-detail-body p+p{margin-top:var(--s-3)}.atom-detail-body ul,.atom-detail-body ol{padding-left:var(--s-4);margin:var(--s-3) 0}.atom-detail-body li{list-style:disc;margin-bottom:var(--s-1);word-break:keep-all}.atom-detail-body ol li{list-style:decimal}.atom-detail-body strong{font-weight:var(--w-semibold)}.atom-detail section{margin-top:var(--s-5)}.atom-detail section h2{font-family:var(--f-mono);font-size:var(--fs-sm);letter-spacing:var(--ls-mono);color:var(--c-ink-2);margin-bottom:var(--s-2)}.atom-detail-steps ol{padding-left:var(--s-4)}.atom-detail-steps li{list-style:decimal;font-size:var(--fs-md);line-height:var(--lh-normal);word-break:keep-all;margin-bottom:var(--s-2)}.atom-detail-practice{background:var(--c-bg-2);border:var(--border);border-radius:var(--r-md);padding:var(--s-4)}.atom-selfcheck{color:var(--c-ink-3);margin-top:var(--s-2)}.atom-detail-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);margin-top:var(--s-7);padding-top:var(--s-4);border-top:var(--border);font-family:var(--f-mono);font-size:var(--fs-sm)}.atom-back-unit{color:var(--c-accent)}.atom-name-link:hover{opacity:1}.atom-detail-link{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-ink-2);letter-spacing:var(--ls-mono)}.atom-foot-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-2)}.showme-pool{display:none}.showme-head{margin-bottom:var(--s-3)}.showme-eyebrow{font-family:var(--f-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-eyebrow);color:var(--c-ink-3)}.showme-name{font-family:var(--f-headline-default);font-weight:var(--w-regular);font-size:var(--fs-2xl);line-height:var(--lh-tight);margin-top:var(--s-1)}.showme-tabs{display:flex;align-items:center;gap:var(--s-3);border-bottom:var(--border);margin-bottom:var(--s-4)}.showme-tab{font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--c-ink-2);background:none;border:none;border-bottom:2px solid transparent;padding:var(--s-2) 0;cursor:pointer;margin-bottom:-1px}.showme-tab:hover{color:var(--c-ink);opacity:1}.showme-tab.is-active{color:var(--c-ink);border-bottom-color:var(--c-ink)}.showme-panel{display:none}.showme-panel.is-active{display:block}.showme-hook{font-size:var(--fs-md);font-weight:var(--w-medium);line-height:1.6;word-break:keep-all;margin-bottom:var(--s-3)}.showme-body{font-size:var(--fs-sm);color:var(--c-ink-2);line-height:var(--lh-normal);word-break:keep-all}.showme-body p+p{margin-top:var(--s-3)}.showme-body strong{color:var(--c-ink);font-weight:var(--w-semibold)}.showme-body ul,.showme-body ol{padding-left:var(--s-4);margin:var(--s-2) 0}.showme-body li{list-style:disc;margin-bottom:var(--s-1)}.showme-img{border:var(--border);border-radius:var(--r-md);margin-bottom:var(--s-3)}.showme-steps{padding-left:var(--s-4)}.showme-steps li{list-style:decimal;font-size:var(--fs-sm);line-height:var(--lh-normal);word-break:keep-all;margin-bottom:var(--s-1)}.showme-outcome{font-size:var(--fs-md);font-weight:var(--w-medium);line-height:1.6;word-break:keep-all}.showme-check{font-size:var(--fs-sm);color:var(--c-ink-2);margin-top:var(--s-2);word-break:keep-all}.lesson{max-width:var(--read-lesson);margin:0 auto;padding:var(--s-6) var(--gut) var(--s-8)}.lesson-back{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-mono);color:var(--c-ink-3);display:inline-block;margin-bottom:var(--s-4)}.lesson-back:hover{opacity:1;color:var(--c-ink-2)}.lesson-title{font-size:var(--fs-3xl);line-height:var(--lh-tight);margin-bottom:var(--s-3)}.lesson-intro{font-size:var(--fs-md);color:var(--c-ink-2);line-height:var(--lh-normal);word-break:keep-all;margin-bottom:var(--s-6)}.lesson-video{position:relative;padding-bottom:56.25%;height:0;border-radius:var(--r-lg);overflow:hidden;border:var(--border);margin-bottom:var(--s-7)}.lesson-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lesson-section{padding-top:var(--s-6);margin-top:var(--s-6);border-top:var(--border)}.lesson-eyebrow{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--c-ink-3)}.lesson-h2{font-size:var(--fs-2xl);line-height:var(--lh-tight);margin:var(--s-1) 0 var(--s-3)}.lesson-hook{font-size:var(--fs-md);font-weight:var(--w-medium);line-height:1.6;word-break:keep-all;margin-bottom:var(--s-4)}.lesson-figure{margin:0 0 var(--s-4)}.lesson-figure img{border:var(--border);border-radius:var(--r-md)}.lesson-figure figcaption{font-size:var(--fs-xs);color:var(--c-ink-3);margin-top:var(--s-2)}.lesson-body{margin-bottom:var(--s-4)}.lesson-body p+p{margin-top:var(--s-3)}.lesson-body strong{color:var(--c-ink);font-weight:var(--w-semibold)}.lesson-body ul,.lesson-body ol{padding-left:var(--s-4);margin:var(--s-3) 0}.lesson-body li{list-style:disc;margin-bottom:var(--s-1);word-break:keep-all}.lesson-steps{padding-left:var(--s-4);margin-bottom:var(--s-4)}.lesson-steps li{list-style:decimal;font-size:var(--fs-md);line-height:var(--lh-normal);word-break:keep-all;margin-bottom:var(--s-2)}.lesson-callout{background:var(--c-bg-2);border:var(--border);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-3)}.lesson-callout .lbl{font-family:var(--f-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);color:var(--c-ink-2);display:block;margin-bottom:var(--s-1)}.lesson-callout p{font-size:var(--fs-sm);word-break:keep-all}.lesson-callout .muted{color:var(--c-ink-3);margin-top:var(--s-1)}.lesson-source{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-mono);color:var(--c-ink-3);margin-top:var(--s-3)}.lesson-source a{color:var(--c-accent)}.lesson-example{margin:var(--s-4) 0}.lesson-example .lbl{font-family:var(--f-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);color:var(--c-ink-2);display:block;margin-bottom:var(--s-2)}.lesson-example img{border:var(--border);border-radius:var(--r-md)}.lesson-example figcaption{font-size:var(--fs-xs);color:var(--c-ink-3);margin-top:var(--s-2);line-height:var(--lh-normal);word-break:keep-all}.lesson-example figcaption a{color:var(--c-accent)}.palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--s-2) var(--s-4);margin:0 0 var(--s-4);padding:var(--s-4);background:var(--c-bg-2);border:var(--border);border-radius:var(--r-md)}.palette li{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);color:var(--c-ink)}.palette-sw{width:30px;height:18px;border-radius:var(--r-sm);flex-shrink:0;box-shadow:inset 0 0 0 1px #1a1a182e}.kind-badge{display:inline-block;font-family:var(--f-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);color:var(--c-ink-2);border:var(--border);border-radius:var(--r-sm);padding:0 var(--s-1);margin-right:var(--s-1);vertical-align:middle}.kind-badge.kind-setup{color:var(--c-accent);border-color:var(--c-accent)}.kind-badge.kind-procedure{color:var(--c-soot)}