.learning-section{min-width:0;min-height:auto;padding-block:var(--space-6);scroll-margin-top:var(--space-4)}.learning-section>h2{margin-bottom:var(--space-2);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(30px,3vw,42px);line-height:1.15}.learning-section>h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-lg);letter-spacing:-.02em;line-height:1.4}.learning-section>p{max-width:var(--content-width);margin:0 0 var(--space-2);line-height:1.8}.learning-section strong{color:var(--color-text)}.learning-section :not(pre)>code{overflow-wrap:anywhere}.learning-section .interview-note{margin:var(--space-3) 0 var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);background:var(--color-surface-soft);border-radius:12px}.learning-section .interview-note p{margin:var(--space-1) 0 0}.learning-section .topic-grid{gap:var(--space-3);min-width:0;display:grid}.learning-section .topic-row{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;min-width:0;display:grid}.learning-section .topic-explain,.learning-section .topic-code{min-width:0;padding:var(--space-3)}.learning-section .topic-explain>strong{letter-spacing:-.02em;font-size:18px;line-height:1.4;display:block}.learning-section .topic-explain p{margin:var(--space-2) 0 0}.learning-section .topic-explain .interview-tip{padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--text-sm);line-height:1.7}.learning-section .interview-tip>strong{color:var(--color-accent);margin-bottom:4px;display:block}.learning-section .topic-code{background:var(--color-surface-soft);align-items:center;display:flex}.learning-section .topic-code pre{width:100%;min-width:0;max-width:100%;padding-block:var(--space-1);color:var(--color-text);font-size:var(--text-sm);tab-size:4;line-height:1.8;overflow-x:auto}.learning-section .topic-code code{font-size:inherit}.learning-section .interview-questions{padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:16px}.learning-section .interview-questions ul{margin:0}.learning-section .interview-questions li{padding-left:4px}.learning-section .interview-questions li::marker{color:var(--color-accent)}.learning-section .interview-questions li:last-child{margin-bottom:0}.learning-section .roadmap{gap:var(--space-2);margin:var(--space-4) 0;display:grid}.learning-section .roadmap-item{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;grid-template-columns:76px minmax(0,1fr) auto;display:grid}.learning-section .roadmap-week{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.learning-section .roadmap-title{min-width:0;color:var(--color-text);overflow-wrap:anywhere;font-weight:600}.learning-section .roadmap-status{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;border-radius:999px;padding:4px 10px;font-weight:600}.learning-section .ready .roadmap-week,.learning-section .ready .roadmap-status{color:var(--color-accent)}.learning-section .ready .roadmap-status{border-color:var(--color-accent)}.learning-section .read-more-link{min-height:44px;padding:10px var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-accent);font-size:var(--text-sm);border-radius:10px;align-self:flex-start;align-items:center;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.learning-section .read-more-link:hover{border-color:var(--color-accent);background:var(--color-surface-soft)}.learning-section a:focus-visible,.learning-section pre:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media (max-width:640px){.learning-section{padding-block:var(--space-4)}.learning-section .topic-explain,.learning-section .topic-code,.learning-section .interview-note,.learning-section .interview-questions{padding:var(--space-2)}.learning-section .roadmap-item{gap:var(--space-1) var(--space-2);padding:var(--space-2);grid-template-columns:minmax(0,1fr) auto}.learning-section .roadmap-title{grid-area:2/1/auto/-1}.learning-section .roadmap-status{grid-area:1/2;justify-self:end}}.learning-section .contributors-list{gap:var(--space-2);margin:var(--space-3) 0 var(--space-4);display:grid}.learning-section .contributor-row{padding:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px}.learning-section .contributor-row strong{margin-right:var(--space-2);font-size:var(--text-base)}.learning-section .contributor-year{color:var(--color-muted);font-size:var(--text-sm);font-weight:600}.learning-section .contributor-row p{margin:var(--space-1) 0 0;font-size:var(--text-sm);line-height:1.7}