/* Aşama 3 — yalnızca Güneşten Besinlere okuma sayfası. Ortak tema ve ana sayfaya dokunmaz. */
.topic-page { scroll-padding-top: calc(var(--header-height) + 24px); }
.topic-page .bio-hero { padding-top: 35px; padding-bottom: 46px; }
.topic-page .bio-hero__grid { grid-template-columns: minmax(0,1fr) minmax(430px,.98fr); gap: clamp(38px,6vw,82px); }
.topic-page .bio-hero__copy { max-width: 620px; }
.topic-page .bio-hero h1 { font-size: clamp(56px,6.4vw,80px); }
.topic-page .bio-hero__description { max-width: 59ch; font-size: 17px; line-height: 1.78; }
.topic-page .bio-hero__actions { margin-top: 24px; }
.topic-page .bio-hero__meta { margin-top: 26px; font-size: 9px; }
.topic-page .topic-hero__figure { display: flex; min-height: 0; flex-direction: column; align-self: center; padding: 0; }
.topic-page .topic-hero__figure img { display: block; width: 100%; height: auto; aspect-ratio: 1100 / 620; object-fit: contain; }
.topic-page .topic-hero__figure figcaption { display: flex; justify-content: space-between; gap: 12px; padding: 12px 17px; border-top: 1px solid #30302d; color: #93938e; font-size: 10px; }
.topic-page .topic-hero__figure figcaption span { color: #bdbdb9; font-size: 8px; font-weight: 700; letter-spacing: .12em; }
.topic-page .bio-hero__bottom { margin-top: 25px; font-size: 9px; }

/* Learning objectives */
.learning-objectives { padding: 49px 0 57px; border-top: 1px solid #232321; border-bottom: 1px solid #232321; background: #0c0c0b; }
.learning-objectives__grid { display: grid; grid-template-columns: .78fr 1.22fr; align-items: start; gap: clamp(32px,7vw,90px); }
.learning-objectives__intro .eyebrow { margin-bottom: 15px; }
.learning-objectives h2 { max-width: 420px; margin: 0; font-size: clamp(29px,3.3vw,40px); font-weight: 520; letter-spacing: -.06em; line-height: 1.12; }
.learning-objectives h2 span { color: #80807c; font-weight: 430; }
.learning-objectives__intro > p:last-child { max-width: 43ch; margin: 13px 0 0; color: #989894; font-size: 14px; line-height: 1.75; }
.objective-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid #333330; }
.objective-list li { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 11px; padding: 15px 13px 15px 0; border-bottom: 1px solid #30302d; color: #c8c8c4; font-size: 14px; line-height: 1.55; }
.objective-list li:nth-child(odd) { margin-right: 18px; }
.objective-list li span { color: #777773; font-size: 9px; font-weight: 700; letter-spacing: .08em; }

/* Topic index — navigation remains compact; teaching text below uses reading sizes. */
.topic-page .topic-map-section { padding: 75px 0 83px; }
.topic-page .bio-section-heading { margin-bottom: 31px; }
.topic-page .bio-section-heading h2 { font-size: clamp(39px,4.8vw,57px); }
.topic-page .topic-map-card { padding: 22px 23px 21px; }
.topic-page .topic-map-card h3 { font-size: 19px; line-height: 1.35; }
.topic-page .topic-map-card > p { font-size: 13px; line-height: 1.65; }
.topic-page .topic-map-card__links { gap: 5px 17px; margin-top: 13px; padding-top: 12px; }
.topic-page .topic-map-card__links a { font-size: 12px; line-height: 1.5; }
.topic-page .topic-map-card__main-link { font-size: 11px; }

/* Editorial lesson layout */
.topic-page .lesson-content-section { padding: 77px 0 96px; }
.topic-page .lesson-content-heading { align-items: end; gap: 42px; margin-bottom: 37px; }
.topic-page .lesson-content-heading h2 { font-size: clamp(38px,4.5vw,53px); }
.topic-page .lesson-content-heading > p { max-width: 47ch; font-size: 14px; line-height: 1.75; }
.topic-page .lesson-layout { grid-template-columns: 212px minmax(0,1fr); gap: clamp(34px,5vw,62px); }
.topic-page .lesson-sidebar__inner { top: calc(var(--header-height) + 24px); }
.topic-page .lesson-sidebar__inner > p { font-size: 9px; }
.topic-page .lesson-sidebar nav a { min-height: 45px; font-size: 11px; }
.topic-page .lesson-sidebar nav a span { font-size: 9px; }
.topic-page .lesson-sidebar__back { font-size: 10px; }
.topic-page .lesson-chapter { padding: 62px 0 69px; scroll-margin-top: calc(var(--header-height) + 25px); }
.topic-page .lesson-chapter:first-child { padding-top: 0; }
.topic-page .lesson-chapter__heading { grid-template-columns: 48px minmax(0,1fr); gap: 16px; margin-bottom: 28px; }
.topic-page .lesson-chapter__number { width: 44px; height: 44px; border-radius: 12px; font-size: 12px; }
.topic-page .lesson-chapter__eyebrow { margin-bottom: 7px; font-size: 9px; }
.topic-page .lesson-chapter__heading h2 { max-width: 25ch; font-size: clamp(31px,3.4vw,43px); font-weight: 540; line-height: 1.13; }
.lesson-body-grid { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(290px,.88fr); align-items: start; gap: clamp(24px,3.4vw,43px); }
.lesson-copy { min-width: 0; color: #c5c5c1; font-size: 19px; line-height: 1.82; }
.lesson-copy > p,.lesson-copy > ul,.lesson-copy > ol,.lesson-copy > dl { max-width: 68ch; }
.lesson-copy p { margin: 0 0 1.1em; }
.lesson-copy .lesson-lead { margin-bottom: 1.15em; color: #e2e2df; font-size: 20px; line-height: 1.78; }
.lesson-copy h3 { margin: 1.55em 0 .52em; color: #f0f0ed; font-size: 26px; font-weight: 560; letter-spacing: -.045em; line-height: 1.25; }
.lesson-copy h4 { margin: 1.35em 0 .4em; color: #e2e2df; font-size: 20px; font-weight: 610; letter-spacing: -.025em; }
.lesson-copy ul,.lesson-copy ol { margin: .55em 0 1.25em; padding-left: 1.25em; }
.lesson-copy li { margin: .38em 0; padding-left: .28em; }
.lesson-copy li::marker { color: #9f9f9a; }
.lesson-copy strong { color: #f0f0ed; font-weight: 650; }
.lesson-copy .soft { color: #9a9a96; }
.lesson-aside { display: grid; min-width: 0; gap: 16px; }
.lesson-figure { margin: 0; overflow: hidden; border: 1px solid #363633; border-radius: 15px; background: #121211; box-shadow: 0 16px 36px rgba(0,0,0,.19); }
.lesson-figure img { display: block; width: 100%; height: auto; background: #121211; }
.lesson-figure figcaption { padding: 13px 16px 15px; border-top: 1px solid #292927; color: #a0a09b; font-size: 12px; line-height: 1.6; }
.lesson-figure figcaption strong { display: block; margin-bottom: 3px; color: #dededb; font-size: 11px; font-weight: 650; }
.lesson-figure--compact img { max-height: 290px; object-fit: contain; }
.reading-callout { margin: 1.45em 0; padding: 18px 21px; border-left: 2px solid #aaa9a4; background: linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.012)); }
.reading-callout > p:last-child { margin-bottom: 0; }
.reading-callout__label { display: block; margin-bottom: 7px; color: #d3d3cf; font-size: 9px; font-weight: 720; letter-spacing: .14em; }
.reading-callout p { color: #bcbcb8; font-size: 15px; line-height: 1.75; }
.reading-callout--example { border-left-color: #777772; background: #111110; }
.reading-callout--caution { border-left-color: #bebeb9; background: #181817; }
.chapter-subsection { margin-top: 26px; padding-top: 23px; border-top: 1px solid #2b2b29; scroll-margin-top: calc(var(--header-height) + 24px); }
.chapter-subsection h3 { margin-top: 0; }
.chapter-subsection h4 { margin-top: 1.1em; }
.chapter-subsection p:last-child { margin-bottom: 0; }

/* Concept, factor, comparison and experimental layouts */
.key-term-list { display: grid; grid-template-columns: 135px minmax(0,1fr); max-width: 70ch; margin: 22px 0; border-top: 1px solid #353532; }
.key-term-list dt,.key-term-list dd { margin: 0; padding: 12px 0; border-bottom: 1px solid #30302d; font-size: 15px; line-height: 1.65; }
.key-term-list dt { color: #e3e3df; font-weight: 650; }
.key-term-list dd { color: #aaa; }
.factor-list { display: grid; grid-template-columns: minmax(140px,.42fr) minmax(0,1fr); max-width: 72ch; margin: 18px 0 26px; border-top: 1px solid #393936; }
.factor-list dt,.factor-list dd { margin: 0; padding: 14px 8px 14px 0; border-bottom: 1px solid #30302d; font-size: 16px; line-height: 1.7; }
.factor-list dt { color: #e5e5e2; font-weight: 630; }
.factor-list dd { color: #b2b2ae; }
.table-scroll { max-width: 100%; margin: 22px 0; overflow-x: auto; border: 1px solid #343431; border-radius: 12px; background: #111110; }
.comparison-table,.materials-table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.65; }
.comparison-table caption,.materials-table caption { padding: 14px 16px; color: #e0e0dc; font-size: 14px; font-weight: 650; text-align: left; }
.comparison-table th,.comparison-table td,.materials-table th,.materials-table td { min-width: 140px; padding: 12px 15px; border-top: 1px solid #30302d; text-align: left; vertical-align: top; }
.comparison-table thead th,.materials-table thead th { color: #e6e6e2; font-weight: 650; }
.comparison-table tbody th,.materials-table tbody th { color: #c4c4c0; font-weight: 600; }
.comparison-table td,.materials-table td { color: #a9a9a5; }
.experiment-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 20px; margin: 14px 0 23px; border-top: 1px solid #343431; }
.experiment-facts > div { padding: 13px 0; border-bottom: 1px solid #30302d; }
.experiment-facts dt { color: #e4e4e1; font-size: 14px; font-weight: 650; }
.experiment-facts dd { margin: 4px 0 0; color: #aaa; font-size: 14px; line-height: 1.65; }

/* The chapter summary and self-check close each learning unit. */
.chapter-wrap-up { display: grid; grid-template-columns: .88fr 1.12fr; gap: 18px; margin-top: 35px; }
.lesson-summary,.knowledge-check { min-width: 0; padding: 21px 23px; border: 1px solid #343431; border-radius: 13px; background: #121211; }
.lesson-summary h3,.knowledge-check h3 { margin: 0 0 13px; color: #efefec; font-size: 17px; font-weight: 640; letter-spacing: -.025em; }
.lesson-summary ul { margin: 0; padding-left: 19px; color: #b4b4b0; font-size: 14px; line-height: 1.72; }
.lesson-summary li { margin: 6px 0; }
.lesson-summary li::marker { color: #aaa9a4; }
.knowledge-check__intro { margin: -5px 0 10px; color: #858580; font-size: 12px; }
.question-item { border-top: 1px solid #30302d; }
.question-item summary { display: flex; align-items: flex-start; gap: 10px; padding: 13px 0; color: #d8d8d4; cursor: pointer; font-size: 14px; font-weight: 560; line-height: 1.6; list-style: none; }
.question-item summary::-webkit-details-marker { display: none; }
.question-item summary::before { display: grid; width: 21px; height: 21px; flex: 0 0 21px; place-items: center; border: 1px solid #54544f; border-radius: 50%; color: #bdbdb9; content: "+"; font-size: 14px; line-height: 1; }
.question-item[open] summary::before { content: "−"; }
.question-item summary:focus-visible { outline-offset: 3px; }
.question-item__answer { margin: -2px 0 14px 31px; color: #aaa9a5; font-size: 14px; line-height: 1.7; }
.question-item__answer strong { color: #e4e4e1; }
.lesson-pagination { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
.lesson-pagination a { display: flex; min-height: 63px; align-items: center; gap: 12px; padding: 12px 15px; border: 1px solid #30302d; border-radius: 10px; color: #d1d1cd; transition: border-color .18s ease,background .18s ease,transform .18s ease; }
.lesson-pagination a:hover { transform: translateY(-2px); border-color: #5a5a55; background: rgba(255,255,255,.025); }
.lesson-pagination a:last-child { justify-content: flex-end; text-align: right; }
.lesson-pagination .pagination-direction { display: block; color: #777772; font-size: 8px; font-weight: 700; letter-spacing: .11em; }
.lesson-pagination .pagination-title { display: block; margin-top: 3px; font-size: 13px; font-weight: 610; line-height: 1.35; }
.lesson-pagination .pagination-arrow { color: #aaa9a4; font-size: 19px; }

/* Scope and references */
.topic-page .curriculum-scope-section { padding: 0 0 36px; }
.topic-page .curriculum-scope-card { grid-template-columns: 45px minmax(0,1fr); align-items: start; gap: 15px; padding: 22px 24px; }
.topic-page .curriculum-scope-card h2 { font-size: 18px; }
.topic-page .curriculum-scope-card p:last-child { max-width: 80ch; font-size: 13px; line-height: 1.75; }
.topic-page .curriculum-scope-card > a { grid-column: 2; justify-self: start; }
.reference-section { padding: 0 0 82px; background: #0d0d0c; }
.reference-panel { padding: 25px 27px; border-top: 1px solid #363633; border-bottom: 1px solid #363633; }
.reference-panel h2 { margin: 0; color: #e8e8e5; font-size: 22px; font-weight: 580; letter-spacing: -.04em; }
.reference-panel > p { max-width: 75ch; margin: 8px 0 16px; color: #91918d; font-size: 13px; line-height: 1.7; }
.reference-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 26px; margin: 0; padding: 0; list-style: none; }
.reference-list a { display: inline-flex; align-items: baseline; gap: 8px; color: #c9c9c5; font-size: 13px; line-height: 1.55; text-decoration: underline; text-decoration-color: #4c4c48; text-underline-offset: 3px; }
.reference-list a:hover { color: #fff; text-decoration-color: #c9c9c5; }
.reference-list a::before { color: #777772; content: "↗"; font-size: 11px; text-decoration: none; }
.pdf-ready-note { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: start; gap: 14px; margin-top: 18px; padding: 17px 19px; border: 1px solid #30302d; border-radius: 11px; background: #121211; }
.pdf-ready-note__icon { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid #474743; border-radius: 10px; color: #e1e1de; font-size: 9px; font-weight: 700; }
.pdf-ready-note h3 { margin: 0; color: #e5e5e2; font-size: 14px; font-weight: 630; }
.pdf-ready-note p { margin: 4px 0 0; color: #8e8e89; font-size: 12px; line-height: 1.65; }

@media (max-width: 1060px) {
  .topic-page .bio-hero__grid { grid-template-columns: minmax(0,1fr) minmax(370px,.95fr); gap: 32px; }
  .topic-page .lesson-layout { grid-template-columns: 182px minmax(0,1fr); gap: 27px; }
  .lesson-body-grid { grid-template-columns: minmax(0,1fr) minmax(260px,.85fr); gap: 24px; }
}

@media (max-width: 820px) {
  .topic-page .bio-hero { padding-top: 28px; }
  .topic-page .bio-hero__grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .topic-page .bio-hero__copy { max-width: 700px; }
  .topic-page .bio-hero__art { width: min(100%,650px); justify-self: start; }
  .learning-objectives__grid { grid-template-columns: 1fr; gap: 25px; }
  .topic-page .lesson-content-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .topic-page .lesson-layout { grid-template-columns: 1fr; gap: 25px; }
  .topic-page .lesson-sidebar__inner { position: static; }
  .topic-page .lesson-sidebar nav { display: flex; overflow-x: auto; gap: 7px; padding: 9px 0; border-top: 1px solid #292927; border-bottom: 1px solid #292927; scrollbar-width: thin; }
  .topic-page .lesson-sidebar nav a { display: flex; min-height: 38px; flex: 0 0 auto; gap: 8px; padding: 0 11px; border: 1px solid #333330; border-radius: 8px; white-space: nowrap; }
  .topic-page .lesson-sidebar__back { margin-top: 10px; }
  .lesson-body-grid { grid-template-columns: minmax(0,1fr); }
  .lesson-aside { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
  .lesson-aside .lesson-figure { grid-column: 1 / -1; }
  .chapter-wrap-up { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .topic-page .bio-hero { padding: 21px 0 34px; }
  .topic-page .bio-hero h1 { font-size: clamp(48px,12vw,66px); }
  .topic-page .bio-hero__description { font-size: 16px; }
  .topic-page .bio-hero__meta { gap: 7px; font-size: 7px; }
  .topic-page .topic-hero__figure figcaption { flex-direction: column; gap: 4px; font-size: 9px; }
  .topic-page .bio-section-heading h2 { font-size: 37px; }
  .learning-objectives { padding: 38px 0 41px; }
  .learning-objectives__grid { gap: 19px; }
  .learning-objectives__intro > p:last-child { font-size: 13px; }
  .objective-list { grid-template-columns: minmax(0,1fr); }
  .objective-list li:nth-child(odd) { margin-right: 0; }
  .objective-list li { padding: 12px 0; font-size: 13px; }
  .topic-page .topic-map-section { padding: 57px 0 62px; }
  .topic-page .topic-map-grid { grid-template-columns: minmax(0,1fr); gap: 9px; }
  .topic-page .topic-map-card,.topic-page .topic-map-card--last { grid-column: auto; padding: 17px; }
  .topic-page .topic-map-card h3 { font-size: 17px; }
  .topic-page .topic-map-card > p { font-size: 12px; }
  .topic-page .topic-map-card__links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px 10px; }
  .topic-page .topic-map-card__links a { font-size: 11px; }
  .topic-page .lesson-content-section { padding: 57px 0 65px; }
  .topic-page .lesson-content-heading h2 { font-size: 37px; }
  .topic-page .lesson-content-heading > p { font-size: 13px; }
  .topic-page .lesson-chapter { padding: 43px 0 49px; }
  .topic-page .lesson-chapter__heading { grid-template-columns: 38px minmax(0,1fr); gap: 11px; margin-bottom: 20px; }
  .topic-page .lesson-chapter__number { width: 35px; height: 35px; border-radius: 9px; font-size: 10px; }
  .topic-page .lesson-chapter__heading h2 { font-size: clamp(27px,7.2vw,35px); }
  .lesson-copy { font-size: 18px; line-height: 1.78; }
  .lesson-copy .lesson-lead { font-size: 19px; }
  .lesson-copy h3 { font-size: 23px; }
  .lesson-copy h4 { font-size: 18px; }
  .lesson-copy p { margin-bottom: 1em; }
  .lesson-aside { grid-template-columns: minmax(0,1fr); }
  .lesson-aside .lesson-figure { grid-column: auto; }
  .lesson-figure figcaption { font-size: 11px; }
  .reading-callout { padding: 15px 17px; }
  .reading-callout p { font-size: 14px; }
  .chapter-subsection { margin-top: 20px; padding-top: 18px; }
  .key-term-list { grid-template-columns: 110px minmax(0,1fr); }
  .key-term-list dt,.key-term-list dd { font-size: 13px; }
  .factor-list { grid-template-columns: minmax(0,1fr); }
  .factor-list dt { padding-bottom: 3px; border-bottom: 0; font-size: 14px; }
  .factor-list dd { padding-top: 0; font-size: 14px; }
  .comparison-table,.materials-table { min-width: 590px; font-size: 13px; }
  .experiment-facts { grid-template-columns: minmax(0,1fr); }
  .chapter-wrap-up { gap: 11px; margin-top: 23px; }
  .lesson-summary,.knowledge-check { padding: 17px; }
  .lesson-summary ul { font-size: 13px; }
  .lesson-pagination { gap: 8px; }
  .lesson-pagination a { min-height: 62px; gap: 7px; padding: 9px; }
  .lesson-pagination .pagination-title { font-size: 11px; }
  .lesson-pagination .pagination-direction { font-size: 7px; }
  .topic-page .curriculum-scope-card { grid-template-columns: 36px minmax(0,1fr); padding: 16px; }
  .topic-page .curriculum-scope-card__mark { width: 35px; height: 35px; }
  .topic-page .curriculum-scope-card > a { grid-column: 2; }
  .reference-section { padding-bottom: 57px; }
  .reference-panel { padding: 19px 0; }
  .reference-list { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .reference-list a { font-size: 12px; }
  .pdf-ready-note { padding: 13px; }
}

@media (max-width: 360px) {
  .topic-page .topic-map-card__links { grid-template-columns: minmax(0,1fr); }
  .lesson-pagination { grid-template-columns: minmax(0,1fr); }
  .lesson-pagination a:last-child { justify-content: space-between; }
}

@media (prefers-reduced-motion: reduce) {
  .topic-page *, .topic-page *::before, .topic-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Bağımsız konu sayfaları ve öğrenme rotası. Renk ve neon durumları neon-theme.css içindedir. */
.topic-page .route-card { display: block; position: relative; }
.topic-page .route-card:nth-child(4n+2) { --card-accent: #00e5c7; }
.topic-page .route-card:nth-child(4n+3) { --card-accent: #a78bfa; }
.topic-page .route-card:nth-child(4n) { --card-accent: #39ff88; }
.lab-entry { margin-bottom: 70px; }
.lab-entry > a { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: clamp(24px,4vw,48px); border: 1px solid; border-radius: 18px; }
.lab-entry h2 { margin: 8px 0; font-size: clamp(26px,3vw,38px); line-height: 1.2; }
.lab-entry p { max-width: 65ch; color: #b7c9d1; }
.lab-entry .button { flex-shrink: 0; }
.lesson-route { padding-bottom: 65px; }
.topic-page .lesson-route .lesson-layout { grid-template-columns: 240px minmax(0,1fr); gap: 38px; }
.lesson-route .lesson-chapters { min-width: 0; }
.topic-page .lesson-route .lesson-chapter__heading h1 { margin: 0; max-width: 30ch; font-size: clamp(30px,3.4vw,44px); font-weight: 550; line-height: 1.18; letter-spacing: -.04em; }
.lesson-route .lesson-body-grid { grid-template-columns: minmax(0,1.15fr) minmax(250px,.85fr); gap: 28px; }
.topic-page .lesson-route .lesson-sidebar nav a { font-size: 13px; line-height: 1.5; padding: 11px 10px; border-radius: 7px; }
.lesson-route .lesson-pagination a { font-size: 14px; }
.lesson-route .photo-lab { margin-top: 0; }
@media (max-width: 1100px) {
 .lesson-route .lesson-body-grid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 820px) {
 .topic-page .lesson-route .lesson-layout { grid-template-columns: minmax(0,1fr); gap: 30px; }
 .topic-page .lesson-route .lesson-sidebar nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: visible; }
 .topic-page .lesson-route .lesson-sidebar nav a { white-space: normal; min-width: 0; }
 .lab-entry > a { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 480px) {
 .topic-page .lesson-route .lesson-sidebar nav { grid-template-columns: minmax(0,1fr); }
 .lesson-route .lesson-pagination { grid-template-columns: minmax(0,1fr); }
}
.topic-page .lab-route .lesson-layout { grid-template-columns: minmax(0,1fr); }
.lab-route { padding-bottom: 30px; }
.lab-route .lesson-sidebar__inner { position: static; }
.topic-page .lab-route .lesson-sidebar nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
@media (max-width: 820px) { .topic-page .lab-route .lesson-sidebar nav { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 480px) { .topic-page .lab-route .lesson-sidebar nav { grid-template-columns: minmax(0,1fr); } }
.lab-route-title { margin: 0 0 24px; font-size: clamp(28px,4vw,46px); letter-spacing: -.04em; }