.learning-shell{max-width:1120px;margin:auto;padding:2.5rem 1.25rem 4rem;overflow-wrap:anywhere}.learning-breadcrumb{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.82rem;color:var(--muted-foreground);margin-bottom:2.5rem}.learning-shell a{color:var(--primary);text-underline-offset:.2em}.learning-shell a:hover{text-decoration:underline}.learning-shell :is(a,summary,pre,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:4px}.learning-lead{max-width:850px;margin-bottom:2.5rem}.learning-eyebrow{text-transform:uppercase;letter-spacing:.14em;font: .75rem/1.5 var(--font-mono);color:var(--primary);margin-bottom:.7rem}.learning-lead h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;font-weight:750;letter-spacing:-.035em;margin:.5rem 0 1.5rem}.learning-intro{font-size:1.16rem;line-height:1.75;color:var(--foreground)}.learning-scope{font-size:.88rem;color:var(--muted-foreground);line-height:1.65;margin-top:1rem}.learning-relationship{border-left:3px solid var(--primary);padding-left:1rem;margin-top:1.5rem;line-height:1.75}.learning-button{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--sidebar-border);padding:.6rem 1rem;margin-top:1.2rem;border-radius:6px}.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.learning-card{border:1px solid var(--sidebar-border);padding:1.35rem;border-radius:8px;min-width:0}.learning-card :is(h2,h3){font-size:1.2rem;font-weight:650;margin-bottom:.8rem;line-height:1.4}.learning-card p{line-height:1.7;margin-bottom:.85rem;color:var(--muted-foreground)}.learning-card>a{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem}.learning-index{border-block:1px solid var(--sidebar-border);padding:1.4rem 0;margin:2.5rem 0}.learning-index h2{font-size:1rem;font-weight:650;margin-bottom:1rem}.learning-index ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 2rem;list-style:none;margin:0;padding:0}.learning-index a{display:block;padding:.4rem 0;font-size:.9rem;line-height:1.6}.learning-section{margin-top:3rem;padding-top:1rem;scroll-margin-top:8rem;min-width:0}.learning-section>h2,.learning-note h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.25;font-weight:650;letter-spacing:-.02em;margin-bottom:1.1rem}.learning-section>p{max-width:80ch;line-height:1.85;margin:.9rem 0;color:var(--muted-foreground)}.learning-section>.learning-answer{font-size:1.09rem;color:var(--foreground)}.learning-example{margin:1.7rem 0;border:1px solid var(--sidebar-border);border-radius:8px;overflow:hidden;min-width:0}.learning-example figcaption{font:.78rem/1.5 var(--font-mono);padding:.7rem 1rem;border-bottom:1px solid var(--sidebar-border);color:var(--primary)}.learning-example pre{max-width:100%;overflow-x:auto;padding:1.2rem;font: .86rem/1.7 var(--font-mono);background:rgba(0,0,0,.2);white-space:pre}.learning-example>p{padding:0 1rem;line-height:1.75;margin:1rem 0}.learning-example .learning-example-status{font-size:.78rem;color:var(--muted-foreground)}.learning-pitfalls{border-left:2px solid var(--sidebar-border);padding:.25rem 0 .25rem 1.2rem;margin:1.4rem 0}.learning-pitfalls h3{font-size:.92rem;font-weight:650;margin-bottom:.5rem}.learning-pitfalls ul{padding-left:1.1rem;list-style:disc;color:var(--muted-foreground)}.learning-pitfalls li{line-height:1.8;margin:.35rem 0}.learning-followup{border-block:1px solid var(--sidebar-border);padding:.4rem 0}.learning-shell summary{cursor:pointer;min-height:44px;padding:.7rem 0;font-size:.9rem;line-height:1.65;font-weight:550}.learning-shell details p{line-height:1.8;color:var(--muted-foreground);padding:.25rem 0 .8rem}.learning-sources{font-size:.82rem!important;line-height:1.9!important}.learning-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--sidebar-border);border-radius:8px}.learning-shell table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.75;min-width:680px}.learning-shell caption{text-align:left;padding:1rem;color:var(--muted-foreground)}.learning-shell th,.learning-shell td{text-align:left;vertical-align:top;border-top:1px solid var(--sidebar-border);padding:1rem}.learning-shell th{font-weight:650}.learning-shell td{color:var(--muted-foreground)}.learning-note{margin-top:3rem;padding:1.5rem 0;border-top:1px solid var(--sidebar-border);max-width:80ch}.learning-note p{line-height:1.8;margin-bottom:1rem;color:var(--muted-foreground)}.learning-salary-value{font:600 2rem/1.2 var(--font-mono);color:var(--primary)!important}.learning-interval{border:1px solid var(--sidebar-border);padding:1.4rem;margin:1.5rem 0;border-radius:8px}.learning-interval figcaption{font-weight:650}.learning-interval>p{font-size:.86rem;line-height:1.7;color:var(--muted-foreground);margin:.6rem 0 1.3rem}.learning-interval-group{margin:1rem 0}.learning-interval-group>div:first-child{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.88rem}.learning-axis{position:relative;height:32px;margin:.4rem 0;border-bottom:1px solid var(--muted-foreground)}.learning-band{position:absolute;top:12px;height:7px;background:var(--primary);border-radius:4px}.learning-marker{position:absolute;top:7px;height:18px;width:2px;background:var(--foreground)}.learning-axis-labels{display:flex;justify-content:space-between;font:.78rem/1.6 var(--font-mono);color:var(--muted-foreground);margin-top:.5rem}.learning-related{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.learning-related a{display:inline-flex;align-items:center;min-height:44px;line-height:1.6}.learning-editorial{border-top:1px solid var(--sidebar-border);margin-top:3rem;padding-top:1.4rem;color:var(--muted-foreground);font-size:.8rem;line-height:1.8}.learning-editorial p{margin:.7rem 0;max-width:90ch}@media(max-width:640px){.learning-shell{padding:1.5rem 1rem 3rem}.learning-grid,.learning-index ol{grid-template-columns:1fr}.learning-breadcrumb{margin-bottom:1.8rem}.learning-section{margin-top:2.25rem;scroll-margin-top:9rem}.learning-lead{margin-bottom:1.8rem}.learning-card,.learning-interval{padding:1rem}.learning-example pre{font-size:.78rem;padding:1rem}.learning-index a{min-height:44px;display:flex;align-items:center}}

/* Keep code in the reading column; soft wrapping does not change copied source. */
.learning-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;min-width:0}
.learning-shell pre code{white-space:inherit;overflow-wrap:inherit}