.learning-paths { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); gap: 16px; }
.learning-path { border: 1px solid var(--border-color); background: var(--bg-primary); border-radius: 10px; padding: 22px; display: flex; flex-direction: column; }
.learning-path h3 { margin: 8px 0; }
.learning-path p { flex: 1; margin-top: 0; }
.learning-path button { align-self: flex-start; }
.level-guide { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 18px; margin: 28px 0 36px; padding: 18px 22px; border-left: 3px solid var(--accent-primary); background: var(--bg-primary); }
.level-guide p { margin: 0; }
#catalogHeading { scroll-margin-top: 150px; }
.lab-path { font-size: .8rem; color: var(--text-secondary); }
.lab-card .button { align-self: flex-start; margin-top: 14px; }
.lab-card h2 a { color: inherit; }
.lesson-main { max-width: var(--reading-max); }
.lesson-breadcrumb { display: flex; gap: 12px; flex-wrap: wrap; padding-top: 30px; font-size: .85rem; }
.lesson-hero { padding-top: 22px; max-width: 1000px; }
.lesson-hero h1 { overflow-wrap: anywhere; }
.lesson-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; font-size: .85rem; color: var(--text-secondary); }
.lesson-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; }
.lesson-content, .lesson-sidebar { min-width: 0; }
.lesson-section { scroll-margin-top: calc(var(--t2k-header-height, 140px) + 16px); }
.lesson-section p, .lesson-section li { white-space: pre-line; }
.lesson-content li { margin: 10px 0; }
.lesson-downloads { display: grid; gap: 12px; margin-bottom: 20px; }
.lesson-toc ul { padding-left: 20px; margin-bottom: 0; }
.lesson-toc li { margin: 9px 0; line-height: 1.4; }
.lesson-version { font-size: .9rem !important; }
.lesson-content .notice:empty { display: none; }
@media(max-width:900px) { .lesson-layout { display: flex; flex-direction: column; gap: 4px; } .lesson-content, .lesson-sidebar { width: 100%; } .lesson-sidebar { order: -1; } .lesson-toc { display: none; } }
.notebook-note { padding: 16px 18px; border-radius: 8px; background: var(--bg-secondary); }
@media(max-width:600px) { .studio-main .toolbar select { width: 100%; min-width: 0; } .studio-main .toolbar label { width: 100%; } }