:root{
  --paper: #f4f4eb;
  --white: #fff;
  --ink: #193c2d;
  --muted: #526452;
  --line: #d2d9c9;
  --indigo: #126d4d;
  --indigo-dark: #0c5139;
  --mist: #e6f2df;
  --teal: #166858;
  --ochre: #9d6923;
  --forest: #102c21;
  --forest-line: #345343;
  --leaf: #c1f17d;
  --ice: #88dce3;
  --heading-font: 'Space Grotesk',Manrope,Arial,sans-serif;
  --space-group: 1rem;
  --space-section: 2.5rem;
  --sidebar: 224px;
}/* Original quant-laboratory theme. Public reference evidence lives outside dist. */
body{background:var(--paper)}h1,h2,h3,.brand-label{font-family:var(--heading-font)}:focus-visible{outline-color:var(--indigo)}input,textarea,select{accent-color:var(--indigo)}.sidebar{background:var(--forest);border-right-color:#244635;color:#edf6e7}.brand{letter-spacing:-1.1px}.brand-icon{background:#173e2b;border:1px solid #4b7453;border-radius:13px;padding:7px;box-shadow:none}.brand-label span{color:var(--leaf)}.course-badge{background:#142d21;border-color:#3e5c45}.course-badge .badge-symbol{background:#345731;color:#e1fbb9}.course-badge small{color:#b9cbb9}.nav-label{color:#a8bfa9;letter-spacing:1.1px}.nav-link{color:#bacdbc}.nav-link:hover{background:#1e3c2c;color:#f4f9ec}.nav-link.active{background:#2a4729;color:#d4f7a6;box-shadow:inset 3px 0 var(--leaf)}.nav-count{background:#456137;color:#e5faca}.study-meter{border-color:var(--forest-line)}.meter-track{background:#33513d}.meter-track span{background:var(--leaf)}.study-meter small,.sidebar .help-link{color:#b8c9b4}.sidebar .help-link{border-color:var(--forest-line)}.sidebar .help-link:hover{color:#e7faca;background:#193726}.sidebar :focus-visible{outline-color:var(--leaf)}.topbar{background:#142b22;border-color:#2b4938;color:#eaf4e6}.breadcrumb{color:#b8cbb9}.breadcrumb b{color:#f0f8e9}.topbar .search-box{background:#203d2c;border-color:#4c6b50}.topbar .search-box input{color:#f2f8eb}.topbar .search-box input::placeholder{color:#c1d2bc;opacity:1}.topbar .search-box svg{color:#c1d2bc}.topbar .search-box:focus-within{border-color:var(--leaf);box-shadow:0 0 0 2px #b9ee7833}.key-hint{border-color:#678362;color:#d2e1c9}.topbar .icon-button{color:#d4e7c9}.topbar .icon-button:hover{background:#2c4c34;color:#eafaca}.topbar :focus-visible{outline-color:var(--leaf)}.top-separator{background:#4d6a4c}.mobile-scrim.open{background:#06130dcc}.skip-link{background:#b9ee78;color:#183c29}.page-intro h1{font-weight:700;letter-spacing:-1px;font-size:29px}.page-intro p{color:var(--muted)}.soft-tag{border-color:#cdddc4;background:#f9fcf5;color:#365b38;border-radius:20px;padding:8px 13px}.soft-tag i{background:#267a49}.button.primary{background:var(--indigo);box-shadow:none;color:#fff}.button.primary:hover{background:var(--indigo-dark)}.button.secondary{border-color:#cbdcc4;background:#fff;color:#294c35}.button.secondary:hover{background:#edf6e6;border-color:#648d5b;color:#174f37}.section-title h2{font-weight:700;font-size:18px}.section-title small,.lesson-meta,.module-copy p,.lesson-row,.lesson-row .row-duration,.watch-copy p,.source-status,.results-label,.resource-author,.resource-link small,.reader-lead,.reader-metadata,.reader-side-box small.notice,.glossary-item dd,.path-stat,.about-footer,.site-footer,.no-results-count{color:var(--muted)}.lesson-watch-icon{background:#e8f3dc;color:#316836}.module-heading:hover{background:#f6faf2}.module-number,.module-card:first-child .module-number{background:#e7f2d9;color:#3a6730;border:1px solid #cfdfba}.module-card:nth-child(2) .module-number{background:#dbf0e9;color:#24604c;border-color:#c4e0d3}.module-card:nth-child(3) .module-number{background:#f6efd3;color:#74602d;border-color:#e8dbac}.module-card:nth-child(4) .module-number{background:#ddf0f0;color:#2b6266;border-color:#c1dede}.module-card:nth-child(5) .module-number{background:#f6e8dc;color:#815135;border-color:#e6ccb8}.module-lessons{background:#fbfdf8}.lesson-row{border-color:#e4ebdd}.lesson-row svg{color:#56735b}.watch-card,.resource-card,.module-card,.reader-side-box,.glossary-item{border-color:var(--line)}.play-circle{color:#265a41;background:#f4f9ef}.video-image{background:#173429}.video-art{background:radial-gradient(ellipse at 25% 10%,#416b4a,transparent 65%),#152c22}.video-image img{opacity:.94}.video-label{background:#092318aa}.video-image:after{background:linear-gradient(0deg,#061e1970,transparent 80%)}.site-footer a{color:#386545}.reader-title{font-weight:700}.reader-content{background:#fff;border-color:#d5dfce;border-radius:14px}.reader-content p,.takeaways li,.quiz p,.quiz-feedback,.try-prompt,.saved-note,.about-box p,.about-box li,.assignment-step p,.assignment-summary p,.resource-card p{color:#4d6256}.takeaways{background:#edf5e5;border:1px solid #d6e5c8}.takeaways h3{color:#28613b}.editor-note{background:#faf3df;color:#6b552d;border-color:#aa7b28}.editor-note b{color:#634b25}.source-tag{background:#edf2e7;color:#4a6244}.mini-lesson{color:#52675a}.mini-lesson.active{color:#126341}.quiz-option:hover{background:#f5faef;border-color:#709b60}.quiz-option .option-letter{color:#526b53}.quiz-option.selected{background:#e8f3dc;border-color:#428047}.quiz-option.correct{background:#e4f3e7;border-color:#4e7b56;color:#225f3e}.quiz-option.incorrect{background:#fbefeb;border-color:#95675d;color:#925343}.quiz-feedback{background:#f0f5eb}.quiz-option[aria-pressed=true] .option-letter{border-color:currentColor}.completed-button{background:#e5f3df!important;color:#245e39!important;border-color:#6c8c58!important}.assignment-head{background:#e7f1dd;border-color:#cdddbd}.assignment-head .assignment-icon{background:#cee5b8;color:#306337}.assignment-head p{color:#50674b}.assignment-check{border-color:#9cb58b;background:#fff}.assignment-check:checked{background:#246f45;border-color:#246f45}.assignment-step:has(:checked){border-color:#729266;background:#f7fcf1}.assignment-step h3 span{color:#526d48}.deliverable{background:#eef5e7;color:#4e6544;border-color:#d9e5ce}.term-pill{color:#486143;background:#fff;border-color:#d2dfc8}.term-pill:hover{background:#ecf5e1;color:#245c33;border-color:#719962}.filter-input,.search-box{background:#f8fcf3;border-color:#d0ddc7;color:var(--ink)}.filter-input::placeholder,textarea::placeholder{color:#65725d;opacity:1}.filter-button{color:#53674b}.filter-button.active{color:#225e32;background:#e3f1d3}.topic-select{color:#47603f;border-color:#ccd9c2}.access-pill,.topic-chips span{background:#edf3e6;color:#536748}.empty-state{border-color:#becfb1;color:#53664a}.glossary-item.highlighted{background:#f1f9e8;border-color:#5c8b47}textarea{color:#3d5a48;border-color:#c5d7bb;background:#fff}textarea:focus{outline-color:#9bc678;border-color:#5b8047}.about-box,.assignment-summary{border-color:var(--line)}.source-preview{background:#f0f5e9;color:#405a3f}.about-box h2,.about-box h3{font-weight:700}.toast{background:#193e28;color:#f5f9e9;border:1px solid #73a754}.storage-warning{background:#faf1d8;color:#725a29;border-color:#dbc187}dialog{background:#fcfff8;border-color:#bed0af;box-shadow:0 22px 80px #0d211a44}dialog p{color:#52654b}dialog::backdrop{background:#071b12a6}.settings-error{color:#8e4f3f}/* Shared search and manual provenance keep their own semantic surfaces. */
.wiki-search-form{border-color:#cbdcc0;background:#fff;border-radius:14px;box-shadow:inset 0 3px #c5e5a2}.wiki-search-form p,.wiki-coverage,.wiki-results-heading,.wiki-count-help,.wiki-aliases,.wiki-section-note,.wiki-related>p,.wiki-partial>p{color:#51674d}.wiki-topic{border-color:#d8e1d0}.wiki-concept-list .term-pill{background:#fbfdf7}.wiki-group{border-color:#ccd9c3;background:#fff;border-radius:12px}.wiki-group-title{background:#eef5e7;border-color:#dbe7d1}.wiki-group-title span{color:#32663b}.wiki-group-title small{color:#596d4f}.wiki-match{border-color:#e0e8d8}.wiki-match h3 a{color:#1b6544}.wiki-source{color:#4f6953}.wiki-source span+span:before{color:#6e8565}.wiki-excerpt{color:#415b47}.wiki-excerpt mark,.wiki-match h3 mark{background:#d7edac;color:#203d28}.wiki-more summary{color:#2a6943}.wiki-more[open] summary{border-color:#d8e6cc}.wiki-relationship{color:#4b6c48}.wiki-related>.wiki-match{background:#f2f8e9;border-color:#d2e2c4}.wiki-correction{background:#faf2dc;border-color:#e2cea1;color:#6c552a}.wiki-correction a{color:#674e25}.wiki-did-you-mean{background:#e8f2db;color:#2f5737;border:1px solid #c8dcb5}.wiki-did-you-mean a{color:#235e3d}.wiki-did-you-mean small{color:#506848}.wiki-definition{color:#33563f}.manual-layout nav{border-color:#d0dfc4}.manual-layout nav a{color:#51684c}.manual-layout nav a[aria-current]{color:#126341}.manual-prose pre{background:#edf4e4}.manual-prose code{background:#e8f0df;color:#31533b}.manual-table th,.manual-table td{border-color:#cfdcc5}.manual-table th{background:#e9f2de}.wiki-topic:focus,[id^=section-]:focus,[id^=assignment-]:focus,[id^=resource-]:focus,[id^=manual-]:focus{outline-color:#31764b}/* The plots share role colors; heatmap cell foreground/background pairs stay untouched. */
.lab-shell{--lab-indigo:#176a47;--lab-ink:#243e2d;--lab-muted:#536a50;--lab-lilac:#e6f1d9;--lab-line:#cfdcc5;background:#fcfef8;border-color:#c8dac0;border-radius:18px}.lab-eyebrow{letter-spacing:.045em;text-transform:none}.lab-swatch-indigo{background:#95be69}.lab-swatch-teal{background:#77bdab}.lab-range-labels,.lab-footnote{color:#5b6e52}.lab-presets button[aria-pressed=true]{border-color:#91b071}.lab-metric{background:#edf5e3;border-color:#d7e7c8}.lab-note{color:#74602d}.lab-note-dot{background:#ac7f22}.lab-check:has(input:checked){background:#f0f7e8;border-color:#91b775}.lab-mode label>span{background:#fcfef8}.lab-mode input:checked+span{border-color:#8fb373}.lab-result{background:#e5f3e6;border-color:#c4dfc5}.lab-result>strong{color:#246744}.lab-result p{color:#456b4c}.lab-result-off{background:#edf1e8;border-color:#d7dfcd}.lab-truth-table th{color:#566c4d;background:#edf3e6}.lab-cell-selected{outline-color:#9a6a21;border-color:#fcfef8}.lab-cell:hover{box-shadow:inset 0 0 0 2px #9a6a21}.lab-formula{background:#faf2d9;border-color:#dfc98d;color:#745b24}.lab-shell button:focus-visible,.lab-shell input[type=range]:focus-visible,.lab-shell input[type=checkbox]:focus-visible,.lab-mode input:focus-visible+span{outline-color:#176a47}.lab-heatmap-legend i{background:linear-gradient(90deg,#eeedf7,#6962c9)}


@media(max-width:1000px){.page-intro h1{font-size:27px}}
@media(max-width:800px){.manual-layout nav{border-color:#cbdcc0}}
@media(max-width:640px){.page-intro h1{font-size:26px}.wiki-search-row .filter-input{min-width:0}.nav-link{font-size:12px}}
/* Small filter counts need full-opacity text on the paper surface. */
.wiki-filters span{opacity:1}/* Field guide refinement: a deliberate type ramp and a quieter reading canvas.
   Existing semantic quiz,source and plot colors above remain authoritative. */
body{ font-size: 16px; }::selection{ background: #c1f17d; color: #102c21; }html{ scrollbar-color: #78946c #f4f4eb; }input,textarea{ caret-color: #126d4d; }h1,h2,h3{ text-wrap: balance; }p{ text-wrap: pretty; }a{ text-underline-offset: .22em; }button,a,input,select,textarea{ -webkit-tap-highlight-color: #c1f17d55; }.sidebar{ background: var(--forest); padding: 32px 24px 24px; }.brand{ font-size: 24px; letter-spacing: -.04em; gap: 10px; }.brand-icon{ width: 32px; height: 40px; border: 0; border-radius: 0; padding: 0; background: transparent; }.course-badge{ border: 0; border-top: 1px solid #456247; border-bottom: 1px solid #456247; border-radius: 0; background: transparent; padding: 22px 0; margin-top: 30px; gap: 12px; }.course-badge .badge-symbol{ background: var(--leaf); color: #193c2d; border-radius: 3px; font-size: 12px; width: 39px; height: 39px; flex: none; }.course-badge b{ font-size: 12px; line-height: 1.6; }.course-badge small{ font-size: 11px; line-height: 1.6; }.nav-label{ font-size: 10px; margin: 26px 0 12px; letter-spacing: .1em; }.nav-link{ border-radius: 4px; padding: 13px 11px; font-size: 13px; font-weight: 500; min-height: 46px; margin: 3px 0; }.nav-link.active{ background: var(--leaf); color: #193c2d; box-shadow: none; font-weight: 750; }.nav-link:hover{ background: #2b4c32; }.nav-link.active:hover{ background: #d0f69f; }.sidebar :focus-visible{ outline-color: var(--leaf); }.study-meter small,.help-link{ font-size: 11px; line-height: 1.7; }.meter-line{ font-size: 12px; }.meter-track{ height: 3px; border-radius: 0; }.meter-track span{ border-radius: 0; }.topbar{ height: 80px; background: var(--paper); color: var(--ink); border-color: var(--line); }.breadcrumb{ color: var(--muted); font-size: 12px; }.breadcrumb b{ color: var(--ink); font-size: 12px; }.topbar .search-box{ background: #fffef8; border-color: #bdcbb4; border-radius: 5px; width: 280px; height: 44px; }.topbar .search-box input{ color: var(--ink); font-size: 13px; }.topbar .search-box input::placeholder{ color: #526452; }.topbar .search-box svg{ color: #526452; }.key-hint{ border-color: #bdcbb4; color: var(--muted); }.topbar .search-box:focus-within{ border-color: #126d4d; box-shadow: 0 0 0 2px #126d4d22; }.topbar .icon-button{ color: #28543a; width: 44px; height: 44px; }.topbar .icon-button:hover{ background: #e0e9d6; color: #193c2d; }.topbar :focus-visible{ outline-color: var(--indigo); }.top-separator{ background: var(--line); }main{ padding: 36px 42px 64px; }.page-intro{ margin-bottom: 32px; }.page-intro h1{ font-size: clamp(30px, 3vw, 44px); line-height: 1.12; letter-spacing: -.035em; }.page-intro p{ font-size: 15px; line-height: 1.7; margin-top: 14px; }.soft-tag{ border-radius: 4px; font-size: 12px; }.button{ min-height: 44px; font-size: 13px; border-radius: 4px; padding: 12px 18px; }.button.small{ font-size: 12px; min-height: 40px; }.back-link{ min-height: 44px; font-size: 13px; align-items: center; }.dashboard-grid{ grid-template-columns: minmax(0, 1fr) 280px; gap: 40px; }.section-title{ margin-bottom: 18px; align-items: baseline; }.section-title h2{ font-size: 23px; letter-spacing: -.035em; line-height: 1.25; }.section-title a,.section-title small{ font-size: 12px; line-height: 1.6; }.lesson-meta{ font-size: 12px; line-height: 1.7; gap: 14px; }.roadmap{ display: block; border-top: 1px solid #91a17c; }.module-card{ border: 0; border-bottom: 1px solid #c2ceb4; border-radius: 0; background: transparent; margin: 0; overflow: visible; }.module-heading{ padding: 24px 0; gap: 18px; background: transparent; }.module-heading:hover{ background: #e9efdf; }.module-number,.module-card:first-child .module-number,.module-card:nth-child(n) .module-number{ width: 35px; min-width: 35px; border: 0; background: transparent; color: #476c38; font-size: 24px; border-radius: 0; font-family: var(--heading-font); font-weight: 500; }.module-copy h3{ font-size: 18px; line-height: 1.35; letter-spacing: -.025em; }.module-copy p{ font-size: 13px; line-height: 1.7; margin-top: 7px; }.module-lessons{ padding: 0 0 16px 53px; background: transparent; }.lesson-row{ min-height: 48px; padding: 13px 0; font-size: 13px; line-height: 1.6; border-color: #d2dcc7; gap: 12px; }.lesson-row .row-duration{ font-size: 11px; }.lesson-row:hover{ color: #126d4d; background: #e9efdf; }.source-status{ margin-top: 22px; font-size: 12px; line-height: 1.8; }.watch-card{ border: 0; border-radius: 0; background: transparent; margin-bottom: 24px; box-shadow: none; }.watch-card:hover{ transform: none; box-shadow: none; }.watch-card .video-image{ border-radius: 4px; overflow: hidden; aspect-ratio: 16/9; }.watch-copy{ padding: 13px 0 0; }.watch-copy h3{ font-size: 14px; line-height: 1.6; }.watch-copy p,.watch-copy .link-line{ font-size: 12px; line-height: 1.7; }.video-label{ font-size: 10px; }.play-circle{ width: 40px; height: 40px; }.reader-layout{ grid-template-columns: minmax(0, 1fr) 245px; gap: 40px; }.reader-title{ font-size: clamp(34px, 3.3vw, 48px); letter-spacing: -.035em; line-height: 1.15; margin: 14px 0 20px; }.reader-lead{ font-size: 17px; line-height: 1.75; max-width: 60ch; }.subtitle-label{ font-size: 12px; color: #476c38; letter-spacing: 0; text-transform: none; }.reader-metadata{ font-size: 12px; line-height: 1.8; margin: 24px 0; }.reader-content{ border: 0; border-radius: 0; background: transparent; padding: 0; }.reader-content section + section{ margin-top: 36px; }.reader-content h2{ font-size: 23px; line-height: 1.35; margin-bottom: 14px; letter-spacing: -.025em; }.reader-content p{ font-size: 16px; line-height: 1.9; color: #304b38; max-width: 68ch; }.reader-side-box{ background: transparent; border: 0; border-top: 1px solid #b9c9a8; border-radius: 0; padding: 21px 0; }.reader-side-box h3{ font-size: 15px; line-height: 1.5; margin-bottom: 16px; }.mini-lesson{ font-size: 13px; line-height: 1.7; padding: 11px 8px; border-radius: 4px; min-height: 44px; }.resource-link{ padding: 12px 0; }.reader-side-box .resource-link b{ font-size: 13px; line-height: 1.65; }.resource-link small,.reader-side-box small.notice{ font-size: 12px; line-height: 1.8; }.takeaways{ border: 0; border-radius: 4px; background: #e1ebd4; padding: 24px 26px; margin-top: 32px; }.takeaways h3{ font-size: 18px; }.takeaways li{ font-size: 15px; line-height: 1.85; }.editor-note{ border: 1px solid #c8b784; border-radius: 4px; background: #fcf6e6; font-size: 14px; line-height: 1.85; padding: 22px 24px; }.editor-note b{ font-size: 14px; }.try-prompt{ font-size: 15px; line-height: 1.85; padding-top: 24px; }.try-prompt b{ font-size: 15px; }.quiz{ border: 1px solid #bdcbb4; border-radius: 4px; padding: 28px; background: #fffef8; margin-top: 32px; }.quiz h3{ font-size: 21px; }.quiz p{ font-size: 15px; line-height: 1.8; }.quiz-option{ font-size: 14px; min-height: 48px; border-radius: 4px; line-height: 1.8; }.quiz-feedback{ font-size: 14px; line-height: 1.8; }.lesson-watch{ border: 1px solid #bdcbb4; border-radius: 4px; padding: 20px; margin-bottom: 32px; background: #fffef8; }.lesson-watch-icon{ background: transparent; border-radius: 0; }.lesson-watch h3{ font-size: 14px; line-height: 1.7; }.lesson-watch small,.lesson-watch-external{ font-size: 12px; }.lesson-notes{ margin-top: 32px; }.lesson-notes label,.assignment-summary label{ font-size: 16px; }.lesson-notes small{ font-size: 12px; }.lesson-notes textarea,.assignment-summary textarea{ font-size: 15px; line-height: 1.8; border-radius: 4px; }.lesson-bottom{ gap: 14px; flex-wrap: wrap; }.term-pill,.topic-chips span{ font-size: 12px; border-radius: 4px; }.wiki-search-form{ border: 1px solid #bdcbb4; border-radius: 4px; box-shadow: none; padding: 24px; background: #fffef8; }.wiki-search-row .filter-input{ border-radius: 4px; font-size: 16px; min-height: 48px; }.wiki-search-form p,.wiki-coverage,.wiki-results-heading,.wiki-count-help,.wiki-aliases,.wiki-section-note{ font-size: 13px; line-height: 1.8; }.wiki-filters .filter-button{ font-size: 12px; min-height: 44px; padding: 10px 14px; border-radius: 4px; }.wiki-group{ border: 0; border-top: 1px solid #aabf97; border-radius: 0; margin-bottom: 28px; background: #fffef8; }.wiki-group-title{ padding: 16px 20px; font-size: 14px; background: #e8efdc; }.wiki-group-title span,.wiki-group-title small{ font-size: 11px; }.wiki-hit{ padding: 20px; }.wiki-hit-title{ font-size: 16px; line-height: 1.7; }.wiki-excerpt{ font-size: 14px; line-height: 1.85; }.wiki-source{ font-size: 12px; line-height: 1.8; }.wiki-concept > h1{ font-size: clamp(34px, 3.3vw, 48px); letter-spacing: -.035em; }.wiki-definition{ font-size: 18px; line-height: 1.85; max-width: 65ch; }.wiki-manual p,.wiki-manual li{ font-size: 16px; line-height: 1.9; }.lab-shell{ border: 1px solid #bdcbb4; border-radius: 6px; background: #fffef8; }.lab-shell .lab-intro{ font-size: 15px; line-height: 1.8; }.lab-shell h2{ font-size: 25px; letter-spacing: -.025em; }.lab-card{ border: 1px solid #c2ceb4; border-radius: 5px; background: #fffef8; box-shadow: none; }.lab-card-copy{ padding: 24px; }.lab-card-copy h3{ font-size: 22px; }.lab-card-copy p{ font-size: 15px; line-height: 1.8; }.lab-card-copy small{ font-size: 13px; }.lab-cover{ border-radius: 4px 4px 0 0; }.resource-card{ border: 1px solid #c2ceb4; border-radius: 5px; box-shadow: none; }.resource-card h3{ font-size: 18px; line-height: 1.5; }.resource-card p{ font-size: 14px; line-height: 1.8; }.assignment-head{ border-radius: 4px; padding: 26px; }.assignment-head h2{ font-size: 25px; }.assignment-head p,.assignment-step p,.assignment-summary p{ font-size: 15px; line-height: 1.85; }.assignment-step{ border: 0; border-bottom: 1px solid #bdcbb4; border-radius: 0; padding: 28px 12px; background: transparent; }.assignment-step h3{ font-size: 19px; line-height: 1.5; }.deliverable{ font-size: 13px; line-height: 1.8; border-radius: 4px; }.assignment-summary{ border-radius: 4px; }.about-box{ border: 0; border-radius: 0; background: transparent; padding: 0; }.about-box p,.about-box li{ font-size: 16px; line-height: 1.9; }.about-box h2{ font-size: 26px; }.about-box h3{ font-size: 21px; }.about-grid{ gap: 48px; }.site-footer{ font-size: 11px; line-height: 1.8; border-color: var(--line); gap: 16px; }
@media (min-width: 1700px) {main{ padding: 44px 56px 72px; }.dashboard-grid{ grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; }.reader-layout{ grid-template-columns: minmax(0, 1fr) 270px; gap: 56px; }
}
@media (max-width: 1180px) and (min-width: 801px) {.sidebar{ padding: 28px 18px 20px; }.brand{ font-size: 21px; }main{ padding: 28px; }.topbar{ padding: 0 28px; }.topbar .search-box{ width: 230px; }.dashboard-grid{ grid-template-columns: minmax(0, 1fr) 225px; gap: 28px; }.section-title{ flex-wrap: wrap; gap: 8px; }.section-title h2{ font-size: 21px; }.module-heading{ gap: 12px; }.reader-layout{ display: block; }.reader-main{ max-width: 760px; }.reader-aside{ margin-top: 36px; }
}
@media (max-width: 800px) {.sidebar{ padding: 30px 24px 24px; }.brand{ font-size: 24px; }.workspace{ margin-left: 0; }.topbar{ height: 72px; padding: 0 20px; gap: 12px; }.topbar-right{ gap: 10px; }.topbar .search-box{ width: 240px; }main{ padding: 24px 24px 48px; }.dashboard-grid{ grid-template-columns: minmax(0, 1fr) 220px; gap: 24px; }.section-title{ flex-wrap: wrap; gap: 8px; }.section-title h2{ font-size: 21px; }.reader-layout{ display: block; }.reader-aside{ margin-top: 36px; }.lesson-bottom{ flex-direction: column; align-items: stretch; }.about-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 640px) {main{ padding: 20px 20px 40px; }.topbar{ padding: 0 14px; gap: 8px; }.topbar .mobile-menu{ width: 40px; height: 44px; }.topbar-right{ flex: 1; min-width: 0; gap: 0; }.topbar .search-box{ width: 100%; height: 42px; }.topbar .search-box input{ font-size: 12px; }.breadcrumb{ display: none; }.top-separator{ display: none; }.topbar-right .icon-button{ display: none; }.dashboard-grid{ grid-template-columns: 1fr; gap: 36px; }.dashboard-right{ display: block; }.dashboard-right > .section-title{ margin-bottom: 18px; }.section-title h2{ font-size: 22px; }.section-title small{ font-size: 11px; }.lesson-meta{ font-size: 11px; gap: 12px; flex-wrap: wrap; }.module-heading{ padding: 22px 0; gap: 12px; }.module-number,.module-card:first-child .module-number,.module-card:nth-child(n) .module-number{ min-width: 30px; width: 30px; font-size: 22px; }.module-copy h3{ font-size: 18px; }.module-copy p{ font-size: 12px; }.module-lessons{ padding-left: 0; }.lesson-row{ font-size: 13px; gap: 10px; }.row-duration{ white-space: nowrap; }.watch-card{ display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 16px; padding-bottom: 22px; border-bottom: 1px solid #c2ceb4; }.watch-card .video-image{ aspect-ratio: 1/1; }.watch-card .play-circle{ width: 30px; height: 30px; }.watch-card .video-label{ font-size: 9px; bottom: 5px; left: 6px; }.watch-copy{ padding: 0; }.watch-copy h3{ font-size: 13px; }.watch-copy p,.watch-copy .link-line{ font-size: 11px; }.reader-title,.wiki-concept > h1{ font-size: 34px; line-height: 1.2; }.reader-lead{ font-size: 16px; }.reader-metadata{ font-size: 12px; gap: 14px; flex-wrap: wrap; }.reader-content p,.wiki-manual p,.wiki-manual li{ font-size: 16px; line-height: 1.85; }.reader-content h2{ font-size: 23px; }.reader-content section + section{ margin-top: 30px; }.takeaways{ padding: 22px; }.takeaways li{ font-size: 15px; }.editor-note{ padding: 20px; font-size: 14px; }.quiz{ padding: 22px 18px; }.quiz-option{ padding: 12px; font-size: 14px; }.lesson-watch{ padding: 18px; }.lesson-watch-top{ flex-wrap: wrap; }.lesson-watch-top > div{ min-width: 150px; }.lesson-watch-top h3{ font-size: 13px; }.lesson-watch-top button{ font-size: 12px; min-height: 44px; }.lesson-watch small,.lesson-watch-external{ font-size: 12px; }.wiki-search-form{ padding: 18px; }.wiki-search-row{ flex-wrap: wrap; }.wiki-search-row .filter-input{ font-size: 15px; flex-basis: 160px; }.wiki-group-title{ padding: 14px 16px; }.wiki-hit{ padding: 16px; }.wiki-excerpt{ font-size: 14px; }.wiki-definition{ font-size: 17px; }.lab-shell{ padding: 20px 16px; border-radius: 4px; }.lab-shell h2{ font-size: 23px; }.lab-card-copy{ padding: 22px; }.resource-card h3{ font-size: 18px; }.resource-card p{ font-size: 14px; }.assignment-head{ padding: 22px; }.assignment-head h2{ font-size: 22px; }.assignment-head p,.assignment-step p{ font-size: 14px; }.assignment-step{ padding: 24px 0; gap: 14px; }.assignment-step h3{ font-size: 18px; }.deliverable{ font-size: 12px; }.about-box p,.about-box li{ font-size: 16px; }.site-footer{ padding: 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; font-size: 11px; }.site-footer a{ float: none; }
}
/* Learning notebook: course work leads; decoration does not occupy a region. */
.breadcrumb a{ color: #526452; text-decoration: none; }.breadcrumb a:hover{ color: #126d4d; text-decoration: underline; }.sidebar{ width: var(--sidebar); }.nav-link{ font-size: 12px; white-space: nowrap; padding: 12px 8px; }.brand{ font-size: 22px; }.course-heading{ display: flex; justify-content: space-between; gap: 24px; align-items: end; padding: 0 0 28px; border-bottom: 1px solid #b8c8aa; }.course-heading h1{ font-size: clamp(34px, 4vw, 52px); letter-spacing: -.04em; line-height: 1.1; margin: 0 0 14px; }.course-heading p{ color: #526452; font-size: 16px; line-height: 1.7; margin: 0; }.course-heading .course-scope{ text-align: right; white-space: nowrap; font-size: 12px; line-height: 1.9; }.course-resume{ display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 28px 0; margin: 0; }.resume-context{ font-size: 12px; line-height: 1.8; color: #526452; }.course-resume h2{ font-size: 25px; letter-spacing: -.025em; line-height: 1.35; margin: 8px 0; }.course-resume h2 a{ color: #193c2d; text-decoration: none; }.course-resume h2 a:hover{ text-decoration: underline; }.course-resume p{ font-size: 14px; line-height: 1.75; color: #526452; margin: 0; }.course-resume .button{ flex: none; background: #193c2d; }.course-shortcuts{ display: flex; gap: 24px; border-bottom: 1px solid #b8c8aa; margin-bottom: 36px; padding: 0 0 20px; }.course-shortcuts a{ display: inline-flex; gap: 8px; align-items: center; font-size: 12px; line-height: 1.6; min-height: 36px; color: #126d4d; font-weight: 650; }.course-shortcuts svg,.module-go svg,.experiment-lesson svg{ width: 15px; height: 15px; }.course-home .dashboard-grid{ grid-template-columns: minmax(0,1.15fr) minmax(340px,.85fr); gap: 48px; align-items: start; }.module-top{ display: flex; align-items: center; gap: 14px; }.module-top .module-heading{ flex: 1; min-width: 0; padding: 22px 0; }.module-heading .module-copy{ min-width: 0; }.module-heading .chevron{ margin-left: auto; flex: none; }.module-copy p{ margin-top: 6px; font-size: 12px; }.module-go{ display: inline-flex; align-items: center; gap: 8px; color: #126d4d; font-size: 12px; min-height: 44px; padding: 8px 0 8px 10px; font-weight: 700; }.module-description{ font-size: 13px; line-height: 1.8; color: #526452; margin: 0 0 12px; max-width: 60ch; }.module-lessons{ padding-left: 0; }.module-copy h3{ font-size: 18px; }.module-number,.module-card:first-child .module-number,.module-card:nth-child(n) .module-number{ font-size: 20px; min-width: 28px; width: 28px; }.home-experiment{ background: #e7eddc; padding: 24px; border-radius: 4px; }.home-experiment > h2{ font-size: 23px; letter-spacing: -.025em; margin: 0 0 12px; }.home-experiment > p{ color: #40583d; font-size: 14px; line-height: 1.8; margin: 0 0 16px; }#home-split-lab .lab-shell{ border: 0; background: transparent; padding: 0; }#home-split-lab .lab-heading{ display: none; }#home-split-lab .lab-chart-wrap{ margin-top: 0; }#home-split-lab .lab-legend{ margin-bottom: 14px; }#home-split-lab .lab-control{ margin: 14px 0; }#home-split-lab .lab-presets{ margin: 10px 0 16px; }#home-split-lab .lab-metric{ background: #f5f8ef; padding: 12px; border: 0; border-radius: 3px; }#home-split-lab .lab-metric strong{ font-size: 20px; }#home-split-lab .lab-explanation{ font-size: 13px; line-height: 1.75; }#home-split-lab .lab-note{ font-size: 11px; border-color: #afc09c; line-height: 1.7; }.home-experiment .experiment-lesson{ display: inline-flex; align-items: center; gap: 8px; font-size: 12px; line-height: 1.7; margin-top: 16px; color: #126d4d; min-height: 40px; }.rick-reference{ margin-top: 36px; }.rick-reference .watch-card{ display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 16px; }.rick-reference .video-image{ aspect-ratio: 1/1; }.rick-reference .watch-copy{ padding-top: 0; }.rick-reference .watch-copy h3{ font-size: 13px; }.rick-reference .link-line{ display: none; }.topbar.wiki-context #global-search{ display: none; }.search-view .page-intro{ margin-bottom: 20px; }.search-view .page-intro h1{ font-size: 30px; }.search-view .page-intro p{ font-size: 14px; margin-top: 9px; }.search-view .wiki-search-form{ border: 0; border-bottom: 1px solid #b8c8aa; padding: 0 0 22px; background: transparent; margin-bottom: 20px; }.search-view .wiki-search-form p{ display: none; }.search-view .wiki-filters{ gap: 6px; margin-bottom: 12px; }.search-view .wiki-filters .filter-button{ font-size: 12px; padding: 8px 12px; min-height: 40px; }.wiki-filters [data-count="0"]:not([data-wiki-type="all"]){ display: none; }.search-view .wiki-count-help{ font-size: 11px; margin: 0; }.search-view .wiki-results-heading{ margin: 8px 0 14px; }.search-view .wiki-group{ margin-bottom: 22px; }.search-view .wiki-group-title{ padding: 11px 16px; background: #e8efdc; }.search-view .wiki-match{ padding: 14px 16px; }.search-view .wiki-match h3{ margin: 6px 0; }.search-view .wiki-excerpt{ font-size: 14px; }.lesson-contents{ border-top: 1px solid #9daf8e; padding: 18px 0 24px; margin-bottom: 16px; }.lesson-contents h2{ font-size: 14px; margin: 0 0 12px; }.lesson-contents a{ display: block; color: #40583d; font-size: 12px; line-height: 1.7; padding: 8px 0; min-height: 34px; }.lesson-contents a:hover{ color: #126d4d; text-decoration: underline; }.concept-inline{ color: #126d4d; text-decoration: underline; text-decoration-color: #7c9b68; text-decoration-thickness: 1px; }.concept-inline:hover{ text-decoration-color: currentColor; background: #e2edcf; }.equity-figure{ margin: 30px 0 8px; padding: 24px; background: #fffef8; border: 1px solid #b8c8aa; border-radius: 4px; }.equity-figure h3{ font-size: 22px; margin: 0 0 12px; }.reader-content .equity-figure figcaption p{ font-size: 14px; line-height: 1.8; }.equity-controls{ display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }.equity-controls button{ min-height: 44px; padding: 10px 14px; border: 1px solid #a6bb97; color: #193c2d; background: #fffef8; border-radius: 4px; font: inherit; font-size: 13px; cursor: pointer; }.equity-controls button[aria-pressed="true"]{ background: #193c2d; color: #fffef8; border-color: #193c2d; }.equity-figure canvas{ display: block; width: 100%; height: auto; }.equity-readout{ font-size: 14px; line-height: 1.8; font-weight: 650; margin: 14px 0; color: #193c2d; }.equity-data summary{ cursor: pointer; font-size: 12px; color: #40583d; min-height: 40px; padding: 10px 0; }.equity-data > div{ overflow-x: auto; }.equity-data table{ width: 100%; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }.equity-data th,.equity-data td{ text-align: right; padding: 8px; border-bottom: 1px solid #d9e1d2; }.equity-data th:first-child{ text-align: left; }.equity-data caption{ text-align: left; font-size: 11px; line-height: 1.8; padding-bottom: 12px; color: #526452; }.reader-content .equity-figure .figure-note{ font-size: 12px; line-height: 1.8; color: #6d5a2d; border-top: 1px solid #d9e1d2; padding-top: 14px; margin-top: 16px; }.lab-heatmap{ max-width: 580px; }.lab-cell{ aspect-ratio: 1.5; min-height: 38px; }.lab-page{ max-width: 1040px; margin: 0 auto; }
@media (min-width: 1001px) and (max-width: 1250px) {.course-home .dashboard-grid{ grid-template-columns: minmax(0,1fr); }.dashboard-right{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; }.rick-reference{ margin-top: 0; }.course-resume{ gap: 20px; }.course-resume h2{ font-size: 23px; }
}
@media (max-width: 1000px) {.workspace{ margin-left: 0; }.sidebar{ width: 268px; transform: translateX(-100%); z-index: 40; }.sidebar.open{ transform: translateX(0); }.mobile-menu{ display: inline-flex; }.mobile-scrim.open{ display: block; z-index: 35; }.nav-link{ font-size: 13px; white-space: nowrap; }.course-home .dashboard-grid{ grid-template-columns: minmax(0,1fr); gap: 36px; }.dashboard-right{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px; }.rick-reference{ margin-top: 0; }.reader-layout{ display: flex; flex-direction: column; }.reader-aside{ display: block; margin-top: 36px; }.reader-aside .lesson-contents{ padding-top: 16px; }.course-heading h1{ font-size: 40px; }.course-heading p{ font-size: 15px; }.course-resume h2{ font-size: 24px; }.course-resume .button{ font-size: 13px; }.course-shortcuts{ gap: 20px; }.topbar{ height: 72px; padding: 0 24px; }.topbar-right{ margin-left: auto; }
}
@media (max-width: 640px) {.course-heading{ display: block; padding-bottom: 20px; }.course-heading h1{ font-size: 34px; }.course-heading p{ font-size: 14px; max-width: 34ch; }.course-heading .course-scope{ margin-top: 14px; text-align: left; font-size: 12px; }.course-heading .course-scope br{ display: none; }.course-heading .course-scope br:after{ content: ' · '; }.course-resume{ display: block; padding: 22px 0 16px; }.course-resume h2{ font-size: 23px; }.course-resume p{ font-size: 13px; }.course-resume .button{ margin-top: 18px; }.course-shortcuts{ gap: 8px; flex-direction: column; padding-bottom: 18px; margin-bottom: 26px; }.course-shortcuts a{ min-height: 36px; }.course-home .section-title h2{ font-size: 23px; }.module-top{ gap: 8px; }.module-top .module-heading{ gap: 10px; }.module-copy h3{ font-size: 17px; }.module-go{ font-size: 12px; gap: 4px; }.module-go svg{ width: 12px; }.module-top .chevron{ display: none; }.dashboard-right{ display: block; }.rick-reference{ margin-top: 32px; }.home-experiment{ padding: 22px 18px; }.home-experiment > h2{ font-size: 22px; }.topbar.wiki-context .breadcrumb{ display: flex; }.topbar.wiki-context .breadcrumb a,.topbar.wiki-context .breadcrumb > svg{ display: none; }.topbar.wiki-context .breadcrumb b{ max-width: none; }.topbar.wiki-context .topbar-right{ flex: 0; }.search-view .page-intro h1{ font-size: 27px; }.search-view .wiki-filters .filter-button{ font-size: 11px; padding: 8px 10px; }.equity-figure{ padding: 20px 14px; }.equity-figure h3{ font-size: 21px; }.equity-controls{ gap: 6px; }.equity-controls button{ font-size: 12px; padding: 10px; }.equity-readout{ font-size: 13px; }.lab-cell{ min-height: 38px; }
}.mobile-lesson-contents{ display: none; }
@media (max-width: 1000px) {.mobile-lesson-contents{ display: block; border-top: 1px solid #b8c8aa; border-bottom: 1px solid #b8c8aa; margin: 24px 0; padding: 4px 0; }.mobile-lesson-contents summary{ min-height: 44px; padding: 12px 0; cursor: pointer; font-size: 13px; font-weight: 650; color: #193c2d; }.mobile-lesson-contents a{ display: block; padding: 10px 0; min-height: 40px; font-size: 13px; line-height: 1.7; color: #126d4d; }.reader-aside .lesson-contents{ display: none; }
}
.course-resume .completion-help { font-size: 12px; color: #526452; line-height: 1.8; margin-top: 8px; }
.topbar .study-data-button { width: auto; display: inline-flex; gap: 8px; padding: 8px 10px; font-size: 12px; white-space: nowrap; }
@media (max-width: 640px) { .topbar .study-data-button { display: none; } }

/* The entry page explains the whole journey before the course workspace. */
#main.home-view{padding:0 0 64px;}
.journey-hero{background:#102c21;color:#f4f4eb;padding:52px 42px 44px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:48px;align-items:end;}
.journey-hero h1{font-size:clamp(56px,6.4vw,92px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px;color:#f4f4eb;}
.journey-lead{font-size:22px;line-height:1.5;font-weight:650;max-width:34ch;margin:0 0 18px;}
.journey-explanation{color:#c6d5c9;font-size:15px;line-height:1.85;max-width:54ch;margin:0;}
.journey-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px;}
.journey-primary{background:#c1f17d;color:#102c21;border:1px solid #c1f17d;font-size:15px;min-height:50px;padding:14px 22px;}
.journey-primary:hover{background:#d1ff96;color:#102c21;}
.journey-path-link{border:0;background:transparent;color:#f4f4eb;font:inherit;font-size:14px;min-height:48px;display:inline-flex;gap:10px;align-items:center;padding:8px 0;cursor:pointer;}
.journey-path-link:hover{text-decoration:underline;}
.journey-path-link svg,.journey-destination svg{width:17px;height:17px;}
.journey-destination{border-top:1px solid #597565;padding-top:22px;padding-bottom:4px;}
.journey-destination>span{color:#c1f17d;font-size:13px;}
.journey-destination h2{font-size:27px;line-height:1.25;letter-spacing:-.025em;margin:14px 0;}
.journey-destination p{color:#c6d5c9;font-size:14px;line-height:1.85;margin:0 0 16px;}
.journey-destination a{color:#c1f17d;font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:8px;}
.journey-hero :focus-visible{outline:3px solid #f4f4eb;outline-offset:5px;}
.landing-body{padding:0 42px;}
.quant-path{padding:44px 0 30px;}
.path-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:30px;}
.path-heading h2{font-size:30px;line-height:1.25;letter-spacing:-.035em;margin:0;max-width:20ch;scroll-margin-top:110px;}
.path-heading p{font-size:14px;color:#526452;line-height:1.7;margin:0;}
.quant-stages{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;}
.quant-stages>li{display:flex;gap:18px;padding:28px 0;border-top:1px solid #b8c8aa;min-width:0;}
.stage-number{font-family:var(--heading-font);color:#126d4d;font-size:28px;line-height:1.2;width:28px;flex:none;}
.stage-copy{min-width:0;}
.stage-copy .stage-scope{font-size:12px;color:#526452;line-height:1.7;margin:0 0 8px;}
.stage-copy h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px;}
.stage-copy>p{font-size:14px;line-height:1.85;color:#304b38;margin:0 0 14px;max-width:52ch;}
.stage-copy .stage-deliverable{font-size:13px;line-height:1.8;color:#193c2d;}
.stage-links{display:flex;flex-direction:column;align-items:flex-start;gap:0;}
.stage-links a{font-size:14px;line-height:1.65;color:#126d4d;text-decoration:underline;text-decoration-color:#a0b393;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;gap:4px;padding:8px 0;}
.stage-links a:hover{text-decoration-color:currentColor;}
.path-scope{font-size:13px;line-height:1.85;color:#526452;max-width:90ch;border-top:1px solid #b8c8aa;padding-top:22px;margin:0;}
.source-attribution{font-size:14px;line-height:1.8;color:#304b38;background:#eef5e7;border-left:3px solid #126d4d;padding:16px 18px;margin:0 0 24px;max-width:90ch;}
.source-attribution a{color:#126d4d;text-decoration:underline;text-underline-offset:3px;}
.source-attribution b{font-weight:750;}
.stage-links a.external-supplement,.beginner-start a.external-supplement{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none;max-width:100%;padding:8px 0;}
.external-supplement>span{text-decoration:underline;text-underline-offset:4px;}
.external-supplement .supplement-attribution{display:block;font-size:12px;line-height:1.65;color:#526452;}
.beginner-links{display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.beginner-start .source-attribution{font-size:14px;margin-top:24px;}
.original-attribution,.resource-card .original-attribution{font-size:12px;line-height:1.7;color:#526452;margin:0 0 12px;}
.landing-body>.course-resume{border-bottom:1px solid #b8c8aa;padding:24px 0;}
.landing-body>.course-shortcuts{border-top:1px solid #b8c8aa;padding-top:16px;}
.beginner-start{max-width:760px;margin:0 auto;}
.beginner-start header{margin:12px 0 36px;}
.beginner-start h1{font-size:clamp(38px,4vw,56px);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px;}
.beginner-start p{font-size:16px;line-height:1.85;color:#304b38;max-width:68ch;}
.beginner-start h2{font-size:26px;line-height:1.3;letter-spacing:-.025em;margin:0 0 16px;}
.beginner-start section{border-top:1px solid #b8c8aa;padding-top:28px;margin-top:32px;}
.beginner-start a:not(.button){color:#126d4d;text-decoration:underline;text-underline-offset:3px;}
.beginner-start section>a:not(.button){display:inline-flex;align-items:center;min-height:44px;}
.beginner-start pre{padding:24px;background:#102c21;color:#f4f4eb;border-radius:4px;overflow-x:auto;font-size:14px;line-height:1.8;margin:20px 0;}
.beginner-start dl{margin:20px 0;}
.beginner-start dl>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid #d2dcc7;}
.beginner-start dt{font-size:15px;font-weight:750;}
.beginner-start dd{font-size:15px;line-height:1.8;margin:0;color:#304b38;}
.beginner-start .beginner-note{font-size:13px;line-height:1.85;color:#526452;margin-top:24px;}
@media(max-width:1250px){.journey-hero{grid-template-columns:1fr;gap:32px;}.journey-destination{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;}.journey-destination>span{grid-column:1/-1;}.journey-destination h2{grid-row:2/4;}.journey-destination p{margin-top:14px;}.quant-stages{gap:0 28px;}}
@media(max-width:700px){.journey-hero{padding:32px 22px;gap:28px;}.journey-hero h1{font-size:64px;margin-bottom:22px;}.journey-lead{font-size:20px;line-height:1.5;margin-bottom:16px;}.journey-explanation{font-size:14px;line-height:1.85;}.journey-actions{gap:14px;margin-top:22px;}.journey-primary{font-size:14px;min-height:48px;padding:12px 18px;}.journey-path-link{font-size:13px;min-height:48px;}.journey-destination{display:block;padding-top:20px;}.journey-destination h2{font-size:25px;margin:12px 0;}.journey-destination h2 br{display:none;}.journey-destination p{font-size:13px;margin-top:0;}.landing-body{padding:0 22px;}.quant-path{padding-top:32px;}.path-heading{display:block;margin-bottom:24px;}.path-heading h2{font-size:28px;max-width:18ch;}.path-heading p{margin-top:12px;font-size:13px;}.quant-stages{display:block;}.quant-stages>li{gap:14px;padding:24px 0;}.stage-copy h3{font-size:22px;}.stage-number{font-size:26px;width:24px;}.stage-copy>p{font-size:14px;}.stage-links a{font-size:13px;}.landing-context .breadcrumb{display:flex;flex:1;}.landing-context .breadcrumb>a{display:inline;color:#193c2d;font-size:18px;font-family:var(--heading-font);font-weight:700;letter-spacing:-.025em;}.landing-context .breadcrumb>svg,.landing-context .breadcrumb>b,.landing-context #global-search,.landing-context .top-separator,.landing-context #top-settings{display:none;}.landing-context .topbar-right{display:none;}.topbar.landing-context{gap:16px;justify-content:flex-start;}.beginner-start h1{font-size:40px;}.beginner-start h2{font-size:24px;}.beginner-start pre{padding:16px;font-size:12px;}.beginner-start dl>div{grid-template-columns:1fr;gap:4px;}}

/* The original film is a user-initiated introduction beside the learning path. */
.journey-hero{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:center;gap:36px;}
.journey-hero h1{font-size:clamp(56px,6vw,88px);}
.journey-film{min-width:0;margin:0;align-self:center;}
.film-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:15px;}
.journey-film .film-heading h2{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:0;color:#f4f4eb;}
.film-heading>span{color:#c1f17d;font-size:12px;white-space:nowrap;}
.film-player{position:relative;background:#07150f;aspect-ratio:16/9;isolation:isolate;overflow:hidden;}
.film-player video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:#07150f;}
.film-play{position:absolute;inset:auto 12px 12px;display:flex;align-items:center;gap:12px;width:calc(100% - 24px);padding:12px 15px;color:#f4f4eb;background:#102c21;border:1px solid #739467;text-align:left;font:inherit;font-weight:700;font-size:14px;cursor:pointer;}
.film-play:hover{background:#193c2d;border-color:#c1f17d;}
.film-play:disabled{cursor:progress;opacity:.7;}
.film-play-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#c1f17d;color:#102c21;border-radius:50%;flex-shrink:0;}
.film-play-icon svg{width:21px;height:21px;fill:currentColor;}
.film-play small{display:block;color:#c6d5c9;font-weight:500;font-size:11px;line-height:1.5;margin-top:3px;}
.film-play[hidden],.film-error[hidden]{display:none;}
.journey-film figcaption>p{font-size:13px;line-height:1.7;color:#c6d5c9;margin:15px 0 0;max-width:50ch;}
.film-transcript{margin-top:12px;}
.film-transcript summary{display:list-item;width:fit-content;color:#c1f17d;font-size:12px;line-height:1.6;padding:7px 0;min-height:36px;cursor:pointer;}
.film-transcript>div{padding:12px 0 8px;}
.film-transcript p{font-size:13px;line-height:1.85;color:#f4f4eb;margin:0 0 12px;max-width:54ch;}
.film-transcript .film-credit{font-size:11px;line-height:1.7;color:#c6d5c9;padding-top:12px;border-top:1px solid #597565;}
.journey-film .film-milestone{display:flex;gap:10px;justify-content:space-between;align-items:center;color:#c1f17d;font-size:12px;line-height:1.7;min-height:44px;border-top:1px solid #597565;margin-top:12px;padding-top:12px;}
.journey-film a:hover{text-decoration:underline;}
.journey-film .film-error a{color:#c1f17d;text-decoration:underline;}
@media(max-width:1250px){.journey-hero{grid-template-columns:1fr;gap:32px;}.journey-film{width:100%;max-width:760px;}.journey-hero h1{font-size:clamp(56px,7.5vw,88px);}}
@media(max-width:700px){.journey-hero{gap:28px;}.journey-hero h1{font-size:64px;}.journey-film .film-heading h2{font-size:22px;}.film-heading{margin-bottom:12px;}.film-play{inset:auto 8px 8px;width:calc(100% - 16px);padding:8px 10px;gap:10px;font-size:13px;}.film-play-icon{width:34px;height:34px;}.film-play small{font-size:10px;}.journey-film figcaption>p{font-size:13px;}}