.atlas-page{--physics:#8bd9ca;--assurance:#f2c66d;--dispatch:#9fc6ff}[data-theme=light] .atlas-page{--physics:#126556;--assurance:#815505;--dispatch:#205eab}.learning-header{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:3rem;align-items:end}.learning-header h2{max-width:24ch;margin:.5rem 0 1rem}.learning-header p{color:var(--muted);max-width:64ch}.learning-status{padding-left:1.5rem;border-left:1px solid var(--line)}.js .learning-status.js-only,.js .lesson form.js-only{display:block !important}.learning-status strong{font:600 1.5rem/1.4 var(--mono);display:block}.learning-status label,.learning-status small{color:var(--muted);display:block;font-size:.875rem}.learning-status progress{display:block;width:100%;height:8px;margin:1rem 0;accent-color:var(--physics);border:0;border-radius:0}.learning-status progress::-webkit-progress-bar{background:var(--raised)}.learning-status progress::-webkit-progress-value{background:var(--physics)}.learning-status progress::-moz-progress-bar{background:var(--physics)}.learning-status a{display:inline-flex;align-items:center;min-height:48px;color:var(--physics);font-weight:600}.learning-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-block:2rem}.learning-track{border-top:3px solid var(--track);padding-top:1rem}.learning-track b{display:block;font-size:1rem}.learning-track span{color:var(--muted);font-size:.875rem}[data-track=physics]{--track:var(--physics)}[data-track=assurance]{--track:var(--assurance)}[data-track=dispatch]{--track:var(--dispatch)}.learning-tools{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding-block:1rem;margin-bottom:1rem;border-block:1px solid var(--line)}.learning-tools label{font-weight:600}.learning-tools select{min-height:48px;padding:.75rem;border:1px solid var(--control);border-radius:4px;color:var(--text);background:var(--panel);max-width:100%}.learning-tools small{color:var(--muted);margin-left:auto}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:start}.lesson{position:relative;min-width:0;padding:1.5rem;border:1px solid var(--line);border-top:3px solid var(--track);border-radius:8px;background:var(--panel);scroll-margin-top:120px;transition:transform 180ms ease,border-color 180ms ease}.lesson-top{display:flex;align-items:center;gap:.75rem;justify-content:space-between;flex-wrap:wrap;font:500 .75rem/1.5 var(--mono);color:var(--track)}.lesson-top [data-completion]{color:var(--muted)}.lesson h3{font-size:1.375rem;line-height:1.35;margin-block:1rem .75rem;text-wrap:balance}.lesson p{color:var(--muted);font-size:1rem;line-height:1.65;margin-block:.75rem}.lesson .lesson-source{font:400 .75rem/1.6 var(--mono)}.lesson-source a{color:var(--track);text-underline-offset:4px}.lesson-source code{overflow-wrap:anywhere}.lesson-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.lesson-links a{min-height:48px;display:inline-flex;align-items:center;font-weight:600;text-underline-offset:5px}.lesson summary{border-top:1px solid var(--line);padding-block:1rem;font-weight:600;margin-top:.75rem}.lesson summary::marker{color:var(--track)}.lesson h4{font-size:.875rem;margin-block:1.25rem .5rem;color:var(--track)}.lesson ul{padding-left:1.2rem;color:var(--muted);font-size:1rem}.lesson li{margin-block:.5rem}.lesson .lesson-limit{font-size:.875rem;border-left:2px solid var(--track);padding-left:.75rem}.lesson fieldset{border:0;margin:1.5rem 0 0;padding:0}.lesson legend{font-weight:600;font-size:1rem;line-height:1.5;margin-bottom:.5rem}.lesson label{display:flex;align-items:center;gap:.75rem;min-height:48px;padding:.625rem 0;line-height:1.5;cursor:pointer}.lesson input[type=radio]{flex:0 0 auto;width:18px;height:18px;accent-color:var(--track)}.lesson button{margin-top:.75rem;padding:.75rem 1rem;min-height:48px;font-weight:600;background:var(--raised);color:var(--text);border:1px solid var(--control);border-radius:4px}.lesson [data-feedback]{min-height:1.65em;font-size:.875rem}.lesson-complete .lesson-top [data-completion]{color:var(--track)}.learning-footnote{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.learning-footnote p{color:var(--muted);font-size:.875rem;max-width:72ch}.learning-reset{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;max-width:min(480px,calc(100vw - 2rem));padding:1.5rem}.learning-reset::backdrop{background:rgba(0,0,0,.7)}.learning-reset h3{font-size:1.25rem}.learning-reset button{min-height:48px;padding:.75rem}.atlas-page .visual{border:0;border-radius:0;background:transparent;box-shadow:none}.atlas-page .model-stage{border-block:1px solid var(--line)}.atlas-page .project-grid{gap:1.5rem}.atlas-page .project-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1.5rem}.atlas-page .project-card .card-number{color:var(--teal)}.scene-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;color:var(--muted);font-size:.75rem;padding-block:.75rem}.scene-legend span{display:inline-flex;align-items:center;gap:.5rem}.scene-legend i{width:8px;height:8px;border-radius:50%;background:var(--component)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.lesson:hover{transform:translateY(-3px);border-color:var(--track)}}@media (max-width:850px){.learning-header{grid-template-columns:minmax(0,1fr);gap:1rem}.learning-status{padding:0;border:0;max-width:480px}}@media (max-width:600px){.lesson-grid{grid-template-columns:minmax(0,1fr)}.learning-tracks{grid-template-columns:minmax(0,1fr);gap:1rem}.lesson{padding:1.25rem}.learning-tools{align-items:stretch}.learning-tools small{margin-left:0}.learning-tools select{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.lesson{transition:none}.lesson:hover{transform:none}}@media print{.lesson details>*{display:block}.lesson-grid{display:block}.lesson{break-inside:avoid}}