/* Consistent unit component spacing. */
/* Rates pathway: compact rows, aligned actions and calm resource groups. */
.unit-system .unit-lesson-section{padding:26px 22px;background:var(--soft);border-color:var(--line)}
.unit-system .fraction-lesson-directory{display:grid;gap:16px;margin-top:22px}
.unit-system .fraction-lesson-chapter{padding:19px 18px 8px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
.unit-system .fraction-lesson-chapter>header{gap:12px;align-items:center;margin-bottom:12px}
.unit-system .fraction-lesson-chapter header p{font-size:13px;line-height:1.5;margin:5px 0 0}
.unit-system .fraction-chapter-mark{width:40px;height:40px;flex:0 0 40px;border-radius:10px;font-size:23px}
.unit-system .fraction-lesson-directory .linear-lesson-list{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0}
.unit-system .fraction-lesson-directory .linear-lesson-list>a{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;min-height:54px;gap:12px;padding:12px 5px;border-bottom:1px solid var(--line);border-radius:0}
.unit-system .fraction-lesson-directory .linear-lesson-list>a:last-child{border-bottom:0}
.unit-system .fraction-lesson-directory .linear-lesson-list>a>b{display:grid;place-items:center;width:29px;min-width:29px;height:29px;font-size:11px;font-weight:700;border-radius:7px;color:var(--muted);background:var(--soft)}
.unit-system .fraction-lesson-directory .linear-lesson-list strong{font-size:14px;line-height:1.45}
.unit-system .fraction-lesson-directory .linear-lesson-list .icon{width:17px;height:17px;min-width:17px;margin:0;color:var(--blue)}
.unit-system .fraction-lesson-directory .linear-lesson-list>a:hover{background:var(--soft)}
.unit-system .fraction-lesson-directory .linear-lesson-list>a:hover strong{text-decoration:none;color:var(--blue)}
.unit-system .hub-jumps{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0 18px;margin:0 0 8px}
.unit-system .hub-jumps a{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:9px 15px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:12px;line-height:1.4;text-align:center}
.unit-system .hub-jumps a:hover{border-color:var(--blue);color:var(--blue);background:var(--soft)}
.unit-system .rates-project{padding:28px 24px;margin:22px 0 28px}
.unit-system .rates-project p{font-size:15px;line-height:1.7;margin:13px auto 20px}
.unit-system .project-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;max-width:570px;margin:0 auto}
.unit-system .rates-project .project-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;margin:0;border:1px solid #8baecf;border-radius:9px;font-size:13px;font-weight:650;line-height:1.4;text-align:center}
.unit-system .project-actions a:first-child{flex:1 0 100%;background:#fff;color:#163e66;border-color:#fff}
.unit-system .project-actions a:not(:first-child){flex:1 1 180px;background:#ffffff0a}
.unit-system .project-actions a:hover{background:#dcecff;color:#163e66}
.unit-system .learning-collection{padding:24px 18px}
.unit-system .learning-collection nav{gap:9px 12px;margin-top:15px}
.unit-system .learning-collection nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:13px;line-height:1.5;text-decoration:none;max-width:100%;text-align:center}
.unit-system .learning-collection nav a:hover{border-color:var(--blue);background:var(--soft)}
.unit-system .unit-companion nav a{padding:9px 8px;gap:10px;min-height:43px;border-radius:7px}
.unit-system .unit-companion .reading-guide nav a{padding:10px 8px!important}
.unit-system .unit-companion section>h2{margin-bottom:13px}
.unit-system .unit-companion .reference-key>a{display:flex;align-items:center;min-height:42px;padding:8px 0;font-size:12px}
.unit-system .inline-notes{padding:20px 22px}
.unit-system .inline-notes a,.unit-system .inline-notes button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:5px 8px 0 0;padding:10px 14px;border-radius:8px;border:1px solid #a9bfd5;background:var(--paper);color:var(--blue);font-size:12px;font-weight:650;line-height:1.4;text-decoration:none}
.unit-system .lp-actions{align-items:stretch;gap:10px}
.unit-system .lp-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 15px;line-height:1.4;border-radius:8px}
.unit-system .lp-form .lp-actions>.text-button{flex-basis:100%;justify-content:flex-start;padding-left:0;min-height:36px}
.unit-system .rm-controls{gap:14px;align-items:end}
.unit-system .rm-controls label{font-size:13px;line-height:1.5;gap:7px}
.unit-system .rm-controls input{height:44px;border-radius:8px;padding:10px 12px;font-size:14px}
.dark .unit-system .fraction-lesson-chapter{background:var(--paper);border-color:var(--line)}
@media(max-width:700px){.unit-system .unit-lesson-section{padding:20px 14px}.unit-system .fraction-lesson-chapter{padding:16px 12px 5px}.unit-system .fraction-lesson-chapter h3{font-size:17px}.unit-system .fraction-lesson-directory .linear-lesson-list>a{min-height:54px;gap:9px;padding:12px 1px}.unit-system .hub-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.unit-system .hub-jumps a{padding:10px 8px;font-size:12px}.unit-system .hub-jumps a:last-child:nth-child(odd){grid-column:1/-1}.unit-system .rates-project{padding:24px 16px}.unit-system .project-actions a{flex-basis:100%!important}.unit-system .learning-collection{padding:21px 14px}.unit-system .learning-collection nav{display:grid;grid-template-columns:1fr;gap:8px}.unit-system .learning-collection nav a{width:100%;padding:11px 12px}.unit-system .lp-form .lp-actions>.primary,.unit-system .lp-form .lp-actions>.secondary{flex:1 1 140px}.unit-system .inline-notes{padding:18px 16px}}
.unit-system .unit-section-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 0 18px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.unit-system .unit-section-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:12px;font-weight:700;line-height:1.4;text-align:center;color:var(--ink)}
.unit-system .unit-section-nav a:hover,.unit-system .unit-section-nav a[aria-current="location"]{color:var(--blue);background:var(--soft);border-color:var(--blue)}
.unit-system .entry-notes{text-align:center;padding:22px 0 18px}
.unit-system .entry-notes h2{font-size:24px;line-height:1.3;margin:0 0 15px}
.unit-system .entry-notes nav{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:9px}
.unit-system .entry-notes nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;background:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:650;line-height:1.5;text-align:center;color:var(--blue);text-decoration:none}
.unit-system .entry-notes nav a:hover{border-color:var(--blue);background:var(--soft)}
.unit-system .unit-indicators{padding:18px;text-align:center;border-radius:12px;border:1px solid var(--line);background:var(--soft)}
.unit-system .unit-indicators>a{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:7px;font-size:14px;font-weight:700;line-height:1.5}
.unit-system .unit-entry{padding:0 0 20px;margin:0 0 18px;border-bottom:1px solid var(--line)}
.unit-system .inline-notes{background:#fffaf0;color:#243e59;border:1px solid #e4d4b4;border-radius:12px;margin:24px 0;padding:22px;gap:18px;align-items:start}
.unit-system .inline-notes .section-kicker{font-size:11px;letter-spacing:.08em;color:#6a552e}
.unit-system .inline-notes h3{font-size:20px;line-height:1.35;margin:8px 0}
.unit-system .inline-notes p{font-size:14px;line-height:1.75}
.unit-system .inline-notes .note-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:stretch;margin-top:14px}
.unit-system .inline-notes .note-actions a,.unit-system .inline-notes .note-actions button{min-height:44px;margin:0;padding:10px 14px;background:var(--paper);border:1px solid #b9c5ce;color:var(--blue);border-radius:8px;line-height:1.4;font-size:12px;font-weight:700;text-decoration:none}
.unit-system .inline-notes .pdf-slot{grid-column:1/-1;width:100%;min-width:0}
.unit-system .inline-notes .pdf-slot object{width:100%;height:560px;max-height:70vh;border:1px solid var(--line);border-radius:8px;background:white}
.unit-system .inline-notes:not(:has(.note-preview,.fraction-note-thumbnail,.note-icon)){display:block}
.unit-system .inline-notes:has(.note-icon){display:grid;grid-template-columns:40px minmax(0,1fr)}
.unit-system .inline-notes:has(.note-preview,.fraction-note-thumbnail){display:grid;grid-template-columns:96px minmax(0,1fr)}
.unit-system .inline-notes .fraction-note-thumbnail,.unit-system .inline-notes .note-preview{width:96px;height:130px;margin:0;overflow:hidden}
.unit-system .inline-notes .fraction-note-copy{display:block}
.unit-system .inline-notes .fraction-note-copy>*{grid-column:auto;grid-row:auto}
.unit-system .inline-notes .fraction-note-thumbnail{grid-row:auto}
.unit-system .unit-lesson-section>.linear-lesson-list{display:grid;grid-template-columns:1fr;padding:5px 16px;margin-top:20px}
.unit-system .unit-lesson-section>.linear-lesson-list>a{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:15px 0;min-height:60px}
.unit-system .unit-lesson-section>.linear-lesson-list>a>b{display:grid;place-items:center;width:30px;height:30px;font-size:11px;background:var(--soft);color:var(--muted);border-radius:7px}
.unit-system .unit-lesson-section>.linear-lesson-list strong{font-size:14px;line-height:1.5}
.unit-system .unit-lesson-section>.linear-lesson-list small{font-size:12px;line-height:1.6;margin-top:4px}
.unit-system .unit-lesson-section>.linear-lesson-list .icon{width:17px;height:17px;margin:0}
.unit-system .primary,.unit-system .secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;line-height:1.4;border-radius:8px}
.unit-system .worked-actions,.unit-system .note-actions,.unit-system .lp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.unit-system .optics-next{gap:10px}.unit-system .optics-next a{min-height:44px;padding:12px 14px;line-height:1.5}
.unit-system .guided-step>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.unit-system .guided-step input{min-width:0;flex:1 1 160px;min-height:44px}
.unit-system .counter-controls,.unit-system .practice-settings{gap:12px;align-items:end}
.dark .unit-system .inline-notes{background:#2b2c29;color:#edf3fa;border-color:#70644c}.dark .unit-system .inline-notes .section-kicker{color:#e8cfa5}.dark .unit-system .inline-notes p{color:#d3deeb}
@media(max-width:700px){.unit-system .unit-section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0 16px}.unit-system .unit-section-nav a{padding:10px 8px}.unit-system .unit-section-nav a:last-child:nth-child(odd){grid-column:1/-1}.unit-system .entry-notes nav{display:grid;grid-template-columns:1fr;width:100%}.unit-system .entry-notes nav a{width:100%}.unit-system .entry-notes h2{font-size:22px}.unit-system .unit-indicators{padding:16px 12px}.unit-system .inline-notes{padding:18px 15px;gap:14px}.unit-system .inline-notes:has(.note-preview,.fraction-note-thumbnail){grid-template-columns:72px minmax(0,1fr)}.unit-system .inline-notes .note-preview,.unit-system .inline-notes .fraction-note-thumbnail{width:72px;height:100px}.unit-system .inline-notes h3{font-size:18px}.unit-system .inline-notes .note-actions{display:grid;grid-template-columns:1fr}.unit-system .inline-notes .note-actions>*{width:100%;text-align:center}.unit-system .unit-lesson-section>.linear-lesson-list{padding:4px 12px}}
.unit-system .integer-pathway .immersive-heading h1{font-size:clamp(30px,3.2vw,45px)}.unit-system .integer-pathway .reference-content{min-width:0}.unit-system .integer-pathway .learning-goal{display:block;padding:0;margin:0;border:0;background:transparent}.unit-system .integer-pathway .learning-goal>span{display:none}.unit-system .integer-pathway .learning-goal p{font-size:13px;color:var(--ink)}.unit-system .integer-pathway .learning-goal strong{display:none}.unit-system .integer-pathway .learning-goal p>span{display:block}.unit-system .integer-pathway .topic-section{padding:26px 0}.unit-system .integer-pathway .idea-list{margin:20px 0}.unit-system .integer-pathway .reference-content>section{scroll-margin-top:110px}.unit-system .integer-pathway .practice-v2{max-width:100%;min-width:0}.unit-system .integer-pathway .counter-controls select{min-height:44px}.unit-system .integer-pathway .unit-companion nav a{padding:9px 6px}.unit-system .integer-pathway .unit-companion nav .icon{width:17px;height:17px;flex-shrink:0}
.unit-system .integer-pathway .topic-section{padding:24px 22px}.unit-system .integer-pathway .idea p{font-size:14px;line-height:1.8}.unit-system .immersive-heading>.eyebrow{color:#d7e7ff}.unit-system .unit-companion h2{font-size:18px;line-height:1.3}
@media(max-width:700px){.unit-system .integer-pathway .topic-section{padding:20px 15px}.unit-system .integer-pathway .idea p{font-size:14px}}
@media(min-width:701px){.unit-system.unit-hub .unit-section-nav a{flex:0 1 calc(33.333% - 8px)}.unit-system.unit-hub .unit-section-nav:has(a:nth-child(4):last-child){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.unit-system.unit-hub .unit-section-nav:has(a:nth-child(6):last-child){display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Percent models inherit the shared model controls; only their drawing differs. */
.percent-grid-wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.percent-grid-wrap svg{width:min(220px,100%);height:auto;flex:0 1 220px}.percent-pathway .rm-drawing>svg{display:block;width:100%;height:auto}.percent-pathway .rm-controls label{min-width:0}.percent-pathway .rm-controls input{width:100%;min-width:0}[data-theme="dark"] .percent-pathway{--percent-cell:#25354d}
.percent-project-logo{display:block;width:min(100%,430px);height:auto;margin:0 auto 1.5rem;object-fit:contain}.percent-pathway .rates-project .project-brand-heading{margin:0}.percent-pathway .rates-project{scroll-margin-top:100px}
/* A transparent red wordmark sits directly on the shared project surface. */
.percent-pathway .rates-project{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-top:3px solid #c6212b}
.percent-pathway .rates-project .section-kicker{color:var(--muted)}
.percent-pathway .rates-project .project-brand-heading{display:block;min-height:0;height:auto;padding:0;background:transparent;border:0;border-radius:0;margin:18px 0}
.percent-pathway .project-brand-heading .percent-project-logo{display:block;width:min(100%,360px);height:auto;max-height:none;margin:0 auto;mix-blend-mode:normal}
.percent-pathway .rates-project .project-actions a{color:var(--ink);border-color:var(--line);background:var(--paper)}
.percent-pathway .rates-project .project-actions a:first-child{color:#fff;background:#1464ed;border-color:#1464ed}
.percent-pathway .rates-project .project-actions a:hover{color:#12385e;background:#e6efff}
.dark .percent-pathway{--percent-cell:#25354d}
.dark .reading-guide nav a[aria-current="location"],.dark .unit-section-nav a[aria-current="location"]{color:#163e66!important;background:#e6efff}
.dark .unit-system .inline-notes a,.dark .unit-system .inline-notes .text-button{color:#bbd7ff}
.integer-pathway .integer-studio .rm-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0}.integer-studio .rm-controls select{min-width:0;width:100%;min-height:44px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px}
.integer-counter-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.integer-counter-stages article{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.integer-counter-stages h3{font-size:16px;margin:0 0 12px}.integer-chip-tray{display:flex;flex-wrap:wrap;gap:6px}.integer-chip-tray .counter{width:28px;height:28px;font-size:18px;flex:0 0 28px}.integer-chip-tray .removed{opacity:.5;text-decoration:line-through;text-decoration-thickness:3px}.integer-studio table{width:100%;border-collapse:collapse;margin:20px 0}.integer-studio td,.integer-studio th{padding:9px;text-align:left;border-bottom:1px solid var(--line)}.integer-studio caption{font-weight:700;text-align:left;margin-bottom:10px}
.integer-pathway .topic-section{padding:26px 0}.integer-pathway .idea-list{display:grid;gap:22px}.integer-pathway .idea{padding:0}.integer-pathway .topic-section .worked-grid{grid-template-columns:1fr}.integer-pathway .guided-step>div{display:flex;flex-wrap:wrap;gap:10px}.integer-pathway .guided-step input{min-width:0;flex:1 1 100px}.integer-pathway .guided-step button{min-height:44px}.integer-pathway .reference-content{min-width:0}.integer-pathway .world-connections>div{gap:14px}
@media(max-width:600px){.integer-counter-stages{grid-template-columns:1fr}.integer-pathway .integer-studio .rm-controls{grid-template-columns:1fr}.integer-pathway .pattern-equation{font-size:clamp(20px,5vw,30px);overflow-wrap:anywhere}}
.integer-studio .rm-controls input{width:100%;min-width:0;min-height:44px;padding:10px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px}
.dark .integer-pathway input,.dark .integer-pathway select{background:var(--paper);color:var(--ink);border-color:var(--line)}
/* Full-colour topic identity; live text stays crisp over a protected dark area. */
.reference-unit .topic-heading.immersive-heading{position:relative;isolation:isolate;overflow:hidden;min-height:220px;padding:28px 32px 48px;background:#0b1b2f!important;color:#fff;border:1px solid #253e58;border-top:3px solid var(--unit-accent);background-image:none!important}
.reference-unit .topic-heading:before{content:'';position:absolute;z-index:-2;inset:0;background-image:var(--unit-art);background-position:right center;background-size:cover;background-repeat:no-repeat;opacity:1}
.reference-unit .topic-heading:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#05152680 0%,#05152675 40%,#05152645 65%,#05152605 100%)}
.reference-unit .topic-heading h1{font-size:clamp(29px,3.2vw,43px);line-height:1.13;max-width:850px;color:#fff;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 2px 12px #06132680}
.reference-unit .topic-heading p{max-width:700px;font-size:16px;line-height:1.6;color:#edf4ff;text-shadow:0 1px 7px #061326}
.reference-unit .topic-heading .breadcrumb,.reference-unit .topic-heading .breadcrumb a,.reference-unit .topic-heading>.eyebrow{color:#dfebfa}
.dark .reference-unit .topic-heading{background:#0b1b2f!important;border-color:#314a61;color:#fff}
.dark .reference-unit .topic-heading:before{opacity:1}
.dark .reference-unit .topic-heading:after{background:linear-gradient(90deg,#05152680 0%,#05152675 40%,#05152645 65%,#05152605 100%)}
.dark .reference-unit .topic-heading h1{color:#fff}
.dark .reference-unit .topic-heading p,.dark .reference-unit .topic-heading .breadcrumb,.dark .reference-unit .topic-heading .breadcrumb a,.dark .reference-unit .topic-heading>.eyebrow{color:#edf4ff}
/* One companion structure on every unit and lesson; useful links, no filler photos. */
.reference-unit .unit-companion{align-self:start;position:sticky;top:94px;max-height:calc(100dvh - 112px);overflow-y:auto;scrollbar-width:thin}
.reference-unit .unit-companion>section{padding:15px;margin:0 0 12px;border:1px solid var(--line);border-radius:11px;background:var(--paper);box-shadow:none}
.reference-unit .unit-companion>.reading-guide{position:static;max-height:none;overflow:visible;border-top:2px solid #6b94bd}
.reference-unit .unit-companion h2{font-size:15px;margin:0 0 9px}
.reference-unit .unit-companion nav{gap:1px}
.reference-unit .unit-companion nav a,.reference-unit .unit-companion .reading-guide nav a{font-size:12px;line-height:1.4;padding:8px!important;min-height:35px;gap:8px;margin:0;border:0;border-radius:6px;color:var(--ink)}
.reference-unit .unit-companion .unit-tools nav a{justify-content:space-between;color:var(--muted)}
.reference-unit .unit-companion nav a:hover{background:var(--soft);color:var(--blue,#1464ed)}
.reference-unit .unit-companion nav a[aria-current="location"]{background:#e7efff;color:#1459ba;font-weight:700}
.reference-unit .unit-companion .advertising-side{margin:0 0 12px;padding:12px}
/* Larger tasks are entries in a directory, not full-screen promotions. */
.unit-task-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 20px;align-items:center;margin:0;padding:18px 2px;border-bottom:1px solid var(--line)}
.unit-task-row:first-of-type{border-top:1px solid var(--line)}
.unit-task-row h3{margin:0;font-size:18px;line-height:1.35;color:var(--ink)}
.unit-task-row p{grid-column:1;margin:0!important;font-size:14px!important;line-height:1.6!important;color:var(--muted)}
.unit-task-row .project-guide-link{grid-column:2;grid-row:1/3;display:inline-flex;align-items:center;min-height:44px;padding:7px 0;font-size:12px;font-weight:700;white-space:nowrap;color:var(--blue,#1464ed)}
@media(max-width:1150px){.reference-unit .unit-companion{display:none}}
@media(max-width:760px){.reference-unit .topic-heading.immersive-heading{min-height:190px;padding:24px 22px 38px}.reference-unit .topic-heading h1{font-size:30px}.reference-unit .topic-heading p{font-size:14px}.reference-unit .topic-heading:before{opacity:1;background-size:cover;background-position:70% center}.reference-unit .topic-heading:after{background:linear-gradient(90deg,#051526dc,#051526a0 65%,#05152655)}.dark .reference-unit .topic-heading:after{background:linear-gradient(90deg,#051526dc,#051526a0 65%,#05152655)}.unit-task-row{grid-template-columns:1fr;gap:7px;padding:17px 0}.unit-task-row .project-guide-link{grid-column:1;grid-row:auto;justify-self:start;min-height:40px;padding:0}.unit-task-row h3{font-size:17px}}
.surface-pathway .rm-controls .surface-option{display:flex;align-items:center;gap:10px;min-height:44px;align-self:end;grid-column:1/-1}
.surface-pathway .rm-controls .surface-option input[type=checkbox]{width:20px!important;height:20px!important;min-height:0;flex:0 0 20px;margin:0;accent-color:#1464ed}
/* The Math directory follows the current lesson pathways and unit identities. */
.math-home .math-preview-art{padding:0;height:130px;background:#0b1b2f;overflow:hidden}
.math-home .math-preview-art img{width:100%;height:100%;object-fit:cover;object-position:right center}
.math-hub-meta{font-size:11px;line-height:1.5;color:#d9e9fb;margin:12px 0 0}
.math-home .math-unit-heading h3{font-size:22px}
.math-home .math-activity>img{height:130px;object-position:right center;opacity:1}
.math-home .math-category{line-height:1.5}
.math-project-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.math-project-group{padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:13px;min-width:0}
.math-project-group>h3{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;line-height:1.5}
.math-project-group nav{display:grid}
.math-project-group nav a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:72px;padding:12px 0;border-top:1px solid var(--line)}
.math-project-group strong{display:block;font-size:16px;line-height:1.4;color:var(--ink)}
.math-project-group small{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:4px}
.math-directory-arrow{color:var(--blue,#1464ed);font-size:19px;flex-shrink:0}
.math-reference-links{display:flex;gap:15px;flex-wrap:wrap}
.math-reference-links a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--blue,#1464ed);font-weight:650}
#march-madness{scroll-margin-top:100px}
@media(max-width:700px){.math-project-directory{grid-template-columns:1fr}.math-project-group{padding:17px}.math-home .math-preview-art,.math-home .math-activity>img{height:120px}}
.march-welcome{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center;padding:26px 12px;border-bottom:1px solid var(--line)}
.march-wordmark{width:180px;height:auto;max-width:100%;padding:10px;background:#fff;border-radius:10px}
.march-welcome h2{font-size:23px;line-height:1.3}.march-welcome p{font-size:14px;line-height:1.75}.march-welcome .quiet-caption{text-align:left;font-size:12px}
.march-part{border-bottom:1px solid var(--line);scroll-margin-top:100px}.march-part>.section-kicker,.march-part-title .section-kicker{color:#b44b19}.march-part-title{display:flex;justify-content:space-between;gap:16px;align-items:center}.march-part-title img{width:74px;height:auto;flex-shrink:0}.march-part h2{font-size:28px}
.march-steps{padding-left:22px}.march-steps li{font-size:15px;line-height:1.8;padding-left:4px;margin:12px 0}.march-file-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0}.march-file-links a{display:inline-flex;align-items:center;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;color:var(--blue,#1464ed);font-size:12px;line-height:1.5;font-weight:650}.march-progression{display:block;width:220px;max-width:100%;height:auto;padding:8px;background:#fff;border-radius:8px;margin:24px 0}
@media(max-width:700px){.march-welcome{grid-template-columns:1fr;gap:14px;padding:20px 10px}.march-wordmark{width:150px}.march-part-title img{width:56px}.march-part h2{font-size:25px}.march-file-links{display:grid;grid-template-columns:1fr}.march-file-links a{width:100%}}
/* March Madness: a tournament experience grounded in clear mathematics. */
.march-pathway .topic-heading.march-arena-heading{min-height:410px;padding:26px 34px 54px;border-top-color:#eb7928;background:#07182c!important}
.march-pathway .topic-heading.march-arena-heading:before{background-position:right center}
.march-pathway .topic-heading.march-arena-heading:after{background:linear-gradient(90deg,#051326d9 0%,#051326a3 40%,#0513263d 73%,#0513260d 100%)}
.march-arena-heading .breadcrumb{margin-bottom:18px}.march-hero-logo{display:block;width:150px;height:auto;margin:0 0 12px}
.march-pathway .topic-heading h1{font-size:clamp(36px,4vw,52px);line-height:1.04;letter-spacing:-.045em;max-width:620px;margin:0}
.march-pathway .topic-heading h1 span{color:#ffb265}.march-pathway .topic-heading p{max-width:510px;font-size:15px;margin:14px 0 17px;line-height:1.65}
.march-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.march-hero-actions a{display:inline-flex;gap:15px;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:8px;min-height:44px;font-size:12px;font-weight:700;background:#f38d3c;color:#13253c;border:1px solid #f38d3c}.march-hero-actions a:nth-child(2){color:#fff;background:#102d45c9;border-color:#7796b2}.march-hero-actions a:hover{background:#fff;color:#102b45;border-color:#fff}
.march-score-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 0 18px;border-bottom:1px solid var(--line);gap:0;margin:0 9px}.march-score-strip>div{padding:0 12px;border-right:1px solid var(--line)}.march-score-strip>div:last-child{border:0}.march-score-strip strong{display:block;font-size:39px;line-height:1.1;letter-spacing:-.045em;color:var(--ink)}.march-score-strip span{display:block;font-size:10px;font-weight:650;line-height:1.5;color:var(--muted);margin-top:7px}
.march-math-opening{padding:30px 12px 15px;scroll-margin-top:100px}.march-math-opening>.section-kicker{color:#b7531f}.march-math-opening>h2{font-size:29px;letter-spacing:-.025em;line-height:1.2}.march-math-opening>p{font-size:15px;line-height:1.8}
.march-math-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.march-math-moments article{padding:17px 15px;border:1px solid var(--line);border-radius:11px;background:var(--paper);min-width:0;display:flex;flex-direction:column}.march-moment-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff0e2;color:#a84413;border-radius:9px;font-size:22px;font-weight:750;margin-bottom:14px}.march-math-moments h3{font-size:17px;line-height:1.35;margin:0}.march-math-moments p{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0 14px}.march-math-moments a{font-size:11px;line-height:1.6;font-weight:700;color:var(--blue,#1464ed);min-height:38px;display:flex;align-items:center;margin-top:auto}.march-season-note{font-size:11px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.march-bracket-lab{padding:23px 20px;margin:18px 10px 26px;border-radius:13px;background:#0b2035;color:#f0f7ff;border:1px solid #294c69;scroll-margin-top:100px}.march-lab-heading{display:flex;align-items:start;gap:16px;justify-content:space-between}.march-lab-heading>div{min-width:0;flex:1}.march-lab-heading h2{font-size:25px;line-height:1.2;color:#fff;margin:8px 0 11px}.march-lab-heading p{font-size:13px;line-height:1.8;color:#c6d9ea;margin:0}.march-lab-heading .section-kicker{color:#ffb265;font-size:9px}.march-lab-heading label{display:grid;gap:7px;font-size:11px;min-width:140px;font-weight:650}.march-lab-heading select{padding:10px;border-radius:8px;border:1px solid #698aa6;background:#153750;color:#fff;min-height:44px;width:100%;font:inherit}.march-bracket-svg{width:100%;display:block;margin:15px 0 0;overflow:visible}.march-bracket-svg path{stroke:#385470;stroke-width:1.4;fill:none}.march-bracket-svg path[data-complete=true]{stroke:#df8a49}.march-bracket-svg text{font-family:inherit;font-size:16px;fill:#b6cde0;font-weight:650}.march-bracket-svg circle{fill:#365877;stroke:#7994aa;stroke-width:1}.march-bracket-svg g[data-active=true] circle{fill:#ff9e4e;stroke:#ffcb93;stroke-width:1.5}.march-bracket-svg g[data-active=true] text{fill:#ffb265}.march-bracket-readout{border-top:1px solid #35526b;padding-top:17px;display:grid;gap:6px}.march-bracket-readout strong{font-size:23px;line-height:1.3;color:#ffb265}.march-bracket-readout span{font-size:13px;line-height:1.7;color:#f0f7ff}.march-model-caption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:15px}.march-bracket-lab .march-model-caption{color:#aac2d6}
.march-record-lab{padding:25px 12px;scroll-margin-top:100px}.march-record-lab>h2{font-size:28px;line-height:1.3}.march-record-lab>p{font-size:14px;line-height:1.8}.march-record-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px}.march-record-pair .march-stat-lab{margin:0;padding:18px;background:var(--paper);border:1px solid var(--line);border-top:3px solid #e27a2c;border-radius:11px;min-width:0}.march-record-pair .march-stat-lab:nth-child(2){border-top-color:#318ed4}.march-stat-lab h3{font-size:19px;line-height:1.4;margin:0 0 17px}.march-stat-lab h3 small{display:block;font-size:10px;font-weight:500;line-height:1.7;color:var(--muted)}.march-record-pair .rm-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.march-record-pair .rm-controls label{font-size:11px;min-width:0}.march-record-pair .rm-controls input{width:100%;min-width:0;font-size:15px}.march-record-pair .rm-result{font-size:13px;line-height:1.8;margin-bottom:0}.march-win-bar{height:9px;background:var(--line);border-radius:10px;margin-top:20px;overflow:hidden}.march-win-bar span{display:block;height:100%;background:#e27a2c;width:0;border-radius:10px}.march-stat-lab:nth-child(2) .march-win-bar span{background:#318ed4}.march-record-comparison{padding:13px 15px;border-left:3px solid #e27a2c;background:var(--soft);border-radius:0 8px 8px 0}
.dark .march-part>.section-kicker,.dark .march-part-title .section-kicker,.dark .march-math-opening>.section-kicker{color:#ffb265}.dark .march-moment-mark{background:#4c3423;color:#ffc38f}
@media(max-width:760px){.march-pathway .topic-heading.march-arena-heading{padding:23px 23px 43px;min-height:420px}.march-pathway .topic-heading h1{font-size:39px}.march-pathway .topic-heading p{font-size:14px;max-width:360px}.march-hero-logo{width:135px}.march-pathway .topic-heading.march-arena-heading:before{background-position:63% center}.march-pathway .topic-heading.march-arena-heading:after{background:linear-gradient(90deg,#051326e0,#051326b3 60%,#05132666)}.march-hero-actions{gap:8px}.march-hero-actions a{font-size:11px;padding:10px 12px}.march-score-strip{margin:0 2px;padding:18px 0;gap:0}.march-score-strip>div{padding:0 8px}.march-score-strip strong{font-size:30px}.march-score-strip span{font-size:9px}.march-math-opening{padding:25px 9px 12px}.march-math-opening>h2{font-size:26px}.march-math-moments{grid-template-columns:1fr;gap:10px}.march-math-moments article{display:grid;grid-template-columns:38px 1fr;gap:0 13px;padding:16px}.march-moment-mark{grid-row:1/4;margin:0}.march-math-moments p{margin:6px 0}.march-math-moments a{grid-column:2;min-height:40px}.march-bracket-lab{margin:12px 0 22px;padding:20px 14px}.march-lab-heading{display:block}.march-lab-heading label{margin-top:16px;max-width:220px}.march-lab-heading h2{font-size:24px}.march-bracket-readout span{font-size:12px}.march-record-lab{padding:22px 9px}.march-record-pair{grid-template-columns:1fr}.march-record-lab>h2{font-size:25px}}
/* Centre standalone visual elements; preserve left alignment for longer reading. */
.march-progression{margin-left:auto;margin-right:auto}
.march-score-strip>div{text-align:center}
.march-bracket-svg{margin-left:auto;margin-right:auto}
.math-hub-header .math-home-search{align-self:center;margin-top:0}
@media(max-width:760px){.math-hub-header .math-home-search{margin-left:auto;margin-right:auto}.march-welcome .march-wordmark{margin-left:auto;margin-right:auto}}
/* Concept sequences make the relationships in Mix & Flow visible. */
.matter-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}.matter-process>div{position:relative;background:var(--paper);border:1px solid var(--line);border-top:3px solid #7952bd;border-radius:12px;padding:18px;min-width:0}.matter-process strong{display:block;font-size:16px;line-height:1.3;color:var(--ink)}.matter-process span{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.6}@media(max-width:650px){.matter-process{grid-template-columns:1fr;gap:8px}.matter-process>div{padding:14px 16px}}
/* Interactive science labs, tuned for the same unit shell and narrow screens. */
.matter-studio{margin:28px 0;padding:25px;border:1px solid #cbdbea;border-radius:16px;background:linear-gradient(145deg,#eaf4ff,#f6f0ff);color:#183450;scroll-margin-top:100px}.matter-studio .section-kicker{color:#68449e}.matter-studio h2{font-size:26px;line-height:1.2;margin:8px 0}.matter-studio>p{font-size:14px;line-height:1.7}.matter-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}.matter-controls label{display:grid;gap:7px;font-weight:700;font-size:12px}.matter-controls input,.matter-controls select{width:100%;min-height:44px;padding:10px;border:1px solid #a7bed0;border-radius:8px;background:#fff;color:#173450;font:inherit}.matter-visual{display:grid;place-items:center;min-height:95px;padding:15px;border-radius:12px;background:#102a40;color:#d9eaff;text-align:center;font-size:16px;letter-spacing:.05em;font-weight:750}.matter-result{margin-top:14px;padding:15px 17px;border-radius:10px;background:#fff;color:#183450;font-size:15px;font-weight:650;line-height:1.6}.matter-studio .matter-caption{font-size:11px;color:#4a6076;margin:12px 0 0}.particle-box{width:220px;max-width:100%;height:126px;padding:14px;border:2px solid #82b9d1;border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);place-items:center}.particle-box span{width:14px;height:14px;border-radius:50%;background:#8de1dc}.particle-box.solid{width:140px;gap:1px}.particle-box.liquid{width:160px}.particle-box.gas span{width:10px;height:10px;background:#ffbe7a}.dark .matter-studio{background:#17324b;border-color:#345770;color:#e6f2ff}.dark .matter-studio .section-kicker{color:#dcc6ff}.dark .matter-studio .matter-caption{color:#c6d9ea}@media(max-width:600px){.matter-studio{padding:19px}.matter-controls{grid-template-columns:1fr}.matter-visual{font-size:13px}}
.water-lab{margin:28px 0;padding:25px;border:1px solid #b9d6e4;border-radius:16px;background:linear-gradient(145deg,#e4f5fc,#edf3ff);color:#163d58;scroll-margin-top:100px}.water-lab h2{font-size:25px;line-height:1.25;margin:8px 0}.water-lab>p{font-size:14px;line-height:1.7}.water-lab label{display:grid;gap:8px;font-size:12px;font-weight:700;margin:16px 0}.water-lab select{width:100%;min-height:44px;border:1px solid #9ebed2;border-radius:8px;background:#fff;color:#173b55;padding:10px;font:inherit}.water-lab-result{background:#fff;border-left:4px solid #1882ac;border-radius:8px;padding:17px;color:#173b55;font-weight:600;line-height:1.7}.water-lab .water-lab-caption{font-size:11px;color:#526d7f;margin-bottom:0}.water-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.water-pillars article{background:var(--paper);border:1px solid var(--line);border-top:3px solid #1882ac;border-radius:12px;padding:18px}.water-pillars h3{margin:0 0 8px}.water-pillars p{font-size:13px;line-height:1.7;margin:0}.dark .water-lab{background:#19384b;color:#eef8ff;border-color:#325d70}.dark .water-lab .water-lab-caption{color:#c5dce8}@media(max-width:600px){.water-lab{padding:19px}.water-pillars{grid-template-columns:1fr}}
.matter-fieldwork{margin:26px 0;padding:25px;border-radius:14px;border:1px solid #c6e0d4;background:#eff8f3;color:#173e36}.matter-fieldwork>.section-kicker{color:#297862}.matter-fieldwork h2{font-size:25px;line-height:1.25}.matter-fieldwork p{font-size:14px;line-height:1.8}.matter-investigation{margin-top:18px;padding:18px;border-radius:10px;background:#fff;border-left:4px solid #258265;color:#173e36}.matter-investigation h3{font-size:17px;margin:0}.matter-investigation p:last-child{margin-bottom:0}.dark .matter-fieldwork{background:#183a35;color:#e2f3eb;border-color:#35665b}.dark .matter-fieldwork>.section-kicker{color:#a1dfc5}.dark .matter-investigation{background:#112d2a;color:#e3f4ed}@media(max-width:600px){.matter-fieldwork{padding:19px}.matter-investigation{padding:15px}}
.matter-visual svg{width:min(100%,420px);height:auto;display:block;margin:auto}.matter-studio .matter-result{overflow-wrap:anywhere}
.matter-practice{margin:22px 0;padding:22px;border:1px solid #d8d0ee;border-radius:14px;background:#f8f5ff;color:#2f2950}.matter-practice h3{font-size:21px;margin:8px 0}.matter-practice label{display:grid;gap:7px;font-weight:700;font-size:12px;max-width:260px}.matter-practice input{min-height:44px;padding:10px;border:1px solid #aea4c6;border-radius:8px;background:#fff;color:#20213a;font:inherit}.matter-practice-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.matter-practice-actions button{min-height:44px}.matter-practice [data-feedback],.matter-practice [data-hint],.matter-practice [data-solution]{font-size:13px;line-height:1.7}.dark .matter-practice{background:#302841;color:#f2eaff;border-color:#695b80}@media(max-width:600px){.matter-practice{padding:18px}.matter-practice-actions button{flex:1 1 45%}}
.matter-media{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.matter-media h2{font-size:20px;line-height:1.3;margin:8px 0}.matter-media p{color:var(--muted);font-size:13px;line-height:1.7}.matter-media a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue,#1464ed);font-weight:700;font-size:13px}
.matter-inquiry{margin:30px 0;padding:25px;border-radius:16px;background:#eef5fb;border:1px solid #c7dceb;color:#17374f;scroll-margin-top:100px}.matter-inquiry>h2{font-size:27px;line-height:1.2}.matter-inquiry>p,.matter-inquiry article p{font-size:14px;line-height:1.75}.matter-inquiry article{padding:20px;margin-top:14px;border-radius:12px;background:#fff;border:1px solid #d6e3ed}.matter-inquiry article h3{font-size:19px;line-height:1.3;margin:0}.matter-inquiry .inquiry-question{font-weight:700;color:#245b78}.matter-inquiry label{display:grid;gap:8px;font-size:12px;font-weight:700}.matter-inquiry textarea{width:100%;min-height:80px;padding:10px;border:1px solid #afc4d5;border-radius:8px;font:inherit;background:#fff;color:#183c55}.matter-inquiry details{margin:12px 0}.matter-inquiry summary{cursor:pointer;font-weight:700;color:#1464a4;min-height:44px;display:flex;align-items:center}.matter-inquiry a{display:inline-flex;align-items:center;min-height:44px;color:#1464a4;font-weight:700;font-size:13px}.inquiry-table{overflow-x:auto}.inquiry-table table{width:100%;border-collapse:collapse;font-size:13px}.inquiry-table caption{text-align:left;font-weight:700;margin-bottom:8px}.inquiry-table th,.inquiry-table td{padding:9px;border-bottom:1px solid #d8e6ee;text-align:left}.dark .matter-inquiry{background:#173349;color:#e7f3fb;border-color:#365769}.dark .matter-inquiry article{background:#1b3a4a;border-color:#416473;color:#e7f3fb}.dark .matter-inquiry .inquiry-question{color:#a4e3fa}.dark .matter-inquiry summary,.dark .matter-inquiry a{color:#a8d8ff}@media(max-width:600px){.matter-inquiry{padding:18px}.matter-inquiry article{padding:15px}}
/* Science hub: a compact directory and recognisable provider cards. */
.matter-activity{margin:22px 0;padding:22px!important;border:1px solid #cbbdea;border-radius:14px;background:linear-gradient(120deg,#f4effc,#eef7ff)}.matter-activity h2{margin:8px 0}.matter-activity>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;color:#5b3ca0}.science-textbook-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.science-textbook-links a{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);display:grid;gap:5px;min-height:80px}.science-textbook-links strong{font-size:15px;color:var(--ink)}.science-textbook-links span{font-size:12px;color:var(--blue,#1464ed)}.science-video-list{border-top:1px solid var(--line)}.science-video-list a{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:68px;padding:12px 0;border-bottom:1px solid var(--line)}.science-video-list strong,.science-video-list small{display:block}.science-video-list strong{font-size:14px;color:var(--ink)}.science-video-list small{font-size:11px;color:var(--muted);margin-top:5px}.science-video-list b{font-size:11px;color:var(--blue,#1464ed);white-space:nowrap}.science-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.science-source{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);display:grid;grid-template-rows:80px 1fr}.science-source-brand{display:grid;place-items:center;background:#fff;padding:14px;border-bottom:1px solid var(--line)}.science-source-brand img{max-width:160px;width:auto;height:auto;max-height:52px;object-fit:contain}.science-source>div:last-child{padding:15px}.science-source span{display:block;color:var(--muted);font-size:10px;font-weight:700}.science-source strong{display:block;color:var(--ink);font-size:15px;margin-top:5px}.science-source p{color:var(--muted);font-size:12px;line-height:1.6;margin:7px 0}.science-source b{font-size:11px;color:var(--blue,#1464ed)}.matter-video{scroll-margin-top:100px}.matter-video .media-stage.loaded iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.dark .matter-activity{background:#302843;border-color:#64517d}.dark .matter-activity>a{color:#d9c3ff}@media(max-width:600px){.science-source-grid,.science-textbook-links{grid-template-columns:1fr}.science-source{grid-template-columns:100px 1fr;grid-template-rows:auto}.science-source-brand{border-bottom:0;border-right:1px solid var(--line);padding:10px}.science-source-brand img{max-width:80px;max-height:50px}.science-video-list a{gap:10px}.science-video-list b{white-space:normal;text-align:right}}

.water-video .media-stage{background:radial-gradient(ellipse at 72% 18%,#64c9da 0,#176985 42%,#083a56 100%)}.water-video .media-orbit{border-color:#cbf7ffb5;color:#e4fbff;box-shadow:0 10px 42px #041f3870}.water-video .media-stage>span:last-of-type{color:#e4fbff;font-weight:700}.water-resource-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.water-resource-links a{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:12px;font-weight:700}.water-resource-links a:hover{border-color:#1882ac;background:#effaff}.water-textbooks{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dark .water-video .media-stage{background:radial-gradient(ellipse at 72% 18%,#337e8e 0,#164858 45%,#102b3b 100%)}.dark .water-resource-links a:hover{background:#183442}@media(max-width:700px){.water-resource-links{grid-template-columns:1fr}}

/* Visual science labs: bring the model forward and keep controls close. */
.hub-exploration{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);align-items:center;gap:26px;margin:8px 0 26px;padding:24px;border:1px solid #b8d9e5;border-radius:18px;background:linear-gradient(125deg,#e8f8ff,#eef5ff 56%,#f8f4e9);box-shadow:0 12px 32px #173e5310;overflow:hidden}
.hub-exploration h2{font-size:clamp(22px,2.4vw,31px);line-height:1.15;margin:8px 0 10px;color:#123953}.hub-exploration p{font-size:14px;line-height:1.65;color:#3f5d70}
.hub-exploration-copy>a,.water-overview-exploration>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:750;color:#076b91}
.hub-exploration-copy label{display:grid;gap:10px;font-size:14px;font-weight:750;color:#173c51;margin:22px 0 12px}.hub-exploration-copy output{display:inline-block;color:#076b91;font-size:18px;margin-left:7px;font-variant-numeric:tabular-nums}.hub-exploration-copy input[type=range]{width:100%;accent-color:#087eaa;min-height:30px}
.visual-answer{min-height:46px;margin:13px 0 4px!important;padding:11px 13px;border-left:4px solid #0e9fc0;border-radius:0 9px 9px 0;background:#ffffffb5;color:#173c51!important;font-weight:700}
.density-tank{height:314px;position:relative;border:5px solid #f9feff;border-radius:20px 20px 30px 30px;box-shadow:inset 0 0 0 1px #287b94,0 12px 25px #183d4c24;background:linear-gradient(180deg,#effaff,#dff6ff);overflow:hidden}
.density-layer{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;padding:0 16px}.density-layer span{font-size:12px;font-weight:800;color:#143d53;background:#ffffffc9;border-radius:20px;padding:6px 10px}
.density-layer.oil{top:0;height:33%;background:linear-gradient(120deg,#f1d98d,#eabe60)}.density-layer.water{top:33%;height:34%;background:linear-gradient(120deg,#56c2df,#208fb3)}.density-layer.syrup{top:67%;height:33%;background:linear-gradient(120deg,#b45136,#7e3028)}
.density-object{position:absolute;left:28%;top:160px;width:48px;height:48px;display:grid;place-items:center;border:4px solid white;border-radius:50%;background:#112e42;color:#fff;font-size:25px;line-height:1;box-shadow:0 5px 14px #082a3a70;transition:top .35s cubic-bezier(.2,.7,.25,1);z-index:2}
.density-scale{position:absolute;left:9px;top:12px;bottom:12px;display:flex;flex-direction:column;justify-content:space-between;color:#173b4c;font-size:9px;font-weight:800;letter-spacing:.06em;writing-mode:vertical-rl;transform:rotate(180deg);z-index:3}
.water-overview-exploration{grid-template-columns:1fr;padding-bottom:16px}.water-overview-exploration>div:first-child{max-width:700px}.water-overview-exploration .water-overview-model{width:100%;padding:0;border-radius:14px;overflow:hidden;background:linear-gradient(#d8f5ff,#edf8f5)}.water-overview-exploration .water-model{max-width:100%;margin:0}.water-overview-exploration #water-diagram{width:100%;height:auto;max-height:310px}.water-overview-exploration .water-model-controls{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f5fbff}.water-overview-exploration .water-model-controls label{flex:1 1 125px;min-height:42px;border:1px solid #b9d6e4;border-radius:9px;background:white}
.matter-studio{padding:clamp(18px,3vw,28px)!important;background:linear-gradient(135deg,#ebf8ff 0%,#e7f1ff 52%,#f4edff 100%)!important;border-color:#bbd9e7!important}.matter-studio-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(235px,.75fr);gap:17px;align-items:stretch;margin-top:20px}
.matter-studio .matter-visual{min-height:260px;padding:10px;background:radial-gradient(ellipse at 45% 32%,#1d5770,#0a2940 72%);border:1px solid #73abc2;overflow:hidden}.matter-visual svg{display:block;width:100%;max-height:290px}
.model-label{fill:#dff5ff;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:.04em}.particle-motion{transform-box:fill-box;transform-origin:center;animation:particle-drift 2.8s ease-in-out infinite alternate}.particle-motion:nth-of-type(3n){animation-delay:-1.1s}.flow-bead{animation:flow-dash 2s linear infinite}
.matter-inspector{display:flex;flex-direction:column;gap:11px;min-width:0}.matter-inspector .matter-controls{display:grid;grid-template-columns:1fr;gap:10px;margin:0}.matter-inspector .matter-result{margin:0;padding:14px 15px;min-height:74px}.matter-inspector .matter-caption{margin:auto 0 0!important;padding-top:8px;font-size:11px}
.water-lab{padding:clamp(18px,3vw,26px)!important;background:linear-gradient(135deg,#e4f7fb,#edf5ff 55%,#e7f4ee)!important}.water-visual-plate{display:grid;place-items:center;min-height:220px;margin:18px 0 12px;padding:12px;border:1px solid #c8e3eb;border-radius:15px;background:radial-gradient(ellipse at 50% 8%,#23728c,#0a3048 78%);overflow:hidden;box-shadow:inset 0 0 36px #061f3530}
.water-visual-plate svg{display:block;width:100%;max-height:280px}.water-graphic-label{fill:#e6f7ff;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:.045em}.water-graphic-stage{fill:#123b51;font-family:inherit;font-size:19px;font-weight:900}.water-visual-plate text{font-family:inherit}
.dark .hub-exploration{background:linear-gradient(135deg,#173e50,#193348 58%,#39372b);border-color:#355d6a}.dark .hub-exploration h2,.dark .hub-exploration p,.dark .hub-exploration-copy label{color:#e5f6ff}.dark .visual-answer{background:#102c3c;color:#e5f6ff!important}
.dark .water-overview-exploration .water-model-controls{background:#163547}.dark .water-overview-exploration .water-model-controls label{background:#fff;color:#173b55}.dark .matter-studio{background:linear-gradient(135deg,#173d53,#203b57 52%,#302946)!important}.dark .matter-studio .matter-visual{background:radial-gradient(ellipse at 45% 32%,#1c536d,#0a2237 72%)}.dark .water-lab{background:linear-gradient(135deg,#173c4a,#1b3550 55%,#183d34)!important}.dark .water-visual-plate{border-color:#3c6a7a}
@keyframes particle-drift{from{transform:translate(0,0)}to{transform:translate(3px,-4px)}}@keyframes flow-dash{from{transform:translateX(-5px)}to{transform:translateX(5px)}}
@media(max-width:760px){.hub-exploration{grid-template-columns:1fr;gap:14px;padding:19px}.density-tank{height:280px}.density-object{left:24%;width:42px;height:42px}.matter-studio-layout{grid-template-columns:1fr}.matter-studio .matter-visual{min-height:220px}.matter-inspector .matter-controls{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.water-visual-plate{min-height:175px;padding:6px}.water-graphic-label{font-size:13px}}
.water-overview-exploration .flow-controls{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f5fbff}.water-overview-exploration .flow-controls button{flex:1 1 125px;min-height:42px;border:1px solid #b9d6e4;border-radius:9px;background:white;color:#173b55;font:inherit;font-weight:700}.water-overview-exploration .flow-controls button[aria-pressed=true]{background:#d7f3fa;border-color:#238ca9;color:#064b67}.water-overview-exploration .part-detail{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;align-items:baseline;padding:10px 14px;background:#fff}.water-overview-exploration .part-detail h3{margin:0;color:#14516b}.water-overview-exploration .part-detail p{margin:0;font-size:13px}.water-overview-exploration .quiet-caption{margin:0;padding:0 14px 12px;background:#fff;font-size:10px}.dark .water-overview-exploration .flow-controls{background:#163547}.dark .water-overview-exploration .flow-controls button{background:#fff;color:#173b55}


.science-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin:18px 0 28px}.science-video-card{display:block;overflow:hidden;border:1px solid #dce4ee;border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 24px #182f4b0d;transition:transform .18s ease,box-shadow .18s ease}.science-video-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #182f4b1c}.science-video-card:focus-visible{outline:3px solid #ffb72e;outline-offset:3px}.science-video-art{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:#39236b}.science-video-art svg{display:block;width:100%;height:100%}.video-art-label{position:absolute;top:12px;left:14px;border:1px solid #ffffff77;border-radius:999px;background:#11182aba;color:#fff;padding:6px 10px;font-size:.66rem;font-weight:850;letter-spacing:.14em}.video-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:58px;height:58px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#ff1638;color:#fff;font-size:1.25rem;padding-left:4px;box-shadow:0 5px 20px #101b35aa}.science-video-card-copy{display:grid;gap:7px;padding:15px 17px 17px}.science-video-card-copy small{color:#586a82;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.science-video-card-copy strong{font-size:1.04rem;line-height:1.28}.science-video-card-copy>span{color:#315fbd;font-size:.86rem;font-weight:750}.media-stage{position:relative;isolation:isolate;overflow:hidden;min-height:0!important;padding:0!important;border-radius:20px;background:#211b45!important;aspect-ratio:16/9}.media-stage>.science-video-art{position:absolute;inset:0;width:100%;height:100%;z-index:0}.video-start{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffffaa!important;border-radius:999px!important;background:#f21e3c!important;box-shadow:0 8px 28px #131a2e88;color:white!important;font-weight:850!important;padding:14px 22px!important}.media-stage .video-art-label{top:18px;left:20px}.media-stage .video-start:hover{transform:translate(-50%,-50%) scale(1.04)}
@media(max-width:640px){.science-video-grid{gap:12px}.science-video-card-copy{padding:13px}.video-play{width:50px;height:50px}.media-stage{border-radius:14px}}

/* Profile page: concise biography, credentials and family wayfinding. */
.profile-page{max-width:1150px;margin:12px auto 30px}
.profile-hero{position:relative;overflow:hidden;padding:clamp(28px,5vw,58px);border-radius:22px;background:radial-gradient(ellipse at 90% 0%,#8ec6f34a,transparent 42%),linear-gradient(125deg,#0c2947,#125c76);color:#fff}
.profile-hero .eyebrow{color:#c7e7ff}.profile-hero h1{font-size:clamp(34px,5vw,54px);max-width:740px;text-wrap:balance;color:#fff}.profile-hero p{font-size:16px;line-height:1.8;max-width:680px;color:#edf7ff;margin:17px 0 22px}.profile-jump{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #ffffff70;border-radius:9px;color:#fff;font-weight:700;font-size:13px;min-height:44px}.profile-jump:hover{background:#ffffff1c;color:#fff}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;align-items:start;gap:20px;margin:20px 0}.profile-main{display:grid;gap:16px;min-width:0}.profile-panel,.profile-rail-card,.profile-parent{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.profile-panel{padding:clamp(20px,3vw,30px)}.profile-philosophy{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;align-items:start;background:linear-gradient(125deg,#eff7ff,#fff)}.profile-section-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#1764cf;color:#fff;font:800 30px/1 Manrope,Arial,sans-serif}.profile-panel .section-kicker,.profile-rail-card .section-kicker,.profile-parent .section-kicker{display:block;margin-bottom:7px}.profile-panel h2,.profile-rail-card h2,.profile-parent h2{font-size:clamp(20px,2.4vw,25px);line-height:1.3}.profile-panel p,.profile-parent p{font-size:14px;line-height:1.85;color:var(--muted);max-width:760px}.profile-panel p:last-child{margin-bottom:0}.profile-education{background:linear-gradient(135deg,#f5f2ff,#fff 70%)}.profile-panel-heading{max-width:680px}.education-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:22px 0 0}.education-list li{display:grid;gap:10px;padding:17px 16px;border:1px solid #ded7f6;border-radius:12px;background:#ffffffc9}.education-year{display:inline-grid;place-items:center;width:max-content;min-width:54px;min-height:30px;padding:0 9px;border-radius:8px;background:#e8e1ff;color:#6540b1;font-size:12px;font-weight:800}.education-list strong,.education-list span:last-child{display:block}.education-list strong{font-size:13px;line-height:1.5}.education-list li div span{font-size:12px;color:var(--muted);margin-top:4px}.profile-certifications{background:linear-gradient(125deg,#effaf6,#fff 72%)}.profile-certifications .section-kicker{color:#087761}.certification-art{display:block;width:min(100%,670px);height:auto;object-fit:contain;margin:22px auto 10px;border-radius:10px}.certification-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0;margin:17px 0 0}.certification-list li{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:10px;background:#fff;border:1px solid #d5e8df}.certification-list li span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#397267;font-weight:800}.certification-list li strong{font-size:12px;line-height:1.4}.profile-parent{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px 12px;padding:23px;background:linear-gradient(110deg,#fff8e8,#fff)}.profile-parent>div{grid-row:1/3}.profile-parent h2{font-size:21px}.profile-parent p{margin-bottom:0}.profile-parent .secondary{font-size:12px;min-height:42px;white-space:nowrap}.profile-rail{position:sticky;top:94px;display:grid;gap:14px}.profile-rail-card{padding:19px}.profile-quick{border-top:3px solid #db9a34}.profile-quick dl{margin:17px 0 0}.profile-quick dl div{padding:13px 0;border-top:1px solid var(--line)}.profile-quick dt{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.profile-quick dd{font-size:14px;margin:5px 0 0;line-height:1.6}.profile-contact{border-top:3px solid #168d75;background:linear-gradient(145deg,#eff9f6,#fff)}.profile-contact p{font-size:13px;color:var(--muted);line-height:1.7}.profile-contact .primary{min-height:44px;font-size:12px}
@media(max-width:850px){.profile-layout{grid-template-columns:minmax(0,1fr) 225px;gap:14px}.education-list{grid-template-columns:1fr}.education-list li{grid-template-columns:58px 1fr;align-items:center}.certification-list{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-parent{grid-template-columns:1fr 1fr}.profile-parent>div{grid-column:1/-1;grid-row:auto}.profile-parent .secondary{justify-content:center}}
@media(max-width:680px){.profile-page{margin:0 auto 20px}.profile-hero{padding:27px 23px 30px;border-radius:16px}.profile-hero h1{font-size:35px}.profile-hero p{font-size:14px}.profile-layout{grid-template-columns:1fr;margin-top:14px}.profile-rail{position:static;grid-template-columns:1fr 1fr;align-items:stretch}.profile-panel{padding:20px 17px}.profile-philosophy{grid-template-columns:40px minmax(0,1fr);gap:13px}.profile-section-mark{width:38px;height:38px;border-radius:11px;font-size:24px}.profile-philosophy p,.profile-panel p,.profile-parent p{font-size:13px;line-height:1.8}.profile-panel h2,.profile-rail-card h2{font-size:20px}.education-list{gap:8px;margin-top:16px}.education-list li{padding:13px}.certification-art{margin:16px auto 5px}.certification-list{gap:7px}.certification-list li{padding:10px}.certification-list li strong{font-size:11px}.profile-rail-card{padding:15px}.profile-parent{padding:18px 15px}.profile-parent .secondary{font-size:11px;padding:9px 8px;white-space:normal}}
@media(max-width:390px){.profile-rail{grid-template-columns:1fr}.profile-parent{grid-template-columns:1fr}.profile-parent .secondary{grid-column:1}}

/* Science hubs and lessons share one wayfinding and class-notes scale. */
.science-course-view{--science-accent:#087b71;--science-soft:#eff8f6;min-width:0}
.science-course-view .reference-unit{min-width:0}
.science-course-view .reference-content{padding:0 clamp(15px,2vw,24px) 24px}
.science-course-view .unit-companion{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 108px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.science-course-view .unit-companion>section{border-radius:14px;padding:17px;margin-bottom:13px}
.science-course-view .unit-companion h2{font-size:16px;line-height:1.35}
.science-course-view .unit-companion nav a{min-height:42px;padding:8px 9px;border-radius:8px;font-size:12px;line-height:1.45}
.science-course-view .unit-companion nav a:hover,.science-course-view .unit-companion nav a[aria-current="location"]{background:#e8f4f1;color:#086f62}
.science-course-view .inline-notes{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:14px;padding:clamp(17px,2.2vw,23px);min-height:138px;margin:20px 0 25px;border:1px solid #eadbb6;border-left:4px solid #cf9336;border-radius:13px;background:linear-gradient(115deg,#fff8e9,#fffdf8);color:#3d382e}
.science-course-view .inline-notes .note-icon{width:40px;height:42px;border-radius:11px;background:#faedce;color:#855a15}
.science-course-view .inline-notes .section-kicker{color:#77561c;font-size:10px;line-height:1.5;letter-spacing:.08em}
.science-course-view .inline-notes h3{font-size:18px;line-height:1.35;margin:5px 0 6px;color:#302e29}
.science-course-view .inline-notes p{max-width:760px;margin:6px 0 8px;font-size:13px;line-height:1.7;color:#625b4d}
.science-course-view .note-actions{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.science-course-view .note-actions a,.science-course-view .note-actions button{min-height:42px;font-size:12px;color:#674612}
.science-course-view .entry-notes{padding:clamp(18px,2.2vw,24px);border:1px solid #eadbb6;border-left:4px solid #cf9336;border-radius:14px;background:linear-gradient(115deg,#fff8e9,#fffdf8)}
.science-course-view .entry-notes h2{font-size:20px;margin:0 0 14px}
.science-course-view .entry-notes nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px}
.science-course-view .entry-notes nav a{display:flex;align-items:center;min-height:44px;padding:8px 11px;border:1px solid #eadfca;border-radius:9px;background:#fff;font-size:12px;line-height:1.4}
.science-course-view .entry-notes nav a:hover{border-color:#d2a54d;background:#fffdf7}
.science-course-view .reference-block{border:1px solid #dfe9f1}
.science-course-view .reference-block.blue-block{background:linear-gradient(130deg,#e9f4ff,#f8fbff)}
.science-course-view .reference-block.purple-block{background:linear-gradient(130deg,#f3efff,#fbf9ff)}
.science-course-view .physics-model,.science-course-view .optical-model{border-radius:14px}
.science-course-view .optics-prose{max-width:100%;padding:22px 5px}
.science-course-view .lesson-media{box-shadow:0 5px 18px #203c6410}
.science-course-view .resource-section{scroll-margin-top:100px}
@media(max-width:1150px){.science-course-view .unit-companion{display:none}}
@media(max-width:760px){.science-course-view .reference-content{padding:0 12px 18px}.science-course-view .inline-notes{grid-template-columns:1fr;padding:17px 15px;gap:8px}.science-course-view .inline-notes .note-icon{display:none}.science-course-view .inline-notes h3{font-size:17px}.science-course-view .entry-notes nav{grid-template-columns:1fr}.science-course-view .unit-companion{display:none}}

/* Cells and Mechanical Systems use the same hub-first discovery pattern. */
.science-hub .science-hub-model{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:22px;align-items:center;padding:24px;margin:15px 0 24px;border:1px solid #cfe2e5;border-radius:16px;background:linear-gradient(120deg,#e9f7f4,#f5fbfa)}
.science-hub-model-copy,.science-hub-model .hub-exploration-copy{min-width:0}.science-hub-model h2{font-size:25px;line-height:1.25;margin:8px 0}.science-hub-model p{font-size:14px;line-height:1.75;color:#46616b}.science-hub-model .hub-model-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#006d61;font-weight:800;font-size:13px}.science-hub-model-stage{min-width:0;padding:10px;background:#ffffffbd;border:1px solid #cfe3e0;border-radius:13px}.science-hub-model-stage .cell-model,.science-hub-model-stage .physics-model{margin:0;padding:13px;border:0;background:transparent}.science-hub-model-stage .physics-model>svg{max-height:230px}.science-hub-model-stage .cell-model>svg{max-height:225px}.science-hub-model-stage .quiet-caption{font-size:10px}
.science-lesson-directory,.science-resource-band{margin:28px 0}.science-lesson-directory .section-top{margin:0 0 14px;align-items:end}.science-lesson-directory .section-top>div{max-width:700px}.science-lesson-directory h2,.science-resource-band h2{font-size:24px;line-height:1.3;margin:4px 0 7px}.science-lesson-directory p,.science-resource-band>div>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.science-lesson-directory nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.science-lesson-card{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:91px;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 3px 12px #18344e08}.science-lesson-card:hover{border-color:#91bdb8;background:#f6fbfa;transform:translateY(-1px)}.science-lesson-number{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e5f3f0;color:#08796c;font-size:12px;font-weight:800}.science-lesson-copy{display:grid;gap:4px}.science-lesson-copy strong{font-size:14px;line-height:1.4}.science-lesson-copy small{font-size:11px;line-height:1.55;color:var(--muted)}.science-lesson-arrow{color:#08796c;font-size:20px}.science-resource-band{padding:22px;border-radius:15px;background:#f7f9fc;border:1px solid var(--line)}.science-resource-band .section-kicker{display:block}.science-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px}.science-textbook-card{display:grid;grid-template-columns:85px minmax(0,1fr);gap:14px;align-items:center;min-height:126px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.science-textbook-card img{width:85px;height:104px;object-fit:contain;border-radius:5px;background:#f4f6f8}.science-textbook-card>span,.science-resource-card>span:last-child{display:grid;gap:5px}.science-textbook-card small,.science-resource-card small{font-size:9px;line-height:1.4;letter-spacing:.08em;font-weight:800;color:#52727b}.science-textbook-card strong,.science-resource-card strong{font-size:13px;line-height:1.45}.science-textbook-card>span>span,.science-resource-card>span:last-child>span{font-size:11px;line-height:1.5;color:#08796c;font-weight:700}.science-resource-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;min-height:84px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.science-resource-card:hover,.science-textbook-card:hover{border-color:#91bdb8;background:#fbfefd}.science-resource-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e5f3f0;color:#08796c;font-size:18px;font-weight:800}.science-resource-card img{width:82px;height:42px;object-fit:contain;grid-row:1}.science-resource-card:has(img){grid-template-columns:86px minmax(0,1fr)}.science-resource-band:has(.science-resource-grid:empty){display:none}
.science-spoke .science-lesson-intro{padding:25px 7px 17px}.science-lesson-intro>h2{max-width:800px;font-size:clamp(25px,3vw,32px);line-height:1.25;text-wrap:balance;margin:7px 0 10px}.science-lesson-lead{max-width:850px;margin:0;color:#385369;font-size:16px;line-height:1.8}.science-concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:20px 0 4px}.science-concept-card{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:15px;border:1px solid #d9e6ee;border-radius:11px;background:#f7fbfe}.science-concept-index{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e3efff;color:#2364ae;font-size:10px;font-weight:800}.science-concept-card h3{font-size:14px;line-height:1.4;margin:1px 0 4px}.science-concept-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.science-spoke-model{padding:22px}.science-spoke-model>h2{font-size:23px;margin:5px 0}.science-spoke-model>p{font-size:13px;line-height:1.7;color:var(--muted)}.science-spoke-model .cell-model,.science-spoke-model .physics-model{max-width:900px;margin:16px auto 0}.science-spoke-model .cell-model>svg,.science-spoke-model .physics-model>svg{max-height:450px}.organization-steps,.oxygen-journey,.work-energy-map{display:flex;align-items:stretch;justify-content:center;gap:10px;margin:24px auto 14px;max-width:920px}.organization-steps>div,.oxygen-journey>div,.work-energy-map>div{display:grid;align-content:center;justify-items:center;gap:7px;flex:1;min-width:0;min-height:124px;padding:15px 10px;border:1px solid #cfdfed;border-radius:12px;background:#fff;text-align:center}.organization-steps b,.oxygen-journey strong,.work-energy-map strong{font-size:15px;line-height:1.35;color:#143d63}.organization-steps span,.oxygen-journey span,.work-energy-map span{font-size:11px;line-height:1.55;color:var(--muted)}.organization-steps>i,.oxygen-journey>i,.work-energy-map>i{align-self:center;color:#147b71;font-size:20px;font-style:normal}.oxygen-journey>div>b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e4f4ee;color:#08796c;font-size:10px}.work-energy-map small{font-size:9px;letter-spacing:.09em;color:#54727e;font-weight:800}.efficiency-meter{max-width:760px;padding:18px;margin:20px auto;background:#fff;border:1px solid #d2e0ea;border-radius:13px}.meter-input{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:13px}.meter-input span,.efficiency-meter p{font-size:11px;color:var(--muted)}.meter-track{display:flex;overflow:hidden;height:54px;border-radius:10px;background:#eff1f4}.meter-track>span{display:flex;align-items:center;justify-content:center;padding:5px;color:#fff;font-size:11px;font-weight:800;text-align:center}.meter-useful{background:#158673}.meter-other{background:#73879a}.efficiency-meter p{margin:10px 0 0}.science-quick-check{margin:25px 0;padding:24px;border:1px solid #cde4dc;border-radius:15px;background:linear-gradient(130deg,#edf8f3,#fbfdfb)}.science-quick-check h2{font-size:22px;margin:5px 0 17px}.science-check-form fieldset{padding:0;margin:0;border:0}.science-check-form legend{font-size:15px;line-height:1.65;font-weight:800;margin:0 0 13px}.science-check-form label{display:flex;align-items:flex-start;gap:10px;min-height:46px;padding:11px 12px;margin:7px 0;border:1px solid #d3e4dd;border-radius:9px;background:#fff;font-size:13px;line-height:1.6;cursor:pointer}.science-check-form input{margin-top:4px;accent-color:#08796c;flex:0 0 17px;width:17px;height:17px}.science-check-form .primary{margin-top:8px;min-height:44px;font-size:12px}.science-check-feedback{font-size:13px;line-height:1.65}.science-check-feedback:not(:empty){padding:11px 13px;background:#fff;border-radius:8px;border-left:3px solid #08796c}.science-check-feedback.is-wrong{border-left-color:#c07b20}.science-back-next{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:17px 0;border-top:1px solid var(--line)}.science-back-next a{display:flex;align-items:center;min-height:44px;font-size:12px;font-weight:800;color:#08796c}.science-next-card{display:grid;gap:8px}.science-next-card a{font-size:12px;font-weight:700;color:#08796c;min-height:36px;display:flex;align-items:center}.science-model-limit{margin-top:14px}
.science-note-archive{margin-top:14px;padding-top:9px;border-top:1px solid #e5dcc7}.science-note-archive summary{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;font-weight:800;color:#77561c;cursor:pointer}.science-note-archive nav{margin-top:8px}.science-note-archive nav a{min-height:42px}
@media(max-width:760px){.science-hub .science-hub-model{grid-template-columns:1fr;gap:14px;padding:18px 14px}.science-hub-model h2{font-size:22px}.science-lesson-directory nav,.science-resource-grid{grid-template-columns:1fr}.science-lesson-card{min-height:78px;padding:12px}.science-resource-band{padding:18px 14px}.science-resource-band h2{font-size:21px}.science-textbook-card{grid-template-columns:67px minmax(0,1fr);min-height:105px;padding:10px}.science-textbook-card img{width:66px;height:85px}.science-concept-grid{grid-template-columns:1fr}.science-spoke .science-lesson-intro{padding:21px 4px 14px}.science-lesson-lead{font-size:14px}.science-spoke-model{padding:18px 13px}.organization-steps,.oxygen-journey,.work-energy-map{display:grid;grid-template-columns:1fr;gap:6px}.organization-steps>i,.oxygen-journey>i,.work-energy-map>i{transform:rotate(90deg);justify-self:center;line-height:1}.organization-steps>div,.oxygen-journey>div,.work-energy-map>div{min-height:80px}.science-quick-check{padding:19px 14px}.science-back-next{display:grid;grid-template-columns:1fr}.science-back-next a{justify-content:flex-start}.meter-track{height:65px}.meter-track>span{font-size:10px}}
/* Cells & Systems: a compact, navigable course with room for visual learning. */
.cells-tabs{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:14px 8px;margin:0 0 22px;border-bottom:1px solid #d7e4ee;background:var(--paper)}
.cells-tabs a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:6px 4px;color:#0955c0;font-size:12px;font-weight:800;text-align:center;white-space:normal}
.cells-tabs a:nth-child(3n+2){color:#7145b8}.cells-tabs a:nth-child(3n){color:#007e69}.cells-tabs .icon{width:20px;height:20px;flex:none}.cells-tabs a:hover{background:#edf4ff;border-radius:8px}
.cells-directory,.cells-projects,.cells-labs,.cells-explore,.cells-example,.cells-try,.cells-practice,.cells-review{margin:25px 0;padding:clamp(20px,3vw,30px);border-radius:16px;border:1px solid #d9e5ef}
.cells-directory{background:#edf4ff}.cells-directory>p,.cells-projects p,.cells-labs p,.cells-explore>p,.cells-review p{color:#526a82;line-height:1.75}.cells-directory h2,.cells-projects h2,.cells-labs h2,.cells-explore h2,.cells-review h2{font-size:clamp(22px,2.7vw,28px);line-height:1.3;margin:6px 0 10px}.cells-group{margin-top:22px}.cells-group h3{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#466989;margin:0 0 9px}.cells-directory .linear-lesson-list{background:#fff}.cells-directory .linear-lesson-list a{min-height:76px}.cells-directory .linear-lesson-list a small{line-height:1.6}
.cells-projects{background:#f7f4ff}.cells-projects h3{margin-top:23px}.cells-major-project{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#183b64;color:#fff;border-radius:14px;padding:24px;margin-top:18px}.cells-major-project h3{font-size:22px;margin:10px 0 5px}.cells-major-project p,.cells-major-project small{color:#e0ebff}.cells-pill{display:inline-block;border-radius:20px;background:#e5c97b;color:#263e56;padding:5px 10px;font-size:10px;font-weight:900;letter-spacing:.06em}.project-symbol{font-size:60px;line-height:1;color:#8fe5ce}.cells-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.cells-project-grid article{padding:17px;border-radius:12px;background:#fff;border:1px solid #e1d9f2}.cells-project-grid article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eee6ff;color:#7545bf;font-size:22px}.cells-project-grid h4{margin:12px 0 5px;font-size:14px}.cells-project-grid p,.cells-small{font-size:12px;margin:0;line-height:1.65}
.cells-labs{background:#eaf8f3;border-color:#cce9dd}.cells-lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.cells-lab-grid article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;background:#fff;border:1px solid #d4ebe1;border-radius:11px}.cells-lab-grid strong{color:#056a59}.cells-lab-grid span{font-size:12px;color:#4f6c69}.cells-review{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff9eb;border-color:#f0e0b8}.cells-review nav,.cells-related{display:flex;gap:9px;flex-wrap:wrap}.cells-review nav a,.cells-related a{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border:1px solid #d6e5eb;border-radius:8px;background:#fff;color:#125db5;font-size:12px;font-weight:800}
.cells-lesson-lead{padding:22px 6px}.cells-lesson-lead h2{font-size:28px;margin:5px 0 8px}.cells-lesson-lead p{line-height:1.8;color:#496278}.cells-explore{background:#eef7fc}.cells-infographic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.cells-infographic details{border:1px solid #cfe1e9;border-radius:12px;background:#fff;overflow:hidden}.cells-infographic summary{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;min-height:100px;padding:15px;cursor:pointer;list-style:none}.cells-infographic summary::-webkit-details-marker{display:none}.cells-infographic summary strong{grid-column:1;font-size:14px;line-height:1.4}.cells-infographic summary>span:last-child{grid-column:2;grid-row:1/3;color:#086f62}.cell-visual-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#def1ef;color:#08796c;font-size:11px;font-weight:800}.cells-infographic details p{margin:0;padding:0 15px 16px;color:#526a82;font-size:12px;line-height:1.7}.cells-example{background:#f6f1ff;border-color:#e2d7f4}.cells-try{background:#eaf6ff}.cells-practice{background:#eff9f3;border-color:#d1eadc}.cells-example h2,.cells-try h2,.cells-practice h2{font-size:21px;line-height:1.4}.cells-example p,.cells-try p,.cells-practice p{line-height:1.75}.cells-example details,.cells-practice details{padding:14px;border-radius:9px;background:#fff}.cells-example summary,.cells-practice summary{font-weight:800;color:#125db5;cursor:pointer}.cells-explore .cell-model{margin:18px 0}
.education-list li>div{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:0 10px}.education-list li>div .university-crest{width:38px;height:46px;object-fit:contain;grid-row:1/3}.education-list li>div span{grid-column:2}.certification-list{margin-top:22px;align-items:stretch}.certification-list li{align-items:center;justify-content:flex-start;text-align:center;padding:14px 8px}.certification-list svg{display:block;width:100%;height:105px;margin:0 auto 10px}.certification-list li:first-child svg{height:105px}
@media(max-width:850px){.cells-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.cells-project-grid,.cells-infographic{grid-template-columns:1fr 1fr}.education-list li>div{grid-template-columns:38px minmax(0,1fr)}}
@media(max-width:600px){.cells-tabs a{font-size:11px}.cells-directory,.cells-projects,.cells-labs,.cells-explore,.cells-example,.cells-try,.cells-practice,.cells-review{padding:18px 14px}.cells-project-grid,.cells-infographic,.science-resource-grid{grid-template-columns:1fr}.cells-infographic summary{min-height:70px}.cells-review{display:block}.cells-review nav{margin-top:14px}.cells-lab-grid article{display:grid}.certification-list svg,.certification-list li:first-child svg{height:90px}}
.cells-notes-visual{margin:20px 0 8px;padding:10px;background:#fff;border:1px solid #cee0e9;border-radius:12px}.cells-notes-visual summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none}.cells-notes-visual summary::-webkit-details-marker{display:none}.cells-notes-visual summary img{width:68px;height:76px;object-fit:cover;object-position:top;border-radius:6px;border:1px solid #dfe9ef}.cells-notes-visual summary span{display:grid;gap:5px}.cells-notes-visual summary strong{color:#174d6f;font-size:13px}.cells-notes-visual summary small{font-size:11px;color:#607587}.cells-notes-visual>img{display:block;width:min(100%,700px);height:auto;margin:16px auto 4px;border:1px solid #d9e4e9}.cells-notes-visual[open] summary img{display:none}
.cells-major-project .cells-project-link{display:inline-flex;align-items:center;min-height:40px;margin-top:8px;padding:8px 12px;border-radius:8px;background:#fff;color:#124f7a;font-size:12px;font-weight:800}.cells-project-grid article>a{display:inline-block;margin-top:12px;font-size:12px;font-weight:800;color:#165fb1}.cells-project-grid small{display:block;margin-top:12px;color:#657a8b;font-size:11px}.cells-project-guide{margin:20px 0;padding:26px;border:1px solid #dce6ef;border-radius:14px;background:#f6faff}.cells-project-guide p,.cells-project-guide li{line-height:1.85;color:#415b72}.cells-project-guide li{margin:10px 0}.cells-project-guide a{font-weight:800;color:#165fbd}
.cells-related{margin-top:10px}.cells-video{margin-top:20px;padding:16px;border:1px solid #d4e6e5;border-radius:12px;background:#fff}.cells-video h3{font-size:15px;margin:0 0 12px}.cells-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:8px;background:#132e45}.cells-video a{display:inline-block;padding:10px 0 0;font-size:12px;font-weight:800;color:#125db5}
.cells-diagram{display:block;width:100%;height:auto;margin:18px auto 6px;border:1px solid #d5e6ec;border-radius:14px}.cells-caption{font-size:12px;line-height:1.6;color:#5e7588}.cells-notes-visual summary img{width:135px;height:156px;object-fit:cover;object-position:top}.cells-notes-visual summary{gap:18px}.cells-notes-visual summary strong{font-size:15px}.cells-notes-visual summary small{font-size:12px}@media(max-width:600px){.cells-notes-visual summary img{width:92px;height:110px}.cells-diagram text{font-size:13px}}
.dr-wong-brand{margin:14px 0!important}.dr-wong-brand img{display:block;width:min(100%,540px);height:auto;border-radius:5px}.cells-major-project:has(.dr-wong-brand){background:#071522}.dr-wong-feature{margin:20px 0;overflow:hidden;border-radius:16px;background:#071522}.dr-wong-feature img{display:block;width:100%;height:auto}
.cells-wong .topic-heading:before{background-image:url('/assets/dr-wong-feature.png')!important;background-position:center 61%}.cells-wong .topic-heading:after{background:linear-gradient(90deg,#071522f5 0%,#071522de 40%,#07152266 75%,#07152222 100%)}.cells-wong .topic-heading h1{max-width:580px}.cells-wong .topic-heading p{max-width:500px}
.cells-wong .cells-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.wong-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 8px 22px}.wong-intro h2,.wong-versions h2,.wong-research h2,.wong-template h2{font-size:clamp(22px,2.6vw,29px);line-height:1.25;margin:6px 0 9px}.wong-intro p,.wong-versions>p,.wong-research p,.wong-template p{color:#52687c;line-height:1.7;margin:0}.wong-case-mark{display:grid;justify-items:center;align-content:center;gap:2px;width:92px;height:100px;flex:none;border:1px solid #eadab3;border-radius:12px;background:#fff8e6;color:#6e4f17;transform:rotate(3deg)}.wong-case-mark span,.wong-case-mark small{font-size:9px;letter-spacing:.08em;font-weight:900}.wong-case-mark strong{font-size:36px;line-height:1}.wong-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 26px}.wong-timeline article{position:relative;display:grid;justify-items:start;align-content:start;gap:8px;padding:17px;border:1px solid #dbe6ed;border-radius:12px;background:#f7fafc}.wong-timeline article>b{position:absolute;right:13px;top:13px;font-size:10px;color:#7990a3}.wong-stage-icon,.wong-file-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e3f2ef;color:#08796c;font-size:21px;font-weight:800}.wong-timeline h3{font-size:14px;margin:0}.wong-timeline p{font-size:12px;line-height:1.6;color:#587086;margin:0}.wong-versions{padding:24px;border:1px solid #d6e4ef;border-radius:15px;background:#eef5fb}.wong-version-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.wong-version-grid article{display:grid;align-content:start;gap:8px;padding:20px;background:#fff;border-radius:12px;border-top:4px solid #db9762}.wong-version-grid .report-file{border-top-color:#4784cc}.report-file .wong-file-icon{background:#e6effd;color:#235fa8}.wong-tag{color:#667e91;font-size:10px;font-weight:900;letter-spacing:.08em}.wong-version-grid h3{margin:0;font-size:17px}.wong-version-grid p{font-size:12px;line-height:1.7;color:#526a80;margin:0}.wong-version-grid strong{font-size:12px;color:#235276;margin-top:5px}.wong-research{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:24px;margin:22px 0;background:#faf5eb;border:1px solid #efe2c9;border-radius:15px}.wong-facts{display:flex;gap:8px}.wong-facts div{display:grid;align-content:center;justify-items:center;gap:3px;min-width:88px;padding:12px;background:#fff;border-radius:10px;text-align:center}.wong-facts strong{font-size:30px;line-height:1;color:#87611e}.wong-facts span{font-size:10px;line-height:1.4;color:#66768a}.wong-research-note{grid-column:1/-1;padding-top:14px;border-top:1px solid #e8dcc4;font-size:12px}.wong-template{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:21px;border:1px solid #cde7dd;border-radius:14px;background:#effaf5}.wong-template-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;color:#08765f;background:#d6f1e4;font-size:24px}.wong-template h2{font-size:20px}.wong-template a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:9px;background:#086f5c;color:white;font-size:12px;font-weight:800;white-space:nowrap}.wong-footnote{margin:18px 3px;font-size:11px;line-height:1.6;color:#6b7c8e}
@media(max-width:650px){.cells-wong .cells-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.wong-timeline{grid-template-columns:1fr}.wong-timeline article{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:3px 12px}.wong-stage-icon{grid-row:1/3}.wong-version-grid{grid-template-columns:1fr}.wong-research{grid-template-columns:1fr}.wong-facts{justify-content:start}.wong-template{grid-template-columns:45px minmax(0,1fr)}.wong-template a{grid-column:1/-1}.wong-case-mark{width:65px;height:78px}.wong-case-mark strong{font-size:26px}.wong-case-mark small{font-size:7px}}
/* Cells & Systems: coherent reading order and balanced page components. */
.cells-unit .cells-directory .linear-lesson-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:4px 16px;border:1px solid #d9e5ef;border-radius:12px;overflow:hidden}
.cells-unit .cells-directory .linear-lesson-list>a{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:72px;padding:14px 0;border-bottom:1px solid #dce6ee}
.cells-unit .cells-directory .linear-lesson-list>a:last-child{border-bottom:0}
.cells-unit .cells-directory .linear-lesson-list>a>b{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#e7f0ff;color:#145dc4}
.cells-unit .cells-directory .linear-lesson-list small{display:block;margin-top:4px}
.cells-unit .cells-major-project{display:block;text-align:center;padding:28px}
.cells-unit .cells-major-project>div{max-width:650px;margin:auto}
.cells-unit .dr-wong-brand img{margin-inline:auto}
.cells-unit .cells-major-project .project-symbol{display:none}
.cells-unit .cells-project-grid article{display:flex;flex-direction:column;align-items:flex-start}
.cells-unit .cells-project-grid article>a,.cells-unit .cells-project-grid article>small{margin-top:auto;padding-top:12px}
.cells-unit .cells-infographic{align-items:start}
.cells-unit .cells-infographic:has(>details:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.cells-unit .cells-infographic details[open] summary>span:last-child{font-size:0}
.cells-unit .cells-infographic details[open] summary>span:last-child:after{content:"−";font-size:20px}
.cells-unit .cells-tabs:has(a:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.dark .cells-unit .cells-directory,.dark .cells-unit .cells-explore,.dark .cells-unit .cells-projects,.dark .cells-unit .cells-labs,.dark .cells-unit .cells-example,.dark .cells-unit .cells-try,.dark .cells-unit .cells-practice,.dark .cells-unit .cells-review,.dark .cells-unit .science-resource-band,.dark .cells-unit .cells-project-guide,.dark .cells-unit .wong-versions,.dark .cells-unit .wong-research,.dark .cells-unit .wong-template{background:#172a3c;border-color:#38526a;color:#f1f6fc}
.dark .cells-unit .cells-directory .linear-lesson-list,.dark .cells-unit .cells-project-grid article,.dark .cells-unit .cells-infographic details,.dark .cells-unit .cells-example details,.dark .cells-unit .cells-practice details,.dark .cells-unit .science-resource-card,.dark .cells-unit .science-textbook-card,.dark .cells-unit .wong-timeline article,.dark .cells-unit .wong-version-grid article,.dark .cells-unit .wong-facts div{background:#20384d;border-color:#456078;color:#f1f6fc}
.dark .cells-unit .cells-directory p,.dark .cells-unit .cells-projects p,.dark .cells-unit .cells-labs p,.dark .cells-unit .cells-explore p,.dark .cells-unit .cells-review p,.dark .cells-unit .cells-infographic details p,.dark .cells-unit .cells-project-guide p,.dark .cells-unit .cells-project-guide li,.dark .cells-unit .wong-intro p,.dark .cells-unit .wong-timeline p,.dark .cells-unit .wong-versions p,.dark .cells-unit .wong-research p,.dark .cells-unit .wong-template p,.dark .cells-unit .wong-facts span{color:#cbdceb}
.dark .cells-unit .cells-group h3,.dark .cells-unit .wong-tag,.dark .cells-unit .cells-small,.dark .cells-unit .cells-project-grid small{color:#b6cde1}
.dark .cells-unit .linear-lesson-list .icon,.dark .cells-unit .cells-project-grid a,.dark .cells-unit .cells-related a,.dark .cells-unit .cells-example summary,.dark .cells-unit .cells-practice summary{color:#a7d1ff}
.dark .cells-unit .cells-infographic summary>span:last-child{color:#90ddc9}
.dark .cells-unit .cells-major-project{background:#071522}.dark .cells-unit .cells-major-project p{color:#e0ebff}
@media(max-width:850px){.cells-unit .cells-infographic:has(>details:nth-child(3):last-child){grid-template-columns:1fr}}
@media(max-width:600px){.cells-unit .cells-infographic:has(>details:nth-child(4):last-child){grid-template-columns:1fr}.cells-unit .cells-directory .linear-lesson-list{padding:4px 12px}.cells-unit .cells-major-project{padding:22px 16px}}
@media(max-width:420px){.cells-unit .cells-tabs a{flex-direction:column;gap:3px;min-height:58px;font-size:10px;line-height:1.2}}
.cells-unit .cells-lab-link{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;padding:10px 14px;border:1px solid #bcded3;border-radius:9px;background:#fff;color:#086f5c;font-weight:800;font-size:12px}
.dark .cells-unit .cells-lab-link{background:#20384d;color:#a7e5d1;border-color:#456078}
.cells-library .cells-explorer-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:14px;margin:22px 0}
.cells-library .cells-explorer{padding:23px;border:1px solid #cde1e8;border-radius:15px;background:linear-gradient(145deg,#f1fbfb,#fff);text-align:center}
.cells-library .cells-explorer h3,.cells-playlist h3{margin:8px 0;font-size:20px}
.cells-library .cells-explorer p,.cells-playlist p{color:#526a82;line-height:1.65;margin:0 0 15px}
.cells-library .cells-explorer-action{display:inline-block;padding:9px 13px;border-radius:8px;background:#087e70;color:white;font-size:12px;font-weight:800}
.cells-library .cells-anatomy nav,.cells-source-collection nav,.cells-lesson-resources nav{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:15px 0}
.cells-library .cells-anatomy nav a,.cells-source-collection nav a,.cells-lesson-resources nav a{display:inline-flex;align-items:center;gap:4px;padding:8px 10px;border:1px solid #d8e5ed;border-radius:8px;background:#fff;color:#165ba3;font-size:12px;font-weight:700;line-height:1.35;text-decoration:none}
.cells-library nav a:hover,.cells-lesson-resources nav a:hover{border-color:#3986d0;background:#edf5ff}
.cells-library .cells-playlist{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:22px;padding:24px;margin:20px 0;background:#e9f5ef;border:1px solid #cbe4d5;border-radius:15px}
.cells-playlist a{color:#08735d;font-size:13px;font-weight:800}.cells-playlist-video{aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#0b2330}.cells-playlist-video iframe{display:block;width:100%;height:100%;border:0}
.cells-library .cells-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cells-source-collection{padding:22px 16px;background:#fff;border:1px solid #d9e7ed;border-radius:15px;text-align:center}
.cells-source-collection header{display:flex;flex-direction:column;align-items:center;gap:10px}.cells-source-collection header img{display:block;width:auto;max-width:min(160px,100%);height:54px;object-fit:contain}.cells-source-collection h3{margin:0;font-size:18px}.cells-source-collection p{margin:5px 0 0;color:#526a82;font-size:12px;line-height:1.6}
.cells-source-collection:last-child:nth-child(odd){grid-column:1/-1}.cells-lesson-resources{padding:18px;margin:18px 0 0;border-radius:12px;background:#fff;border:1px solid #d9e7ed;text-align:center}.cells-lesson-resources h3{margin:0;font-size:16px}
.dark .cells-unit .cells-explorer,.dark .cells-unit .cells-source-collection,.dark .cells-unit .cells-lesson-resources,.dark .cells-unit .cells-playlist{background:#20384d;border-color:#456078}
.dark .cells-unit .cells-explorer p,.dark .cells-unit .cells-source-collection p,.dark .cells-unit .cells-playlist p{color:#cbdceb}.dark .cells-unit .cells-library nav a,.dark .cells-unit .cells-lesson-resources nav a{background:#172a3c;border-color:#456078;color:#b9d9ff}.dark .cells-unit .cells-playlist a{color:#a7e5d1}
@media(max-width:700px){.cells-library .cells-explorer-grid,.cells-library .cells-playlist,.cells-library .cells-source-grid{grid-template-columns:1fr}.cells-source-collection:last-child:nth-child(odd){grid-column:auto}.cells-library .cells-playlist{text-align:center}}
.cells-library .cells-explorer-image{display:block;width:min(100%,180px);height:145px;object-fit:contain;margin:12px auto;border-radius:10px}
.cells-unit.cells-custom-hub .cells-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.cells-unit .cells-notes-top{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:18px;margin:8px 0 20px}
.cells-unit .cells-notes-top>img{width:78px;height:104px;object-fit:cover;object-position:top;border:1px solid #d8e5ed;border-radius:7px;box-shadow:0 3px 12px #16354a1a}
.cells-unit .cells-notes-top h3{margin:4px 0;font-size:19px}.cells-unit .cells-notes-top p{margin:4px 0 10px;font-size:13px;line-height:1.55}
.cells-unit .cells-learning{margin-top:22px}.cells-key-flow{padding:20px;border:1px solid #cde8e1;border-radius:14px;background:#edf9f5;text-align:center}
.cells-pathway{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px}.cells-pathway span{padding:8px 12px;border:1px solid #cee4dc;border-radius:8px;background:white;color:#08685d;font-size:12px;font-weight:800}.cells-pathway span:not(:last-child):after{content:" →";color:#59938a}
.cells-explain-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:16px 0}.cells-explain-grid article{display:grid;grid-template-columns:35px minmax(0,1fr);gap:13px;padding:17px;border:1px solid #dce8ef;border-radius:12px;background:#fff}.cells-explain-grid h3,.cells-application h3{margin:0 0 5px;font-size:16px;line-height:1.3}.cells-explain-grid p,.cells-application p{margin:0;color:#486176;font-size:13px;line-height:1.7}.cells-topic-number{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#e4f4f0;color:#08796c;font-size:11px;font-weight:900}.cells-application{padding:20px;border-radius:12px;background:#fff8e8;border:1px solid #f0dfb9}.cells-application h3{margin-top:7px}
.cells-try details{padding:13px;margin-top:10px;border-radius:9px;background:#fff}.cells-try summary{font-weight:800;color:#125db5;cursor:pointer}.cells-try details p{margin:9px 0 0;font-size:13px}
.cells-library .cells-anatomy details,.cells-source-collection details{margin-top:12px}.cells-library .cells-anatomy summary,.cells-source-collection summary{display:inline-block;padding:8px 12px;border:1px solid #cde0e9;border-radius:8px;background:#f6fbff;color:#165ba3;font-size:12px;font-weight:800;cursor:pointer}.cells-library .cells-explorer-grid{align-items:start}.cells-library .cells-explorer{min-height:330px}.cells-library .cells-source-grid{align-items:start}.cells-source-collection{min-height:255px}
.dark .cells-unit .cells-key-flow,.dark .cells-unit .cells-application,.dark .cells-unit .cells-explain-grid article,.dark .cells-unit .cells-try details{background:#20384d;border-color:#456078;color:#f1f6fc}.dark .cells-unit .cells-pathway span{background:#172a3c;border-color:#456078;color:#b9eadb}.dark .cells-unit .cells-explain-grid p,.dark .cells-unit .cells-application p{color:#cbdceb}.dark .cells-unit .cells-try summary,.dark .cells-unit .cells-library summary{color:#b9d9ff}.dark .cells-unit .cells-library summary{background:#172a3c;border-color:#456078}
@media(max-width:850px){.cells-unit.cells-custom-hub .cells-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.cells-unit .cells-notes-top{grid-template-columns:60px minmax(0,1fr);gap:12px}.cells-unit .cells-notes-top>img{width:60px;height:82px}.cells-library .cells-explorer,.cells-source-collection{min-height:0}}
.cells-library .cells-explorer details{margin-top:12px}.cells-library .cells-explorer summary{display:inline-block;padding:8px 12px;border:1px solid #cde0e9;border-radius:8px;background:#f6fbff;color:#165ba3;font-size:12px;font-weight:800;cursor:pointer}
.cells-magnification{padding:20px;margin:16px 0;border:1px solid #cde1e9;border-radius:14px;background:#fff;text-align:center}.cells-magnification h3{margin:6px 0;font-size:18px}.cells-magnification p,.cells-magnification small{font-size:12px;line-height:1.6;color:#526a82}.magnification-controls{display:flex;justify-content:center;align-items:end;flex-wrap:wrap;gap:10px;margin:15px 0}.magnification-controls label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#405b72}.magnification-controls select,.magnification-controls output{min-height:40px;min-width:68px;border:1px solid #bfd6e2;border-radius:8px;padding:7px;background:#f4fbfc;color:#164f66;font-size:15px;font-weight:800}.magnification-controls output{display:grid;place-items:center;background:#dff4ed;color:#086f5c}
.dark .cells-unit .cells-magnification{background:#20384d;border-color:#456078}.dark .cells-unit .cells-magnification p,.dark .cells-unit .cells-magnification small,.dark .cells-unit .magnification-controls label{color:#cbdceb}
.cells-rail-key p{font-size:12px;line-height:1.6;color:var(--muted)}.cells-rail-key>a{font-size:12px;font-weight:800}
.cells-library .cells-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.cells-library .cells-source-grid{align-items:stretch}
@media(max-width:700px){.cells-library .cells-explorer-grid{grid-template-columns:1fr}}
/* Balanced resource collections */
.cells-library .cells-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.cells-library .cells-source-grid{align-items:stretch}
@media(max-width:700px){.cells-library .cells-explorer-grid{grid-template-columns:1fr}}
/* Cells & Systems left-rail ad: below navigation, outside its sticky region. */
@media(min-width:1101px){.cells-unit .shared-unit-rail .advertising-left{display:block;position:static;width:100%;min-width:0;margin:24px 0 0;padding:12px 8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);text-align:center}.cells-unit .advertising-left .ad-preview{width:100%;height:200px}.cells-unit .advertising-left .ad-label{margin-bottom:10px}}
@media(max-width:1100px),print{.cells-unit .advertising-left{display:none!important}}
/* Let the page scroll the entire right rail; never trap navigation in a nested scroller. */
.science-course-view .cells-unit .unit-companion{position:static;max-height:none;overflow:visible;overscroll-behavior:auto}
/* Keep the Cells & Systems reading rail together and visible without a nested scrollbar. */
@media(min-width:1151px) and (min-height:680px){
 .science-course-view .cells-unit .unit-companion{position:sticky;top:82px;align-self:start;max-height:none;overflow:visible}
 .science-course-view .cells-unit .unit-companion>section{padding:10px 12px;margin:0 0 7px}
 .science-course-view .cells-unit .unit-companion h2{font-size:14px;line-height:1.25;margin:0 0 5px}
 .science-course-view .cells-unit .unit-companion .reading-guide nav a{min-height:29px;padding:5px 7px!important;font-size:12px;line-height:1.3}
 .science-course-view .cells-unit .unit-companion .unit-tools:not(.cells-rail-key) nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px}
 .science-course-view .cells-unit .unit-companion .unit-tools:not(.cells-rail-key) nav a{min-height:29px;padding:5px 4px!important;font-size:11px;line-height:1.3}
 .science-course-view .cells-unit .cells-rail-key p{margin:2px 0 4px;font-size:11px;line-height:1.35}
 .science-course-view .cells-unit .cells-rail-key>a{font-size:11px;line-height:1.3}
 .science-course-view .cells-unit .unit-companion .advertising-side{margin:0;padding:8px}
 .science-course-view .cells-unit .unit-companion .advertising-side .ad-label{margin-bottom:5px}
}
@media(min-width:1101px) and (min-height:680px){
 .cells-unit .unit-rail-sticky{position:sticky;top:82px;max-height:none;overflow:visible;overscroll-behavior:auto}
 .cells-unit .unit-rail-sticky .advertising-left{margin:14px 0 0}
}
@media(min-width:1101px) and (min-height:680px) and (max-height:780px){
 .cells-unit .unit-rail-sticky .unit-back{margin-bottom:10px}
 .cells-unit .unit-rail-sticky .eyebrow{margin-bottom:8px}
 .cells-unit .unit-rail-sticky nav a{min-height:42px;padding:5px 8px}
 .cells-unit .unit-rail-sticky .advertising-left{margin-top:8px;padding:7px}
}
@media(min-width:1101px) and (max-height:679px){.cells-unit .unit-rail-sticky{position:static;max-height:none;overflow:visible}}
@media(min-width:1151px) and (min-height:680px) and (max-height:800px){
 .science-course-view .cells-unit .unit-companion>section{padding:6px 8px;margin-bottom:4px}
 .science-course-view .cells-unit .unit-companion h2{font-size:13px;margin-bottom:3px}
 .science-course-view .cells-unit .unit-companion .reading-guide nav a{min-height:24px;padding:3px 6px!important;font-size:11px}
 .science-course-view .cells-unit .unit-companion .unit-tools:not(.cells-rail-key) nav{display:flex;flex-wrap:wrap;gap:0 8px}
 .science-course-view .cells-unit .unit-companion .unit-tools:not(.cells-rail-key) nav a{min-height:24px;padding:3px 2px!important}
 .science-course-view .cells-unit .cells-rail-key p{margin:1px 0;font-size:10px}
 .science-course-view .cells-unit .cells-rail-key>a{font-size:10px}
 .science-course-view .cells-unit .unit-companion .advertising-side{padding:5px}
 .science-course-view .cells-unit .unit-companion .advertising-side .ad-label{margin-bottom:3px}
}

@media(min-width:1151px) and (max-width:1279px){.science-course-view .cells-unit .unit-companion .advertising-side{display:block;position:static;width:100%;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.science-course-view .cells-unit .unit-companion .advertising-side .ad-preview{height:200px;width:100%}}
/* Keep both rails in view on short desktop windows as well. */
@media(min-width:1151px) and (max-height:679px){
 .science-course-view .cells-unit .unit-companion{position:sticky;top:76px;align-self:start;max-height:none;overflow:visible}
 .science-course-view .cells-unit .unit-companion>section{padding:5px 8px;margin:0 0 4px}
 .science-course-view .cells-unit .unit-companion h2{font-size:13px;line-height:1.2;margin:0 0 2px}
 .science-course-view .cells-unit .unit-companion .reading-guide nav a{min-height:23px;padding:3px 6px!important;font-size:11px;line-height:1.2}
 .science-course-view .cells-unit .unit-companion .unit-tools:not(.cells-rail-key) nav{display:flex;flex-wrap:wrap;gap:0 8px}
 .science-course-view .cells-unit .unit-companion .unit-tools:not(.cells-rail-key) nav a{min-height:23px;padding:3px 2px!important;font-size:11px;line-height:1.2}
 .science-course-view .cells-unit .cells-rail-key p{margin:1px 0;font-size:10px;line-height:1.25}
 .science-course-view .cells-unit .cells-rail-key>a{font-size:10px;line-height:1.2}
 .science-course-view .cells-unit .unit-companion .advertising-side{margin:0;padding:5px}
 .science-course-view .cells-unit .unit-companion .advertising-side .ad-label{margin-bottom:3px}
 .cells-unit .unit-rail-sticky{position:sticky;top:76px;max-height:none;overflow:visible;overscroll-behavior:auto}
 .cells-unit .unit-rail-sticky .unit-back{margin-bottom:6px}
 .cells-unit .unit-rail-sticky .eyebrow{margin-bottom:4px}
 .cells-unit .unit-rail-sticky nav{gap:1px}
 .cells-unit .unit-rail-sticky nav a{min-height:36px;padding:3px 6px;font-size:11px}
 .cells-unit .unit-rail-sticky nav .unit-symbol{width:30px;height:32px;font-size:16px}
 .cells-unit .unit-rail-sticky .advertising-left{margin-top:6px;padding:5px}
 .cells-unit .advertising-side .ad-preview,.cells-unit .advertising-side .adsbygoogle{height:clamp(90px,calc(100vh - 480px),170px)!important}
}
@media(min-width:1101px) and (max-width:1150px) and (max-height:679px){.cells-unit .unit-rail-sticky{position:sticky;top:76px;max-height:none;overflow:visible}.cells-unit .unit-rail-sticky .unit-back{margin-bottom:6px}.cells-unit .unit-rail-sticky .eyebrow{margin-bottom:4px}.cells-unit .unit-rail-sticky nav{gap:1px}.cells-unit .unit-rail-sticky nav a{min-height:36px;padding:3px 6px}.cells-unit .unit-rail-sticky nav .unit-symbol{width:30px;height:32px}.cells-unit .unit-rail-sticky .advertising-left{margin-top:6px;padding:5px}.cells-unit .advertising-left .ad-preview,.cells-unit .advertising-left .adsbygoogle{height:clamp(90px,calc(100vh - 480px),170px)!important}}
/* Cells & Systems visual refinements: consistent section insets and readable dark cards. */
.cells-unit .science-resource-band{padding:30px;margin:25px 0}
.cells-unit .cells-projects>h3{margin:24px 0 12px}
.cells-unit .cells-notes-visual summary img{width:112px;height:130px;flex:none}
.cells-unit .cells-notes-visual summary span{min-width:0}
.cells-unit .cells-video h3{line-height:1.4}
.dark .cells-unit .cells-tabs a{color:#a8ceff}
.dark .cells-unit .cells-tabs a:nth-child(3n+2){color:#d1bcff}
.dark .cells-unit .cells-tabs a:nth-child(3n){color:#9fe3ce}
.dark .cells-unit .cells-tabs a:hover{background:#28445c}
.dark .cells-unit .cells-lesson-lead>p{color:#cbdceb}
.dark .cells-unit .cells-notes-visual,.dark .cells-unit .cells-video,.dark .cells-unit .cells-related a,.dark .cells-unit .cells-review nav a{background:#20384d;border-color:#456078;color:#dcecff}
.dark .cells-unit .cells-notes-visual summary strong{color:#e7f4ff}
.dark .cells-unit .cells-notes-visual summary small{color:#b8cede}
.dark .cells-unit .cells-video h3,.dark .cells-unit .cells-video p{color:#dcecff}
.dark .cells-unit .cells-video a,.dark .cells-unit .cells-review nav a{color:#b9d9ff}
.dark .cells-unit .wong-version-grid strong{color:#b9d9ff}
.dark .cells-unit .wong-facts strong{color:#f4d387}
@media(max-width:600px){.cells-unit .science-resource-band{padding:18px 14px;margin:20px 0}.cells-unit .cells-notes-visual summary img{width:82px;height:100px}}

/* Cells lesson media: first-page covers and deliberately framed live models. */
.cells-unit .cells-notes-top img,.cells-unit .cells-notes-visual summary img{object-fit:contain;object-position:center;background:#fff}
.cells-live-model{padding:24px;margin:0 0 28px;background:#fff;border:1px solid #b9d8dc;border-radius:18px;overflow:hidden}
.cells-live-model header h3{margin:8px 0}.cells-live-model header p{margin:10px 0 20px}
.cells-model-launch{border:1px solid #c8dbeb;border-radius:12px;overflow:hidden;background:#f3f8fc}
.cells-model-launch summary{padding:18px 20px;color:#145bb6;font-weight:750;cursor:pointer}
.cells-model-launch iframe{display:block;width:100%;height:620px;max-height:78vh;min-height:420px;border:0;background:white}
.cells-model-investigation{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.cells-model-investigation strong{color:#08796d}.cells-model-investigation p{font-size:1rem;line-height:1.65;margin:8px 0}
.cells-live-model footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.cells-live-model footer small{color:#526880}.cells-unit .cells-model-fallback{font-size:.86rem;color:#526880;line-height:1.5;margin:16px 0 0}
@media(max-width:700px){.cells-live-model{padding:16px}.cells-model-investigation{grid-template-columns:1fr;gap:12px}.cells-model-launch iframe{height:560px}}

/* Give lesson media usable space, rather than nesting padded boxes on phones. */
.cells-unit .cells-model-launch{padding:0;margin:12px 0}.cells-unit .cells-model-launch iframe{margin:0;padding:0;border-radius:0}
.cells-workspace-open{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:0;border-radius:9px;background:#125db7;color:white;font-family:inherit;font-size:.95rem;font-weight:700;line-height:1.4;cursor:pointer}
.cells-workspace{box-sizing:border-box;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#132c4a;overflow:hidden}
.cells-workspace[open]{display:flex;flex-direction:column}.cells-workspace::backdrop{background:#102039cc}.cells-workspace>header{display:flex;align-items:center;gap:14px;flex-shrink:0;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));border-bottom:1px solid #cbdce7;background:white}.cells-workspace>header strong{margin-right:auto;font-size:1rem}.cells-workspace>header a{font-size:.85rem}.cells-workspace>header button{min-height:44px;padding:8px 14px;border:1px solid #b6cbe0;border-radius:8px;background:#eef5fc;color:#173c67;font-weight:700;cursor:pointer}.cells-workspace>iframe{display:block;flex:1;min-height:0;width:100%;border:0;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.cells-workspace-active{overflow:hidden}
@media(max-width:760px){
 .cells-unit .reference-columns{margin-left:0;margin-right:0;display:block}
 .cells-unit .reference-content{padding:0 12px 20px;border:0;border-radius:0}
 .cells-unit.science-spoke .cells-explore{padding:20px 0;background:transparent;border:0;border-radius:0}
 .cells-unit.science-spoke .cells-live-model{padding:16px 0;border:0;border-top:2px solid #bad9df;border-bottom:1px solid #d9e6ec;border-radius:0;background:transparent;overflow:visible}
 .cells-unit .cells-model-launch{border-radius:8px}
 .cells-unit .cells-model-launch summary{padding:14px;font-size:.95rem}
 .cells-unit .cells-model-investigation{gap:16px}
 .cells-workspace-open{width:100%}
 .cells-workspace>header{flex-wrap:wrap;gap:8px}.cells-workspace>header strong{flex:1 1 100%;font-size:.9rem}.cells-workspace>header a{margin-right:auto}
}

/* Lesson composition: explanations beside their source visual, then application. */
.cells-unit .cells-concept-spread{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,1fr);gap:28px;align-items:start;margin:24px 0}
.cells-unit .cells-concept-spread .cells-explain-grid{margin:0;gap:22px}
.cells-unit .cells-concept-spread .cells-explain-grid article{padding:0 0 20px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;grid-template-columns:28px minmax(0,1fr);gap:10px}
.cells-unit .cells-concept-spread .cells-explain-grid article:last-child{border-bottom:0;padding-bottom:0}
.cells-unit .cells-concept-spread .cells-topic-number{width:27px;height:27px;border-radius:50%}
.cells-unit .cells-concept-spread h3{font-size:18px;line-height:1.4}.cells-unit .cells-concept-spread p{font-size:14px;line-height:1.8}
.cells-notes-figure{margin:0;min-width:0}.cells-notes-figure a{display:block}.cells-notes-figure img{display:block;width:100%;height:auto;border:1px solid #cedce6;border-radius:7px;background:white;box-shadow:0 8px 24px #16395812}.cells-notes-figure a>span{display:block;text-align:center;font-size:12px;font-weight:700;padding:12px 0;color:#155fae}.cells-notes-figure figcaption{font-size:12px;line-height:1.65;color:var(--muted);text-align:center}
.cells-unit .cells-learning>.cells-application{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);column-gap:24px;align-items:start;margin-top:28px;padding:22px 24px;border:0;border-left:3px solid #d7a942;border-radius:0;background:#fffaef}
.cells-unit .cells-application>.section-kicker{grid-column:1}.cells-unit .cells-application>h3{grid-column:1;margin:8px 0 0}.cells-unit .cells-application>p{grid-column:2;grid-row:1/3}
.cells-unit .cells-explore{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding-left:0;padding-right:0}
.cells-unit .cells-live-model{border-radius:12px}.cells-unit .cells-infographic{margin:26px 0}.cells-unit .cells-lesson-resources{margin:28px 0}.cells-unit .cells-video{margin-top:28px}
@media(max-width:600px){.cells-unit .cells-concept-spread{grid-template-columns:1fr;gap:24px}.cells-notes-figure{max-width:360px;width:100%;justify-self:center}.cells-unit .cells-learning>.cells-application{display:block;padding:18px}.cells-unit .cells-application>p{margin-top:12px}.cells-unit .cells-concept-spread .cells-explain-grid{gap:20px}}
.dark .cells-unit .cells-learning>.cells-application{background:#20384d}.dark .cells-unit .cells-concept-spread .cells-explain-grid article{background:transparent}

/* Intentional unit hierarchy: sections use whitespace; frames identify real tools. */
.cells-unit .cells-directory,.cells-unit .cells-projects,.cells-unit .cells-review,.cells-unit .science-resource-band{padding:24px 0;margin:24px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0}
.cells-unit .cells-directory .linear-lesson-list{background:transparent;border:0;border-radius:0;padding:0}
.cells-unit .cells-directory .cells-group{margin-top:22px}.cells-unit .cells-directory .linear-lesson-list a{padding:14px 0;min-height:0}
.cells-unit .cells-key-flow{padding:14px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}
.cells-unit .cells-pathway{margin:10px 0 0;gap:7px}.cells-unit .cells-pathway span{background:transparent;border:0;padding:5px 7px}
.cells-unit .cells-notes-top{padding:14px 18px;margin:12px 0 20px;grid-template-columns:52px minmax(0,1fr);gap:14px;border-radius:8px}.cells-unit .cells-notes-top>img{width:52px;height:70px}.cells-unit .cells-notes-top h3{font-size:17px;margin:2px 0 5px}
.cells-unit .cells-library .cells-explorer,.cells-unit .cells-source-collection{background:transparent;border:0;border-radius:0;padding:16px 12px;min-height:0;box-shadow:none}
.cells-unit .cells-library .cells-explorer-grid{gap:24px;margin:16px 0 26px}.cells-unit .cells-library .cells-source-grid{gap:20px 28px}.cells-unit .cells-source-collection{border-top:1px solid var(--line)}
.cells-unit .cells-lesson-resources{padding:16px 0;border:0;border-radius:0;background:transparent;text-align:left;margin:20px 0}.cells-unit .cells-lesson-resources nav{justify-content:flex-start;margin-bottom:0}
.cells-unit .cells-video{padding:20px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.cells-unit .cells-video p{margin:6px 0 14px}
.cells-unit .cells-response-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:24px 0}
.cells-unit .cells-response-grid>section{padding:20px 0;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;min-width:0}
.cells-unit .cells-response-grid>.cells-example{grid-column:1/-1;padding-bottom:26px}
.cells-unit .cells-response-grid details{padding:10px 0;background:transparent;border:0;border-radius:0}.cells-unit .cells-response-grid summary{line-height:1.5;min-height:44px;padding:8px 0}
.cells-unit .cells-response-grid h2{font-size:20px}.cells-unit .cells-response-grid p{font-size:14px;line-height:1.75}
@media(max-width:600px){.cells-unit .cells-response-grid{grid-template-columns:1fr}.cells-unit .cells-library .cells-explorer{padding:16px 0}.cells-unit .cells-source-collection{padding:18px 0}.cells-unit .cells-notes-top{padding:12px;grid-template-columns:45px minmax(0,1fr)}.cells-unit .cells-notes-top>img{width:45px;height:61px}}
.dark .cells-unit .cells-directory,.dark .cells-unit .cells-projects,.dark .cells-unit .cells-review,.dark .cells-unit .science-resource-band,.dark .cells-unit .cells-key-flow,.dark .cells-unit .cells-library .cells-explorer,.dark .cells-unit .cells-source-collection,.dark .cells-unit .cells-lesson-resources,.dark .cells-unit .cells-video,.dark .cells-unit .cells-response-grid>section,.dark .cells-unit .cells-response-grid details{background:transparent}
.cells-unit .cells-response-grid>.advertising{grid-column:1/-1}
.cells-unit .cells-response-grid>[class*="advertising"]{grid-column:1/-1}
.cells-unit .cells-library .cells-explorer details,.cells-unit .cells-library .cells-source-collection details{padding:0;margin-top:12px;border:0;border-radius:0;background:transparent;box-shadow:none}
.cells-unit .cells-response-grid details{margin:6px 0}
/* Live models are primary content, visible without a launch step. */
.cells-unit .cells-live-model{position:relative;padding:0;margin:20px 0 32px;border:0;border-radius:0;background:transparent;overflow:visible}
.cells-unit .cells-live-model header{padding-right:140px}.cells-unit .cells-live-model header p{margin-bottom:16px}
.cells-unit .cells-workspace-open{position:absolute;right:0;top:0;width:auto;min-height:36px;padding:7px 10px;background:transparent;border:1px solid #b7ccdf;color:#155ca6;font-size:12px}
.cells-model-stage{padding:0;margin:0;border:0;background:white;width:100%}.cells-model-stage iframe{display:block;width:100%;height:780px;max-height:none;min-height:600px;margin:0;border:0}
@media(min-width:1151px){.cells-unit.science-spoke .reference-columns{grid-template-columns:minmax(0,1fr) 185px;gap:16px}.cells-unit.science-spoke .reference-content{padding-left:18px;padding-right:18px}}
@media(max-width:600px){.cells-unit .cells-live-model header{padding-right:0}.cells-unit .cells-workspace-open{position:static;display:inline-flex;margin-bottom:12px}.cells-model-stage iframe{height:760px;min-height:600px}.cells-unit .cells-live-model{margin-left:-12px;margin-right:-12px}.cells-unit .cells-live-model>header,.cells-unit .cells-live-model>.cells-workspace-open,.cells-unit .cells-live-model>.cells-model-investigation,.cells-unit .cells-live-model>footer,.cells-unit .cells-live-model>.cells-model-fallback{margin-left:12px;margin-right:12px}}
/* Compose the lesson opening as useful adjacent material, not repeated title rows. */
.cells-unit .cells-start{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:28px;align-items:start;margin:20px 0 26px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.cells-unit .cells-notes-browser{min-width:0;margin:0;padding:0;border:0;background:transparent}
.cells-notes-browser>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.cells-unit .cells-notes-browser h2,.cells-unit .cells-overview h2{font-size:16px;line-height:1.4;margin:0}.cells-notes-browser>header>a{font-size:12px;font-weight:700;color:#155ca6;min-height:32px;display:inline-flex;align-items:center}
.cells-note-pages{display:flex;gap:12px;overflow-x:auto;padding:3px 2px 7px;scroll-snap-type:x proximity}.cells-note-page{flex:0 0 auto;scroll-snap-align:start;text-align:center}.cells-note-page img{display:block;width:auto;height:132px;max-width:110px;object-fit:contain;background:white;border:1px solid #cbdce6;border-radius:4px;box-shadow:0 3px 9px #173c5b10;transition:transform .15s}.cells-note-page:hover img{transform:translateY(-2px)}.cells-note-page>span{display:block;font-size:11px;color:var(--muted);margin-top:7px}
.cells-overview{max-width:190px;padding:6px 0 0 24px;border-left:1px solid var(--line)}.cells-overview ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:5px}.cells-overview li{font-size:13px;font-weight:650;color:#08796b;line-height:1.5}.cells-overview li:not(:last-child)::after{content:'↓';display:block;color:#6d928c;font-size:11px;margin-top:3px}
.cells-unit .cells-lesson-lead{padding:0;margin:0}.cells-unit .cells-explanation-heading{font-size:20px;line-height:1.4;margin:0 0 16px}.cells-unit .cells-learning{margin-top:0}.cells-unit .cells-concept-spread{margin-top:0}
.cells-note-viewer{position:fixed;inset:0;width:min(100vw,1000px);height:100dvh;max-height:100dvh;max-width:100vw;margin:auto;padding:0;border:0;background:#eff4f8;overflow:auto}.cells-note-viewer::backdrop{background:#102039bb}.cells-note-viewer>header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:white;border-bottom:1px solid #cbdce6;z-index:1}.cells-note-viewer strong{font-size:14px;color:#173957}.cells-note-viewer button{min-height:44px;padding:8px 12px;background:#155ca6;color:white;border:0;border-radius:7px;font-weight:700;cursor:pointer}.cells-note-viewer>img{display:block;width:100%;height:auto;margin:0 auto;background:white}
@media(max-width:600px){.cells-unit .cells-start{grid-template-columns:1fr;gap:18px;margin:12px 0 22px;padding-bottom:18px}.cells-overview{max-width:none;border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.cells-overview ol{display:flex;flex-wrap:wrap;gap:5px 9px;margin:8px 0 0}.cells-overview li:not(:last-child)::after{display:inline;content:'→';margin-left:9px}.cells-note-page img{height:112px;max-width:86px}.cells-unit .cells-note-pages{gap:10px}}
.dark .cells-notes-browser>header>a{color:#a8ceff}.dark .cells-overview li{color:#a2e2d3}

/* Editorial lesson opening: teaching and notes share one composition. */
.cells-unit .cells-opening-spread{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr);gap:28px;margin:24px 0 30px;align-items:start}
.cells-unit .cells-opening-spread>.cells-lesson-lead{grid-column:1;grid-row:1;min-width:0}
.cells-unit .cells-opening-spread>.cells-start{grid-column:2;grid-row:1;display:block;margin:0;padding:0 0 0 20px;border:0;border-left:1px solid var(--line);min-width:0}
.cells-opening-spread .cells-note-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;padding:3px 0 0}.cells-opening-spread .cells-note-page img{height:112px;width:100%;max-width:none;object-fit:contain;border:0;box-shadow:none}.cells-opening-spread .cells-note-page{min-width:0}.cells-opening-spread .cells-note-page span{margin-top:4px}
.cells-unit .cells-opening-spread .cells-overview{margin-top:20px;padding:16px 0 0;border:0;border-top:1px solid var(--line);max-width:none}
.cells-opening-spread .cells-overview ol{display:flex;flex-wrap:wrap;gap:5px 7px;margin-top:10px}.cells-opening-spread .cells-overview li:not(:last-child)::after{display:inline;content:'→';margin-left:7px}
.cells-unit .cells-opening-spread .cells-concept-spread{display:block;margin:0}.cells-unit .cells-opening-spread .cells-learning>.cells-application{display:block;margin:22px 0 0;padding:15px 16px}.cells-unit .cells-opening-spread .cells-application>p{margin-top:9px}
.cells-unit .cells-opening-spread .cells-explain-grid article{grid-template-columns:1fr;gap:0;padding-bottom:18px}.cells-opening-spread .cells-topic-number{display:none!important}.cells-unit .cells-opening-spread .cells-explain-grid{gap:18px}
.cells-unit .cells-opening-spread .cells-explain-grid h3{font-size:20px;line-height:1.4;margin-bottom:7px}
.cells-unit.cells-custom-hub .unit-entry{margin:15px 0 20px;padding:0;border:0}.cells-unit.cells-custom-hub .entry-notes{display:grid;grid-template-columns:110px 1fr;gap:8px 18px;padding:0 0 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left}
.cells-unit.cells-custom-hub .entry-notes h2{font-size:16px;margin:0;align-self:center}.cells-unit.cells-custom-hub .entry-notes>nav{display:flex;flex-wrap:wrap;gap:5px 16px;justify-content:flex-start}.cells-unit.cells-custom-hub .entry-notes>nav>a{padding:6px 0;min-height:32px;border:0;background:transparent;border-radius:0;font-size:12px;text-align:left}.cells-unit.cells-custom-hub .science-note-archive{grid-column:2;margin:0;padding:0;border:0;border-radius:0;background:transparent}.cells-unit.cells-custom-hub .science-note-archive>summary{padding:6px 0;min-height:32px;font-size:12px}
.cells-unit.cells-custom-hub .cells-directory{margin-top:0;padding-top:0;border-top:0}.cells-unit.cells-custom-hub .cells-directory>p{margin:8px 0 12px;font-size:14px;line-height:1.65}
@media(max-width:700px){.cells-unit .cells-opening-spread{grid-template-columns:1fr;gap:24px;margin:15px 0 24px}.cells-unit .cells-opening-spread>.cells-start{grid-column:1;grid-row:1;border-left:0;border-bottom:1px solid var(--line);padding:0 0 18px}.cells-unit .cells-opening-spread>.cells-lesson-lead{grid-column:1;grid-row:2}.cells-opening-spread .cells-note-pages{display:flex;gap:12px;overflow-x:auto}.cells-opening-spread .cells-note-page img{width:76px;height:100px}.cells-unit .cells-opening-spread .cells-overview{margin-top:12px;padding-top:12px}.cells-unit.cells-custom-hub .entry-notes{grid-template-columns:1fr;gap:6px}.cells-unit.cells-custom-hub .science-note-archive{grid-column:1}}
.dark .cells-unit.cells-custom-hub .entry-notes{background:transparent}
.cells-unit .cells-live-model header h2{font-size:24px;line-height:1.3;margin:7px 0 10px}.cells-unit .cells-live-model header p{font-size:14px;line-height:1.7}
.cells-unit .cells-opening-spread .cells-explain-grid h2{font-size:20px;line-height:1.4;margin:0 0 7px}

/* Consistent learning cues: blue practice, green extension, without nested cards. */
.cells-unit .cells-response-grid>.cells-try{background:#eaf6ff;border:1px solid #d4e7f5;border-radius:12px;padding:20px}
.cells-unit .cells-response-grid>.cells-practice{background:#eff9f3;border:1px solid #d1eadc;border-radius:12px;padding:20px}
.cells-unit .cells-response-grid>.cells-try details,.cells-unit .cells-response-grid>.cells-practice details{background:transparent}
.dark .cells-unit .cells-response-grid>.cells-try{background:#19364b;border-color:#36566e}
.dark .cells-unit .cells-response-grid>.cells-practice{background:#193b30;border-color:#365c4b}
@media(max-width:600px){.cells-unit .cells-response-grid{row-gap:16px}.cells-unit .cells-response-grid>.cells-try,.cells-unit .cells-response-grid>.cells-practice{padding:18px}}

/* Science directory uses the measured Linear Relations hierarchy and row sizing. */
.cells-unit.cells-custom-hub .cells-directory{padding:26px 22px;margin:24px 0;background:#edf4ff;border:1px solid #d6e3f2;border-radius:15px}
.cells-unit.cells-custom-hub .cells-directory h2{font-size:25px;line-height:1.4;color:#173d6b;margin:10px 0 16px}
.cells-unit.cells-custom-hub .cells-directory>p{font-size:16px;line-height:1.8;color:#3e5570;margin:0 0 20px}
.cells-unit.cells-custom-hub .cells-directory .linear-lesson-list{display:grid;grid-template-columns:1fr;gap:0 25px;padding:5px 16px;margin-top:10px;border:1px solid #d4e0ed;border-radius:11px;background:#fff}
.cells-unit.cells-custom-hub .cells-directory .linear-lesson-list>a{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;gap:12px;align-items:center;min-height:60px;padding:15px 0;border-bottom:1px solid var(--line);border-radius:0}
.cells-unit.cells-custom-hub .cells-directory .linear-lesson-list>a:last-child{border-bottom:0}
.cells-unit.cells-custom-hub .cells-directory .linear-lesson-list>a>b{display:grid;place-items:center;width:30px;height:30px;min-width:30px;border-radius:7px;font-size:11px;color:var(--muted);background:var(--soft)}
.cells-unit.cells-custom-hub .cells-directory .linear-lesson-list strong{font-size:14px;line-height:1.5}
.cells-unit.cells-custom-hub .cells-directory .linear-lesson-list small{display:block;font-size:12px;line-height:1.6;margin-top:4px}
.cells-unit.cells-custom-hub .cells-directory .linear-lesson-list .icon{width:17px;height:17px;margin:0;color:var(--blue)}
.cells-unit.cells-custom-hub .cells-directory .cells-group h3{margin:24px 0 9px;font-size:12px;letter-spacing:.04em}
/* Compact, deliberate notes shelf with predictable resource alignment. */
.cells-unit.cells-custom-hub .entry-notes{display:block;padding:18px 20px;margin:0;border:1px solid #eadbbb;border-left:3px solid #cc982e;border-radius:10px;background:#fffbf2}
.cells-unit.cells-custom-hub .entry-notes h2{margin:0 0 12px;font-size:18px}
.cells-unit.cells-custom-hub .entry-notes>nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cells-unit.cells-custom-hub .entry-notes>nav>a{display:flex;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid #e8ddc8;border-radius:7px;background:white;font-size:12px;line-height:1.4;text-align:center}
.cells-unit.cells-custom-hub .science-note-archive{margin-top:10px;padding:0;border:0;background:transparent}
.cells-unit.cells-custom-hub .science-note-archive>summary{padding:6px 0;min-height:32px;font-size:12px}
/* Real-life connections belong to the whole lesson, below both columns. */
.cells-unit .reference-content>.cells-application{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2fr);column-gap:24px;padding:20px 24px;margin:0 0 28px;background:#fffaef;border:0;border-left:3px solid #d7a942;border-radius:0}
.cells-unit .reference-content>.cells-application>.section-kicker{grid-column:1}.cells-unit .reference-content>.cells-application>h3{grid-column:1;margin:8px 0 0}.cells-unit .reference-content>.cells-application>p{grid-column:2;grid-row:1/3;margin:0;font-size:14px;line-height:1.8}
@media(max-width:700px){.cells-unit.cells-custom-hub .cells-directory{padding:20px 14px}.cells-unit.cells-custom-hub .entry-notes{padding:16px}.cells-unit.cells-custom-hub .entry-notes>nav{grid-template-columns:1fr}.cells-unit .reference-content>.cells-application{display:block;padding:18px}.cells-unit .reference-content>.cells-application>p{margin-top:12px}}
.dark .cells-unit.cells-custom-hub .cells-directory{background:#20344d;border-color:#435b77}.dark .cells-unit.cells-custom-hub .cells-directory h2{color:#e7f1ff}.dark .cells-unit.cells-custom-hub .cells-directory>p{color:#c6d5e7}.dark .cells-unit.cells-custom-hub .cells-directory .linear-lesson-list{background:#172a3c;border-color:#435b77}.dark .cells-unit.cells-custom-hub .entry-notes{background:#332f25;border-color:#766447}.dark .cells-unit.cells-custom-hub .entry-notes>nav>a{background:#20344d;border-color:#665b47;color:#b9d9ff}.dark .cells-unit .reference-content>.cells-application{background:#20384d}

/* Mix & Flow: the approved composition, with model-specific space rather than card nesting. */
.matter-approved .cells-lesson-lead{padding:0;margin:0}.matter-approved .cells-explain-grid{display:grid;gap:18px}.matter-approved .cells-explain-grid article{padding:0 0 18px;border-bottom:1px solid var(--line)}.matter-approved .cells-explain-grid article:last-child{border:0;padding-bottom:0}.matter-approved .cells-explain-grid p{font-size:14px;line-height:1.8;margin:0}
.matter-approved .matter-note-caption{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 0}.matter-approved .reference-content>.matter-application{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:center}.matter-approved .matter-application h2{font-size:19px;line-height:1.4;margin:8px 0}.matter-approved .matter-application p{font-size:14px;line-height:1.8;margin:0}.matter-approved .matter-plate{margin:0;min-width:0}.matter-approved .matter-plate svg{display:block;width:100%;height:auto;max-height:230px}.matter-approved .matter-plate figcaption{font-size:10px;line-height:1.6;color:#53616c;margin-top:6px}
.matter-approved .matter-explore{margin:28px 0;padding:0;border:0;background:transparent}.matter-approved .matter-explore .cells-live-model{margin:0;padding:0;border:0}.matter-approved .cells-model-stage{border:0;border-radius:0;background:#f5f8fa;overflow:hidden}.matter-approved .cells-model-stage iframe{display:block;width:100%;height:clamp(430px,65vh,640px);min-height:0;border:0}.matter-approved .cells-model-investigation{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:18px 0;margin:0}.matter-approved .cells-live-model footer{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px}.matter-approved .cells-live-model footer small{color:var(--muted)}.matter-approved .cells-model-investigation p{font-size:13px;line-height:1.8;margin:7px 0 0}.matter-approved .cells-live-model header p{max-width:75ch}
.matter-approved .matter-calculator{margin:20px 0 0;border-top:1px solid var(--line);padding-top:12px}.matter-approved .matter-calculator>summary{font-weight:700;color:#155ca6;cursor:pointer;padding:10px 0}.matter-approved .matter-calculator .matter-studio{margin:12px 0 0}.matter-approved .matter-studio{margin:0;padding:0;border:0;border-radius:0;background:transparent}.matter-approved .matter-studio-layout{background:#f0f8fc;border-radius:12px;padding:20px;gap:20px;align-items:center}.matter-approved .matter-inspector{background:transparent;border:0;padding:0}.matter-approved .matter-studio h2{font-size:24px}.matter-approved .matter-studio-heading{margin-bottom:16px}.matter-approved .matter-studio-heading p{font-size:14px;line-height:1.7}.matter-approved .matter-visual{padding:0;background:transparent;border:0}.matter-approved .matter-caption{font-size:11px;line-height:1.7}
.matter-approved .matter-whmis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;align-items:start}.matter-approved .matter-whmis h2{font-size:24px}.matter-approved .matter-whmis>header p{font-size:14px;line-height:1.8;max-width:75ch}.matter-approved .matter-whmis details{margin:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.matter-approved .matter-whmis summary{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 10px;cursor:pointer;list-style:none}.matter-approved .matter-whmis summary::-webkit-details-marker{display:none}.matter-approved .matter-whmis summary img{width:80px;height:80px;object-fit:contain}.matter-approved .matter-whmis summary strong{font-size:13px;line-height:1.5}.matter-approved .matter-whmis summary span{font-size:11px;color:#155ca6}.matter-approved .matter-whmis details p{margin:0;padding:0 14px 16px;font-size:12px;line-height:1.8}.matter-approved .matter-source-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:16px}
.matter-approved .matter-watch{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center;margin:32px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.matter-approved .matter-watch iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px}.matter-approved .matter-watch h2{font-size:22px;margin:8px 0}.matter-approved .matter-watch p{font-size:13px;line-height:1.8}.matter-approved .matter-watch small{display:block;font-size:11px;color:var(--muted)}.matter-approved .matter-watch a{display:inline-block;margin-top:12px;font-size:12px;font-weight:700}
.matter-approved .cells-response-grid label{display:block;font-size:12px;font-weight:700}.matter-approved textarea{display:block;width:100%;max-width:100%;margin-top:8px;padding:10px;border:1px solid #b9cdda;border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;font-weight:400;resize:vertical}.matter-approved .cells-response-grid summary{font-size:13px;line-height:1.6}.matter-approved .cells-response-grid p{font-size:14px;line-height:1.8}.matter-approved .matter-check{margin:30px 0;padding-top:24px;border-top:1px solid var(--line)}.matter-approved .matter-check h2{font-size:24px;margin:8px 0}.matter-approved .matter-check header p{font-size:13px}.matter-approved .matter-quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}.matter-approved .optics-question{margin:0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);min-width:0;display:flex;flex-direction:column;align-items:start}.matter-approved .optics-question fieldset{width:100%;border:0;padding:0;margin:0;min-width:0}.matter-approved .optics-question legend{font-size:13px;line-height:1.7;font-weight:700;margin-bottom:10px}.matter-approved .optics-question label{font-size:12px;line-height:1.7;display:flex;gap:8px;padding:8px 0;margin:0;align-items:start}.matter-approved .optics-question input{margin:4px 0 0;flex-shrink:0}.matter-approved .optics-question button{margin-top:auto;font-size:12px;padding:9px 12px}.matter-approved .optics-question .question-feedback{font-size:12px;line-height:1.7;margin:12px 0 0}.matter-approved .matter-practice{background:#f2f7fc;border:1px solid var(--line);border-radius:10px;padding:20px;margin:24px 0}.matter-approved .matter-practice h3{font-size:20px}.matter-approved .matter-practice label{font-size:13px}.matter-approved .matter-practice input{display:block;width:160px;max-width:100%;padding:10px;margin:8px 0;border:1px solid #b9cdda;border-radius:6px}.matter-approved .matter-practice-actions{display:flex;flex-wrap:wrap;gap:8px}.matter-approved .matter-practice button{font-size:12px;padding:10px 12px}.matter-approved .matter-practice small{font-size:11px;color:var(--muted)}
.matter-approved .matter-investigation-link{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:24px 0;margin:24px 0;border-bottom:1px solid var(--line)}.matter-approved .matter-investigation-link h2{font-size:24px;line-height:1.4;margin:8px 0}.matter-approved .matter-investigation-link p{font-size:14px;line-height:1.8}.matter-approved .matter-data-preview{padding:22px;background:#eef7f3;border-radius:10px}.matter-approved .matter-data-preview>span{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:16px}.matter-approved .matter-data-preview>div{display:grid;grid-template-columns:40px 1fr 44px;gap:8px;align-items:center;margin:14px 0;font-size:11px}.matter-approved .matter-data-preview i{height:14px;width:var(--bar);background:#258973;border-radius:3px}.matter-approved .matter-data-preview small{font-size:10px;color:#53645c}
.matter-approved .cells-textbooks{padding:20px 0;margin:24px 0}.matter-approved .cells-textbooks>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.matter-approved .cells-textbooks a{display:flex;gap:20px;align-items:center;padding:20px;background:#f3f6fb;border-radius:10px;min-width:0}.matter-approved .cells-textbooks img{width:76px;height:105px;object-fit:contain}.matter-approved .cells-textbooks strong{display:block;font-size:18px}.matter-approved .cells-textbooks small{display:block;font-size:12px;margin-top:10px;line-height:1.7}
.matter-approved .matter-resource-library{margin:26px 0}.matter-approved .matter-resource-library>h2{font-size:26px;margin:8px 0 20px}.matter-approved .matter-video-library{display:grid;grid-template-columns:1fr 1fr;gap:20px}.matter-approved .matter-video-library>a{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;padding:12px;background:#f3f6fb;border-radius:9px;min-width:0}.matter-approved .matter-video-library img{width:110px;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.matter-approved .matter-video-library strong{display:block;font-size:14px;margin:5px 0}.matter-approved .matter-video-library small{font-size:10px;color:var(--muted);display:block}.matter-approved .matter-video-library b{font-size:11px}.matter-approved .matter-resource-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.matter-approved .matter-resource-groups>section{background:#f7f4fc;border-top:3px solid #8f6ec5;padding:20px}.matter-approved .matter-resource-groups h3{font-size:19px;margin:0 0 8px}.matter-approved .matter-resource-groups p{font-size:12px;line-height:1.8}.matter-approved .matter-resource-groups nav{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:12px}.matter-approved .matter-resource-groups nav a{font-size:12px;line-height:1.6;padding:7px 0;min-height:32px}.matter-approved .science-source-grid{grid-template-columns:1fr 1fr}.matter-approved .science-source{padding:14px;gap:14px}.matter-approved .science-source h3,.matter-approved .science-source strong{font-size:15px}.matter-approved .science-source p{font-size:12px}
.matter-approved .matter-inquiry{padding:0;margin:24px 0}.matter-approved .matter-inquiry>h2{font-size:24px}.matter-approved .matter-inquiry>article{margin:28px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:0;border-radius:0;background:transparent}.matter-approved .inquiry-table{overflow:auto}.matter-approved .inquiry-table table{width:100%;border-collapse:collapse;font-size:13px}.matter-approved .inquiry-table th,.matter-approved .inquiry-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.matter-approved .inquiry-table thead{background:#edf4ff}.matter-approved .inquiry-table caption{text-align:left;font-size:11px;padding:8px 0;color:var(--muted)}
@media(max-width:900px){.matter-approved .matter-quiz-grid{grid-template-columns:1fr}.matter-approved .optics-question button{margin-top:12px}.matter-approved .matter-video-library>a{grid-template-columns:90px 1fr}.matter-approved .matter-video-library img{width:90px}}
@media(max-width:700px){.matter-approved .reference-content>.matter-application{display:block;padding:18px}.matter-approved .matter-plate{margin-top:16px}.matter-approved .matter-plate svg{max-height:200px}.matter-approved .matter-whmis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.matter-approved .matter-whmis summary img{width:66px;height:66px}.matter-approved .matter-whmis summary{padding:12px 8px}.matter-approved .matter-watch,.matter-approved .matter-investigation-link,.matter-approved .matter-resource-groups{grid-template-columns:1fr;gap:18px}.matter-approved .matter-watch{margin:24px 0}.matter-approved .matter-watch h2{font-size:21px}.matter-approved .matter-video-library{grid-template-columns:1fr;gap:12px}.matter-approved .cells-textbooks>div{grid-template-columns:1fr;gap:12px}.matter-approved .cells-textbooks a{padding:14px}.matter-approved .cells-textbooks img{width:54px;height:76px}.matter-approved .cells-textbooks strong{font-size:16px}.matter-approved .science-source-grid{grid-template-columns:1fr}.matter-approved .cells-model-investigation{grid-template-columns:1fr;gap:16px}.matter-approved .cells-model-stage iframe{height:390px;min-height:0}.matter-approved .matter-explore .cells-live-model{margin:0 -12px}.matter-approved .matter-studio-layout{padding:14px}.matter-approved .matter-practice{padding:16px}.matter-approved .matter-response-grid h2{font-size:21px}.matter-approved .matter-inquiry .inquiry-table th,.matter-approved .matter-inquiry .inquiry-table td{padding:10px 8px}}
.dark .matter-approved .matter-studio-layout,.dark .matter-approved .matter-practice,.dark .matter-approved .cells-textbooks a,.dark .matter-approved .matter-video-library>a{background:#20344d}.dark .matter-approved .matter-resource-groups>section{background:#302d42}.dark .matter-approved .matter-data-preview{background:#193b30}.dark .matter-approved .matter-application .matter-plate{background:#fffaef;padding:8px;border-radius:6px}.dark .matter-approved .matter-whmis summary img{background:#fff}.dark .matter-approved .inquiry-table thead{background:#20344d}
.matter-approved .matter-resource-groups{align-items:start}
.matter-approved .cells-explain-grid article{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.matter-approved .cells-explain-grid article:last-child{border:0}
.matter-approved .matter-video-library>article{margin:0;padding:0;border:0;border-radius:0;background:transparent;min-width:0}.matter-approved .matter-video-library iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:8px}.matter-approved .matter-video-library>article>span{display:block;padding:12px 0}.matter-approved .matter-video-library>article a{font-size:12px;font-weight:700}
.matter-approved .matter-studio{padding:0!important;background:transparent!important;border:0!important}.matter-approved .matter-studio .matter-visual{min-height:220px;padding:12px;background:#102a40;border:0;border-radius:8px}.matter-approved .matter-studio-layout{background:transparent;padding:0}.matter-approved .matter-controls{margin-top:0}.matter-approved .matter-result{background:#eaf5fa;border-left:3px solid #3995ac;border-radius:0;padding:13px;font-size:14px}.dark .matter-approved .matter-result{background:#203c4e;color:#e6f3fa}
@media(max-width:700px){.matter-approved .matter-studio .matter-visual{min-height:170px}.matter-approved .matter-studio-layout{padding:0}}
.matter-approved .cells-response-grid{align-items:start}.matter-approved .cells-response-grid>.cells-try details,.matter-approved .cells-response-grid>.cells-practice details{padding:6px 0;margin:4px 0}.matter-approved .cells-response-grid textarea{margin-bottom:12px}
.matter-approved .matter-plate figcaption strong{display:block;font-size:12px;line-height:1.6;margin-bottom:3px}.matter-approved .matter-plate figcaption span{display:block;font-size:11px;line-height:1.6}
.matter-approved .matter-use-2d>.cells-model-stage,.matter-approved .matter-use-2d>.cells-workspace-open,.matter-approved .matter-use-2d>.cells-model-investigation{display:none}.matter-approved .matter-2d-alternative>p{font-size:14px;line-height:1.8;margin:16px 0}.matter-approved .matter-2d-alternative .physics-model{margin:0 0 16px;background:#f0f7fc;border:0;border-radius:10px}.matter-approved .matter-2d-alternative svg{max-height:340px}.matter-approved .matter-2d-alternative .quiet-caption{font-size:11px;line-height:1.7}.matter-approved .matter-2d-alternative .physics-controls{grid-template-columns:1fr 1fr}
@media(max-width:600px){.matter-approved .matter-2d-alternative .physics-controls{grid-template-columns:1fr}.matter-approved .matter-2d-alternative .physics-model{padding:14px}}
.matter-approved .matter-evidence-spread{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px}.matter-approved .matter-evidence-chart{margin:0;background:#f1f8f5;padding:12px;border-radius:8px}.matter-approved .matter-evidence-chart svg{display:block;width:100%;height:auto}.matter-approved .matter-evidence-chart figcaption{font-size:10px;color:#425c53}.matter-approved .matter-inquiry details{padding:12px 0}.dark .matter-approved .matter-evidence-chart{background:#e9f5ef}
@media(max-width:700px){.matter-approved .matter-evidence-spread{grid-template-columns:1fr;gap:14px}}
.matter-approved .matter-inquiry{background:transparent;border:0;border-radius:0;color:var(--ink)}.matter-approved .matter-inquiry>article{border:0;border-top:1px solid var(--line)}.matter-approved .matter-inquiry details{background:transparent;border:0;border-radius:0}.matter-approved .matter-inquiry summary{display:list-item}.matter-approved .matter-inquiry article h3{font-size:21px;margin-bottom:12px}
.matter-approved .matter-explore .cells-live-model.matter-workspace{position:fixed;inset:0;z-index:1500;display:flex;flex-direction:column;width:100vw;height:100dvh;margin:0!important;padding:14px;box-sizing:border-box;background:var(--surface,#fff);overflow:hidden}.matter-approved .matter-workspace>header{flex-shrink:0;padding:0 220px 10px 0}.matter-approved .matter-workspace>header .section-kicker,.matter-approved .matter-workspace>header p,.matter-approved .matter-workspace>.cells-model-investigation,.matter-approved .matter-workspace>footer{display:none}.matter-approved .matter-workspace>header h2{font-size:20px;margin:0}.matter-approved .matter-workspace>.cells-workspace-open{position:absolute;right:14px;top:10px;margin:0}.matter-approved .matter-workspace>.cells-model-stage{flex:1;min-height:0}.matter-approved .matter-workspace>.cells-model-stage>iframe{height:100%;width:100%;min-height:0}.matter-approved .matter-workspace-placeholder[hidden]{display:none}
@media(max-width:600px){.matter-approved .matter-workspace>header{padding:0 0 10px}.matter-approved .matter-workspace>header h2{font-size:17px}.matter-approved .matter-workspace>.cells-workspace-open{position:static;align-self:flex-end;width:auto;margin-bottom:10px}}
.matter-approved .matter-2d-alternative .physics-model{color:#17374f}
/* The wordmark itself is the provider heading; avoid repeating its name. */
.cells-unit .provider-logo-heading{display:flex;justify-content:center;align-items:center;min-height:72px;margin:0 0 12px;padding:0}.cells-unit .provider-logo-heading img{display:block;width:auto;max-width:min(220px,100%);height:64px;object-fit:contain}.cells-unit .cells-source-collection header .provider-logo-heading{margin:0;min-height:64px}.cells-unit .cells-source-collection header .provider-logo-heading img{max-width:min(220px,100%);height:56px}.dark .cells-unit .provider-logo-heading img{background:#fff;padding:8px;border-radius:5px;box-sizing:content-box;max-width:min(204px,calc(100% - 16px))}
@media(max-width:600px){.cells-unit .provider-logo-heading img{height:58px}.cells-unit .cells-source-collection header .provider-logo-heading img{height:50px}}
/* Content-sized applications; no vacant visual column in text-only connections. */
.matter-approved .reference-content>.matter-application-text{display:block}.matter-approved .matter-application-text>div{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.6fr);column-gap:26px}.matter-approved .matter-application-text .section-kicker{grid-column:1}.matter-approved .matter-application-text h2{grid-column:1;margin:7px 0 0}.matter-approved .matter-application-text p{grid-column:2;grid-row:1/3;max-width:none;align-self:center}
/* White writing surfaces remain distinct from coloured teaching panels. */
.matter-approved textarea,.matter-approved input[type="number"],.matter-approved input[type="text"],.matter-approved select{background:#fff!important;color:#17374f!important;border:1px solid #aec5d6}.matter-approved textarea::placeholder{color:#687986}
/* A single-column answer list, with one question in view rather than three cramped cards. */
.matter-approved .matter-quiz-grid{display:block;margin-top:16px}.matter-approved .matter-check .optics-question{display:block;width:100%;padding:20px;border:1px solid #d1dfeb;border-radius:10px;background:#f7faff;box-sizing:border-box}.matter-approved .matter-check .optics-question[hidden]{display:none!important}.matter-approved .matter-check .optics-question fieldset{min-width:0;display:block}.matter-approved .matter-check .optics-question legend{display:block;width:100%;padding:0;margin:0 0 13px;font-size:16px;line-height:1.6}.matter-approved .matter-check .optics-question label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;min-height:44px;padding:11px 12px;margin:6px 0;border:1px solid #d7e2eb;border-radius:7px;background:#fff;color:#17374f;font-size:14px;line-height:1.65;box-sizing:border-box;cursor:pointer}.matter-approved .matter-check .optics-question label:has(input:checked){background:#e8f3ff;border-color:#4585bf}.matter-approved .matter-check .optics-question input[type="radio"]{appearance:auto;width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin:4px 0 0;box-shadow:none;accent-color:#155ca6}.matter-approved .matter-check .optics-question button{margin:12px 0 0;min-height:40px;font-size:13px}.matter-approved .matter-check .question-feedback:empty{display:none}.matter-approved .matter-check .question-feedback{padding:12px 14px;background:white;line-height:1.8}.matter-approved .matter-quiz-pages,.matter-approved .matter-quiz-sequence{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0 0}.matter-approved .matter-quiz-pages button,.matter-approved .matter-quiz-sequence button{border:1px solid #c4d7e6;border-radius:7px;background:white;color:#155ca6;font:inherit;font-size:12px;font-weight:700;padding:10px 14px;min-height:40px;cursor:pointer}.matter-approved .matter-quiz-pages button[aria-pressed="true"]{background:#155ca6;border-color:#155ca6;color:white}.matter-approved .matter-quiz-progress{font-size:12px;color:var(--muted);margin-left:auto}.matter-approved .matter-quiz-sequence{justify-content:space-between}.matter-approved .matter-quiz-sequence button:disabled{opacity:.45;cursor:default}
/* Mechanism diagrams use readable labels and show only fluid-filled regions in blue. */
.matter-approved .matter-studio[data-matter-studio="hydraulics"] .matter-visual{background:#f4f9fc;border:1px solid #d3e3eb;padding:8px;min-height:240px}.matter-approved .matter-studio[data-matter-studio="hydraulics"] .matter-visual svg{max-height:none}.matter-approved .matter-studio[data-matter-studio="hydraulics"] .matter-controls{grid-template-columns:1fr}.matter-approved .matter-controls input[type="range"]{padding:0;accent-color:#155ca6;min-height:32px}.matter-approved .matter-studio[data-matter-studio="hydraulics"] .matter-studio-layout{grid-template-columns:minmax(0,1.6fr) minmax(210px,.8fr)}
.matter-approved .matter-technology{margin:0;padding:0;border:0;background:transparent}.matter-approved .matter-technology>header h2{font-size:24px;line-height:1.4;margin:8px 0}.matter-approved .matter-technology>header p{font-size:14px;line-height:1.8}.matter-approved .technology-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.matter-approved .technology-tabs button,.matter-approved .technology-oil-controls button{min-height:42px;padding:10px 14px;font:inherit;font-weight:700;font-size:13px;border:1px solid #bfd2df;border-radius:7px;color:#155ca6;background:white;cursor:pointer}.matter-approved .technology-tabs button[aria-pressed="true"],.matter-approved .technology-oil-controls button[aria-pressed="true"]{background:#155ca6;color:white;border-color:#155ca6}.matter-approved .technology-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);align-items:start;gap:24px}.matter-approved .technology-figure{margin:0;min-width:0}.matter-approved .technology-figure>div{padding:10px;background:#f4f9fc;border:1px solid #d3e3eb;border-radius:9px}.matter-approved .technology-figure svg{display:block;width:100%;height:auto}.matter-approved .technology-figure figcaption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:10px}.matter-approved .technology-explanation section{padding:0;margin:0;border:0;background:transparent}.matter-approved .technology-explanation section[hidden]{display:none!important}.matter-approved .technology-explanation h3{font-size:19px;line-height:1.5;margin:0 0 10px}.matter-approved .technology-explanation p{font-size:13px;line-height:1.8;margin:10px 0}.matter-approved .technology-explanation label{display:block;margin-top:16px;font-size:13px;font-weight:700}.matter-approved .technology-explanation output{float:right;color:#155ca6}.matter-approved .technology-explanation input[type="range"]{width:100%;margin:12px 0;accent-color:#155ca6}.matter-approved .technology-explanation .technology-observation{padding:12px 14px;background:#eaf5fa;border-left:3px solid #3995ac;border-radius:0;color:#17374f}.matter-approved .technology-oil-controls{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.matter-approved .technology-explanation [data-lift-move]{font-size:12px;margin:0 0 6px;min-height:40px}
@media(max-width:850px){.matter-approved .technology-layout,.matter-approved .matter-studio[data-matter-studio="hydraulics"] .matter-studio-layout{grid-template-columns:1fr}.matter-approved .technology-figure svg{max-height:340px}}
@media(max-width:700px){.matter-approved .matter-application-text>div{display:block}.matter-approved .matter-application-text p{margin-top:12px}.matter-approved .matter-check .optics-question{padding:16px}.matter-approved .matter-quiz-pages{gap:6px}.matter-approved .matter-quiz-pages button{padding:10px;font-size:11px}.matter-approved .matter-quiz-progress{width:100%;margin:4px 0 0}.matter-approved .technology-tabs{gap:6px}.matter-approved .technology-tabs button{padding:10px;font-size:12px}.matter-approved .technology-layout{gap:18px}}
.dark .matter-approved .matter-check .optics-question{background:#20344d;border-color:#435b77}.dark .matter-approved .matter-check .optics-question legend{color:#e7f1ff}.dark .matter-approved .matter-check .question-feedback{color:#17374f}
.matter-approved .matter-studio[data-matter-studio="solutions"] .matter-visual,.matter-approved .matter-studio[data-matter-studio="density"] .matter-visual,.matter-approved .matter-studio[data-matter-studio="viscosity"] .matter-visual{background:#f4f9fc;border:1px solid #d3e3eb;padding:8px}.matter-approved .matter-studio-layout .matter-visual svg{max-height:none}
.matter-approved .matter-hydraulic>.matter-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.matter-approved .matter-hydraulic>.matter-visual svg{max-height:390px;width:100%}.matter-approved .matter-hydraulic>.matter-travel{margin:14px 0}.matter-approved .matter-travel label{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;font-size:13px;font-weight:700}.matter-approved .matter-travel input{width:100%;min-height:40px;accent-color:#155ca6}.matter-approved .matter-hydraulic>.matter-result{margin-top:12px}.matter-approved .matter-hydraulic>.matter-caption{max-width:none}
@media(max-width:600px){.matter-approved .matter-hydraulic>.matter-controls{grid-template-columns:1fr}.matter-approved .matter-travel label{grid-template-columns:1fr;gap:4px}}
.matter-approved .matter-studio.matter-hydraulic>.matter-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.matter-approved .matter-studio.matter-hydraulic>.matter-controls{grid-template-columns:1fr}}
/* Put the mechanism first at a readable size; pair its explanation with its controls below. */
.matter-approved .technology-layout{display:block}.matter-approved .technology-figure svg{max-height:360px}.matter-approved .technology-explanation{margin-top:22px}.matter-approved .technology-explanation>section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}.matter-approved .technology-controls>label:first-child{margin-top:0}.matter-approved .technology-controls>.technology-oil-controls:first-child{margin-top:0}
@media(max-width:700px){.matter-approved .technology-explanation>section{grid-template-columns:1fr;gap:12px}.matter-approved .technology-explanation{margin-top:18px}}
.matter-approved .matter-studio[data-matter-studio="pressure"] .matter-visual{background:#f4f9fc;border:1px solid #d3e3eb;padding:8px}

/* Light & Optics: real diagrams and content-sized editorial spreads. */
.optics-approved .optics-vocabulary,.optics-approved .optics-goal{padding:8px 0;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.optics-approved .optics-vocabulary summary,.optics-approved .optics-goal summary{font-size:13px;font-weight:700;color:#155ca6;cursor:pointer;padding:7px 0}
.optics-approved .optics-vocabulary dl{margin:8px 0;font-size:13px;line-height:1.75}.optics-approved .optics-vocabulary dt{font-weight:700;margin-top:10px}.optics-approved .optics-vocabulary dd{margin:2px 0;color:var(--muted)}
.optics-approved .optical-model{margin:14px 0 0;padding:0;border:0;border-radius:0;background:transparent}.optics-approved .optical-controls{background:#f0f7fb;padding:16px;border-radius:8px;gap:16px}.optics-approved .optical-controls label{font-size:13px}.optics-approved .optical-model>svg{background:#f8fbfd;border:1px solid #dbe6ed;border-radius:8px;max-height:420px;margin:16px 0}.optics-approved .optical-model .physics-result{border-left:3px solid #4390a3;border-radius:0}.optics-approved .optical-model .quiet-caption{color:var(--muted);margin:12px 0;font-size:11px}.optics-approved .optics-model-heading h2{font-size:24px;line-height:1.4;margin:8px 0}.optics-approved .optics-model-heading p{font-size:14px;line-height:1.8}
.optics-approved .optics-worked{margin:28px 0;padding:22px 0;border-top:1px solid var(--line)}.optics-approved .optics-worked>h2{font-size:24px;margin:8px 0 18px}.optics-approved .optics-worked>div{display:grid;grid-template-columns:1fr 1fr;gap:26px}.optics-approved .optics-worked article{padding:0;margin:0;border:0;background:transparent}.optics-approved .optics-worked h3{font-size:17px;line-height:1.5;margin:0 0 10px}.optics-approved .optics-worked ol{padding-left:21px;margin:0}.optics-approved .optics-worked li{font-size:14px;line-height:1.8;margin:7px 0;padding-left:5px}
.optics-approved .cells-response-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.optics-approved .cells-response-grid>section{grid-column:auto;margin:0}.optics-approved .optics-reasoning+ .optics-reasoning{margin-top:20px;padding-top:14px;border-top:1px solid #c2d9eb}.optics-approved .cells-response-grid h2{font-size:23px;line-height:1.4;margin:8px 0 15px}.optics-approved .cells-response-grid>.cells-practice{position:static}
.optics-approved .optics-hub-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center;margin:30px 0}.optics-approved .optics-hub-feature img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.optics-approved .optics-hub-feature h2{font-size:25px;line-height:1.35;margin:8px 0}.optics-approved .optics-hub-feature p{font-size:14px;line-height:1.8}.optics-approved .optics-hub-feature a{font-size:13px;font-weight:700}
.optics-approved .optics-playlist{display:grid;grid-template-columns:1fr 1.3fr;gap:26px;align-items:center;margin:28px 0;padding:24px 0;border-top:1px solid var(--line)}.optics-approved .optics-playlist h3{font-size:21px;line-height:1.4;margin:8px 0}.optics-approved .optics-playlist p{font-size:13px;line-height:1.8}.optics-approved .optics-playlist a{font-size:12px;font-weight:700}.optics-approved .optics-playlist iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px}.optics-approved .optics-retained{border-top:1px solid var(--line);padding:14px 0;background:transparent;border-radius:0}.optics-approved .optics-retained summary{font-size:13px;font-weight:700;cursor:pointer}.optics-approved .optics-retained nav{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:12px}
.optics-approved .cells-note-pages:has(>a:nth-child(5)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.optics-approved .physics-model{margin:12px 0;padding:16px;background:#f0f7fb;border:0}.optics-approved .physics-model svg{max-height:400px}.optics-approved .optics-plate svg{max-height:245px}.optics-approved .matter-video-library{margin-top:24px}.optics-approved .matter-resource-groups{grid-template-columns:1.2fr 1fr}
@media(max-width:700px){.optics-approved .optics-worked>div,.optics-approved .cells-response-grid,.optics-approved .optics-hub-feature,.optics-approved .optics-playlist,.optics-approved .matter-resource-groups{grid-template-columns:1fr;gap:18px}.optics-approved .optics-worked{padding:18px 0}.optics-approved .optical-controls{padding:12px}.optics-approved .optical-controls label{min-width:130px}.optics-approved .cells-note-pages:has(>a:nth-child(5)){display:flex}.optics-approved .optics-hub-feature{margin:24px 0}.optics-approved .optical-model>svg{margin:12px 0}.optics-approved .physics-controls{grid-template-columns:1fr}.optics-approved .optics-plate svg{max-height:none}}
.dark .optics-approved .optical-controls,.dark .optics-approved .optical-model .physics-result{background:#20384d;color:#e3f0fa}.dark .optics-approved .optical-model>svg,.dark .optics-approved .optics-plate{background:#f8fbfd}.dark .optics-approved .physics-model{background:#eaf4fa;color:#17374f}
.optics-approved .optics-note-video-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.optics-approved .optics-note-video-groups section{border:0;margin:0;padding:0;background:transparent}.optics-approved .optics-note-video-groups h3{font-size:15px;line-height:1.6}.optics-approved .optics-note-video-groups nav{display:grid;gap:12px}.optics-approved .optics-note-video-groups a{font-size:13px;line-height:1.6}.optics-approved .optics-note-video-groups small{display:block;font-size:11px;color:var(--muted)}
@media(max-width:700px){.optics-approved .optics-note-video-groups{grid-template-columns:1fr}}

/* The optical workspaces: experiments occupy the canvas, controls stay legible. */
.optics-approved .optics-lab{padding:0;margin:0;background:transparent;border:0}.optics-approved .optics-lab>header h2,.optics-approved .optics-cinema h2{font-size:26px;line-height:1.35;margin:8px 0}.optics-approved .optics-lab>header p{font-size:14px;line-height:1.8;margin:12px 0 0;max-width:78ch}
.optics-approved .optics-lab-presets,.optics-approved .optics-scene-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 14px}.optics-approved .optics-lab-presets button,.optics-approved .optics-scene-tabs button,.optics-approved [data-ray-reset]{font:inherit;font-size:12px;font-weight:700;border:1px solid #b9cddb;border-radius:7px;background:white;color:#195979;min-height:40px;padding:10px 13px;cursor:pointer}.optics-approved .optics-lab-presets button[aria-pressed="true"],.optics-approved .optics-scene-tabs button[aria-pressed="true"]{background:#175c79;color:white;border-color:#175c79}.optics-approved [data-lab-reset]{margin-left:auto}
.optics-approved .optics-lab-stage{margin:0;background:#102b3e;border-radius:10px;overflow:hidden}.optics-approved .optics-lab-stage svg{width:100%;height:auto;display:block;max-height:430px}.optics-approved [data-drag-blocker]{cursor:ew-resize;touch-action:none}.optics-approved [data-drag-blocker]:focus{outline:none;filter:drop-shadow(0 0 5px #8ee0e8)}
.optics-approved .optics-lab-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 0;border-bottom:1px solid var(--line);gap:18px}.optics-approved .optics-lab-readings>div{min-width:0}.optics-approved .optics-lab-readings span{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-bottom:5px}.optics-approved .optics-lab-readings strong{font-size:17px;line-height:1.4;color:#186b76}.optics-approved [data-optics-lab="focus"] .optics-lab-readings{grid-template-columns:repeat(4,minmax(0,1fr))}.optics-approved .optics-focus-preview b{font:700 24px Georgia,serif;letter-spacing:4px;color:#16384d;display:block;background:white;padding:5px 2px;max-width:130px;text-align:center}
.optics-approved .optics-lab-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px 0 0}.optics-approved .optics-lab-controls label{display:block;font-size:12px;font-weight:700;line-height:1.7}.optics-approved .optics-lab-controls output{display:block;color:#167080;font-size:16px;font-weight:800;margin:4px 0}.optics-approved .optics-lab-controls input[type="range"]{display:block;width:100%;min-height:40px;padding:0;margin:4px 0;accent-color:#176b81}.optics-approved .optics-lab-controls select{width:100%;padding:10px;margin:10px 0;border-radius:7px;font:inherit}.optics-approved .optics-lab-controls .optics-lab-check{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:40px}.optics-approved .optics-lab-check input{width:18px;height:18px;accent-color:#176b81}.optics-approved .optics-lab-caption{font-size:11px;line-height:1.8;color:var(--muted);margin:14px 0}.optics-approved .optics-lab-investigate,.optics-approved .optics-studio-question{background:#edf7f4;border-left:3px solid #4a9686;padding:15px 18px;border-radius:0;margin:20px 0;color:var(--ink)}.optics-approved .optics-lab-investigate strong,.optics-approved .optics-studio-question strong{font-size:14px}.optics-approved .optics-lab-investigate p,.optics-approved .optics-studio-question p{font-size:13px;line-height:1.8;margin:7px 0 0}
.optics-approved .optics-ray-studio .cells-model-stage iframe{height:clamp(480px,70vh,650px)}.optics-approved .optics-studio-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 14px}.optics-approved .optics-studio-tools p{width:100%;font-size:13px;line-height:1.8;margin:0 0 4px}.optics-approved .optics-studio-tools .cells-workspace-open{margin:0 0 0 auto;position:static}
.optics-approved .optics-ray-studio.matter-workspace>.optics-scene-tabs,.optics-approved .optics-ray-studio.matter-workspace>.optics-studio-tools,.optics-approved .optics-ray-studio.matter-workspace>.optics-studio-question{display:none}.optics-approved .optics-ray-studio.matter-workspace>.optics-studio-tools:has(.cells-workspace-open){display:block;position:absolute;top:10px;right:14px;width:auto;margin:0}.optics-approved .optics-ray-studio.matter-workspace>.optics-studio-tools>p,.optics-approved .optics-ray-studio.matter-workspace>.optics-studio-tools>[data-ray-reset]{display:none}
.optics-approved .optics-cinema{margin:30px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}.optics-approved .optics-film-credit{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 16px}.optics-approved .optics-cinema-player{width:100%;aspect-ratio:16/9;background:#102b3e;border-radius:10px;overflow:hidden}.optics-approved .optics-cinema-player iframe{display:block;width:100%;height:100%;border:0}.optics-approved .optics-cinema-question{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-top:16px}.optics-approved .optics-cinema-question strong{font-size:15px;line-height:1.5}.optics-approved .optics-cinema-question p{font-size:13px;line-height:1.8;margin:6px 0 0}.optics-approved .optics-cinema-question>a{flex-shrink:0;font-size:12px;font-weight:700;padding-top:2px;min-height:32px}
.optics-approved .optics-film-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.optics-approved .optics-film-choices button{display:block;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:12px 14px;font:inherit;cursor:pointer}.optics-approved .optics-film-choices button[aria-pressed="true"]{border-color:#43849a;background:#ecf6fa}.optics-approved .optics-film-choices span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.optics-approved .optics-film-choices strong{font-size:13px;line-height:1.6}
.optics-approved .optics-video-shelf{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.optics-approved .optics-video-shelf>a{display:block;min-width:0}.optics-approved .optics-video-shelf img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#102b3e}.optics-approved .optics-video-shelf>a>span{display:block;padding:10px 0}.optics-approved .optics-video-shelf small{font-size:11px;color:var(--muted);display:block;margin-bottom:4px}.optics-approved .optics-video-shelf strong{font-size:16px;line-height:1.4;display:block;color:var(--ink)}.optics-approved .optics-video-shelf em{font-size:12px;display:block;margin-top:8px;font-style:normal;font-weight:700}
@media(max-width:700px){.optics-approved .optics-lab>header h2,.optics-approved .optics-cinema h2{font-size:23px}.optics-approved .optics-lab-presets{gap:6px}.optics-approved .optics-lab-presets button,.optics-approved .optics-scene-tabs button{font-size:11px;padding:9px 11px}.optics-approved .optics-lab-controls{grid-template-columns:1fr;gap:12px}.optics-approved .optics-lab-controls label{font-size:13px}.optics-approved .optics-lab-controls output{float:right;margin:0;font-size:14px}.optics-approved .optics-lab-readings{gap:10px}.optics-approved .optics-lab-readings strong{font-size:14px}.optics-approved .optics-lab-readings span{font-size:10px}.optics-approved [data-optics-lab="focus"] .optics-lab-readings{grid-template-columns:1fr 1fr}.optics-approved .optics-lab-stage{margin-left:-12px;margin-right:-12px;border-radius:6px}.optics-approved .optics-lab-stage svg{min-height:205px}.optics-approved .optics-cinema-question{display:block}.optics-approved .optics-cinema-question>a{display:block;margin-top:10px}.optics-approved .optics-film-choices{gap:8px}.optics-approved .optics-film-choices button{padding:10px}.optics-approved .optics-film-choices strong{font-size:12px}.optics-approved .optics-video-shelf{gap:18px}.optics-approved .optics-video-shelf strong{font-size:14px}.optics-approved .optics-studio-tools .cells-workspace-open{margin:0}.optics-approved .optics-ray-studio .cells-model-stage iframe{height:500px}.optics-approved .optics-cinema{margin:24px 0}.optics-approved .optics-cinema-player{margin:0 -12px;width:calc(100% + 24px);border-radius:5px}}
.dark .optics-approved .optics-lab-investigate,.dark .optics-approved .optics-studio-question{background:#173d37}.dark .optics-approved .optics-film-choices button[aria-pressed="true"]{background:#203f52}.dark .optics-approved .optics-lab-readings strong{color:#8ad8d5}
.optics-approved .optics-ray-studio.matter-workspace .cells-model-stage iframe{height:100%;min-height:0}
@media(max-width:600px){.optics-approved .optics-ray-studio.matter-workspace>header{padding-top:48px}.optics-approved .optics-ray-studio.matter-workspace>.optics-studio-tools:has(.cells-workspace-open){top:8px;right:12px}}
/* Water Systems: the approved Cells & Systems composition, with a blue-green field-science identity. */
.water-approved .water-application{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(200px,.75fr);gap:28px;align-items:center;background:#fff9ed;border-left:3px solid #d6a746;padding:24px;margin:24px 0;color:#17374f}.water-approved .water-application h2{font-size:23px;line-height:1.4;margin:8px 0 12px}.water-approved .water-application p{font-size:14px;line-height:1.9;margin:0;max-width:none}.water-approved .water-application ol,.water-approved .water-key-path ol{list-style:none;padding:0;margin:0;display:grid;gap:0}.water-approved .water-application li{padding:12px 0;border-bottom:1px solid #e7d9b9;font-size:15px;font-weight:700}.water-approved .water-application li:last-child{border:0}.water-approved .water-application li+li:before{content:'↓';color:#aa7826;margin-right:12px}.water-approved .water-explore{padding:26px 0;margin:0;border:0;background:transparent}.water-investigation{margin:0;padding:0;border:0;min-width:0}.water-investigation h2{font-size:25px;line-height:1.4;margin:8px 0 12px}.water-investigation header p{font-size:15px;line-height:1.8;max-width:none}.water-lab-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 14px}.water-lab-actions button,.water-evidence button{font:inherit;font-size:13px;font-weight:700;color:#165374;background:#fff;border:1px solid #b7ced8;border-radius:7px;padding:11px 14px;min-height:43px;cursor:pointer}.water-lab-actions [data-water-action="reset"]{margin-left:auto}.water-lab-actions button[aria-pressed=true]{background:#165374;color:#fff;border-color:#165374}.water-lab-actions button:disabled{opacity:.5}.water-stage{width:100%;background:#102f40;border-radius:10px;overflow:hidden}.water-stage svg{display:block;width:100%;height:auto;max-height:490px}.water-readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;padding:15px 0;border-bottom:1px solid #d8e5e9}.water-readings span{display:block;font-size:12px;color:var(--muted);line-height:1.5}.water-readings strong{display:block;font-size:18px;color:#076a79;line-height:1.5;margin-top:4px}.water-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:20px 0}.water-controls label{display:block;font-size:13px;font-weight:700;line-height:1.6}.water-controls output{float:right;color:#086e82}.water-controls input[type=range]{width:100%;padding:0;min-height:38px;accent-color:#157f9b;background:transparent}.water-controls select{width:100%;min-height:44px;margin-top:8px;border:1px solid #adc7d3;border-radius:7px;font:inherit;padding:10px}.water-evidence{font-size:14px;line-height:1.85;color:var(--text)}.water-evidence h3{font-size:19px;margin:10px 0}.water-evidence p{max-width:none}.water-evidence nav{display:flex;gap:8px;flex-wrap:wrap}.water-evidence .water-route-log{max-height:180px;overflow:auto;border-left:2px solid #93c1cd;padding-left:24px;font-size:12px}.water-model-limit{font-size:11px!important;line-height:1.85;color:var(--muted);margin:16px 0!important;max-width:none!important}.water-investigate{background:#eaf5f5;border-left:3px solid #4b9b9c;padding:16px 20px;margin-top:18px;color:#17374f}.water-investigate>strong{color:#087078;font-size:14px}.water-investigate p{font-size:14px;line-height:1.85;margin:8px 0;max-width:none}.water-worked{margin:26px 0;padding:24px 0;border-top:1px solid #dce6ed;border-bottom:1px solid #dce6ed}.water-worked h2{font-size:24px;line-height:1.5;margin:8px 0}.water-worked p{font-size:15px;line-height:1.9;max-width:none}.water-key-path{display:flex;gap:22px;align-items:center;margin-top:20px}.water-key-path>strong{font-size:12px;color:var(--muted);white-space:nowrap}.water-key-path ol{display:flex!important;flex-wrap:wrap;gap:14px!important;font-size:13px;font-weight:700;color:#087078}.water-key-path li+li:before{content:'→';margin-right:14px;color:#71a3a4}.water-project-link{display:block;margin-top:18px;font-size:13px;font-weight:700}.water-source{font-size:12px;color:var(--muted);margin-top:24px}.water-data-table{overflow:auto}.water-data-table table{border-collapse:collapse;width:100%;font-size:13px}.water-data-table caption{text-align:left;font-weight:700;padding:12px 0}.water-data-table th,.water-data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #d8e4e9}.water-data-table thead{background:#eef7fa}.water-hub-notes nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important}.water-hub-notes nav a{padding:12px 14px!important;background:#fff;border:1px solid #d1dfeb;border-radius:7px;line-height:1.5;font-size:13px!important}.water-project-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;align-items:center;margin:36px 0;background:#edf6f7;padding:24px;border-radius:12px;color:#17374f}.water-project-feature img{width:100%;height:250px;object-fit:cover;border-radius:8px}.water-project-feature h2{font-size:28px;line-height:1.35;margin:10px 0 14px}.water-project-feature p{font-size:15px;line-height:1.8}.water-project-feature .primary{display:inline-flex;font-size:13px;min-height:44px;align-items:center;margin-top:8px}.water-resource-section{margin:36px 0}.water-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.water-provider-grid>section{border-top:3px solid #56999e;background:#eff7f8;padding:22px;color:#17374f}.water-provider-grid img{width:180px;height:58px;object-fit:contain;object-position:left center;max-width:100%;display:block;margin-bottom:18px}.water-provider-grid nav{display:grid;gap:12px;font-size:14px;line-height:1.6}.water-external-links{display:flex;gap:16px 24px;flex-wrap:wrap;font-size:13px;font-weight:700;margin-top:24px}.water-review{border-top:1px solid #d1e0e6;padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.water-review h2{font-size:25px;margin:8px 0}.water-review p{font-size:14px;line-height:1.8}.water-review nav{display:grid;gap:12px;font-size:14px}.water-project-intro{padding:20px 0}.water-project-intro h2{font-size:32px;line-height:1.4;margin:10px 0}.water-project-intro p{font-size:17px;line-height:1.9;max-width:none}.water-pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.water-pillar-grid article{padding:24px;background:#edf6fa;border-top:3px solid #377e9f;color:#17374f}.water-pillar-grid article:nth-child(2){background:#edf6ef;border-color:#5c967e}.water-pillar-grid article:nth-child(3){background:#f1f1fc;border-color:#8b7cb0}.water-pillar-grid article:nth-child(4){background:#fff7e9;border-color:#c8a35d}.water-pillar-grid b{color:#587c8b;font-size:13px}.water-pillar-grid h2{font-size:25px;margin:8px 0}.water-pillar-grid p{font-size:15px;line-height:1.85}.water-pillar-grid a{font-size:12px;font-weight:700}.water-project-process{margin:30px 0;padding:26px 0;border-block:1px solid #d7e4e9}.water-project-process h2{font-size:27px;margin:8px 0 18px}.water-project-process li{font-size:15px;line-height:1.9;margin:14px 0}.water-project-process p{font-size:12px;color:var(--muted)}.water-project-files{display:grid;grid-template-columns:1fr 180px;gap:24px;align-items:center;padding:24px;background:#fff8e9;color:#17374f}.water-project-files h2{font-size:25px;margin:8px 0}.water-project-files nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;font-size:14px;font-weight:700}.water-project-files .cells-note-page{width:auto!important;max-width:none!important}.water-project-files img{width:100%;height:auto}.water-evidence-prompt{margin:30px 0}.water-evidence-prompt h2{font-size:25px;line-height:1.4}.water-evidence-prompt p{font-size:15px;line-height:1.9;max-width:none}.dark .water-readings strong{color:#87d4de}.dark .water-evidence{color:#e5effa}.dark .water-data-table thead{background:#203c51}
@media(max-width:850px){.water-approved .water-application{grid-template-columns:1fr;gap:14px}.water-approved .water-application ol{display:flex;flex-wrap:wrap;gap:10px 18px}.water-approved .water-application li{border:0;padding:4px 0;font-size:13px}.water-approved .water-application li+li:before{content:'→'}.water-project-feature{grid-template-columns:1fr}.water-project-feature img{height:200px}.water-hub-notes nav{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){.water-stage svg{min-height:205px}.water-investigation h2{font-size:22px}.water-investigation header p{font-size:14px}.water-controls{grid-template-columns:1fr}.water-readings{grid-template-columns:1fr 1fr}.water-readings strong{font-size:16px}.water-lab-actions{gap:6px}.water-lab-actions button,.water-evidence button{font-size:12px;padding:10px;min-height:44px}.water-approved .water-application{padding:18px}.water-approved .water-application h2{font-size:22px}.water-provider-grid,.water-review,.water-pillar-grid{grid-template-columns:1fr;gap:18px}.water-key-path{display:block}.water-key-path ol{margin-top:12px!important}.water-project-feature{padding:18px;gap:18px}.water-project-feature h2,.water-project-intro h2{font-size:26px}.water-project-files{grid-template-columns:1fr 100px;padding:18px;gap:12px}.water-project-files nav{display:grid;gap:12px}.water-hub-notes nav{grid-template-columns:1fr!important}.water-investigate{padding:14px 16px}.water-model-limit{font-size:11px!important}}
.water-approved .water-live-map{margin:0 0 30px}.water-approved .water-live-map .cells-model-stage iframe{height:560px;min-height:440px}.water-approved .water-live-map.matter-workspace .cells-model-stage iframe{height:100%;min-height:0}.water-approved .water-live-map footer{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:12px}@media(max-width:600px){.water-approved .water-live-map .cells-model-stage iframe{height:490px;min-height:0}.water-approved .water-live-map.matter-workspace .cells-model-stage iframe{height:100%}}
@media(max-width:600px){.water-stage svg text{font-size:25px}.water-stage svg{min-height:220px}}
@media(max-width:600px){.water-hub-notes nav{grid-template-columns:1fr 1fr!important}.water-hub-notes nav a{display:flex;align-items:center;justify-content:center;min-height:58px;font-size:12px!important;padding:10px!important;text-align:center}.water-stage svg text{font-size:28px}}
.water-approved .water-live-map.matter-workspace>footer{display:none}
/* Original Grade 8 lesson notes: visible teaching, visual reasoning and media in one flow. */
.water-study-notes{padding:18px 0 0;min-width:0}.water-notes-heading{scroll-margin-top:100px}.water-notes-heading h2{font-size:26px;line-height:1.4;margin:8px 0 12px}.water-notes-heading>p{font-size:17px;line-height:1.85;max-width:none;color:var(--muted)}.water-note-atlas{margin:24px 0 30px;padding:0;min-width:0}.water-note-atlas figcaption h3{font-size:24px;line-height:1.4;margin:8px 0}.water-note-atlas figcaption p{font-size:14px;line-height:1.8;margin:8px 0;max-width:none}.water-note-atlas>nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.water-note-atlas button{font:inherit;font-weight:700;font-size:13px;min-height:44px;padding:10px 15px;background:#fff;color:#155a75;border:1px solid #bad0dc;border-radius:7px;cursor:pointer}.water-note-atlas button[aria-pressed=true]{background:#155a75;color:#fff;border-color:#155a75}.water-note-atlas>svg{display:block;width:100%;height:auto;border-radius:10px;background:#102f40}.water-atlas-range{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;font-size:13px;font-weight:700;margin:16px 0}.water-atlas-range input{grid-column:1/-1;width:100%;padding:0;min-height:34px;accent-color:#187c97}.water-atlas-range output{color:#076a79}.water-atlas-explanation{background:#edf6f7;border-left:3px solid #4b9b9c;padding:16px 20px;color:#17374f;margin-top:16px}.water-atlas-explanation strong{font-size:16px}.water-atlas-explanation p{font-size:14px;line-height:1.85;margin:8px 0 0;max-width:none}.water-atlas-limit{font-size:11px!important;line-height:1.8!important;color:var(--muted);max-width:none!important;margin:12px 0!important}.water-notes-reading{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;margin:28px 0}.water-notes-reading>article{border-top:2px solid #c4dce4;padding-top:16px;min-width:0}.water-notes-reading h3{font-size:21px;line-height:1.45;margin:0 0 12px}.water-notes-reading p,.water-notes-reading li{font-size:14px;line-height:1.85;max-width:none}.water-notes-reading ul{padding-left:20px;margin:12px 0 0}.water-notes-reading li{margin:6px 0}.water-notes-reading article:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.water-notes-reading article:last-child:nth-child(odd) h3{grid-column:1}.water-notes-reading article:last-child:nth-child(odd) p{grid-column:1;margin:0}.water-notes-reading article:last-child:nth-child(odd) ul{grid-column:2;grid-row:1/3;margin:0}.water-notes-table{overflow-x:auto;margin:28px 0}.water-notes-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.75}.water-notes-table caption{text-align:left;font-size:20px;font-weight:750;padding:0 0 14px;color:var(--text)}.water-notes-table th,.water-notes-table td{padding:12px 14px;border-bottom:1px solid #cfdee7;text-align:left;vertical-align:top}.water-notes-table thead{background:#e9f3f8;color:#17374f}.water-notes-table tbody th{font-weight:700;min-width:105px}.water-notes-reasoning{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin:28px 0}.water-notes-reasoning>article{padding:22px;background:#eef6fc;color:#17374f;border-left:3px solid #6f9bb9}.water-notes-reasoning>aside{padding:22px;background:#f0f7ef;color:#17374f;border-left:3px solid #7aa186}.water-notes-reasoning h3{font-size:21px;line-height:1.5;margin:8px 0 12px}.water-notes-reasoning ol{padding-left:20px;margin:12px 0}.water-notes-reasoning li,.water-notes-reasoning p{font-size:14px;line-height:1.85;margin:9px 0}.water-notes-reasoning summary{font-size:14px;font-weight:700;color:#155ca6;cursor:pointer;line-height:1.8;padding:8px 0}.water-note-words{border-top:1px solid #cbdfcd;margin-top:18px;padding-top:10px}.water-note-words dt{font-size:14px;font-weight:700;margin-top:10px}.water-note-words dd{margin:4px 0 12px;font-size:13px;line-height:1.8}.water-note-film{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.35fr);gap:24px;align-items:center;margin:32px 0;padding:24px 0;border-block:1px solid #cfdee7}.water-note-film h3{font-size:24px;line-height:1.4;margin:8px 0 12px}.water-note-film p{font-size:14px;line-height:1.85;max-width:none}.water-note-film a{font-size:12px;line-height:1.8;font-weight:700}.water-note-player{aspect-ratio:16/9;min-width:0}.water-note-player iframe{display:block;width:100%;height:100%;border:0;border-radius:9px}.water-original-study{margin:20px 0 28px;border-top:1px solid #d3e0e8;padding-top:14px}.water-original-study>summary{font-size:13px;font-weight:700;color:#175b88;cursor:pointer;min-height:40px;display:list-item;padding:10px 0}.water-original-study .cells-start{margin:12px 0;padding:0}.water-original-study .cells-notes-browser{max-width:100%;border:0;padding:0}.water-original-study .cells-note-pages{display:flex;flex-wrap:wrap;justify-content:flex-start}.water-original-study .cells-note-page{width:100px!important}.water-hub-study-links{margin-top:14px}.water-hub-study-links>summary{font-size:13px;font-weight:700;color:#155ca6;cursor:pointer;padding:10px 0;line-height:1.8}.water-hub-study-links nav{margin-top:12px}.water-state-sim{margin-bottom:32px!important}.water-state-sim .cells-model-stage iframe{height:500px;min-height:400px}.water-state-sim.matter-workspace .cells-model-stage iframe{height:100%;min-height:0}.water-river-extension{margin:26px 0;padding:20px 0;border-top:1px solid #d1e1e8}.water-river-extension h3{font-size:22px;line-height:1.5;margin:0 0 12px}.water-river-extension p{font-size:14px;line-height:1.85;max-width:none}.water-river-extension a{font-size:14px;font-weight:700}.water-river-extension small{display:block;margin-top:12px;font-size:11px;color:var(--muted);line-height:1.8}.dark .water-notes-table thead{background:#253e55;color:#e5f0fa}.dark .water-atlas-range output{color:#9bdce7}
@media(max-width:700px){.water-notes-reading,.water-notes-reasoning,.water-note-film{grid-template-columns:1fr;gap:20px}.water-notes-reading article:last-child:nth-child(odd){display:block;grid-column:auto}.water-notes-reading article:last-child:nth-child(odd) p{margin:12px 0}.water-notes-reading article:last-child:nth-child(odd) ul{margin:12px 0 0}.water-note-film{align-items:start}.water-note-film .water-note-player{width:100%}.water-notes-reasoning>article,.water-notes-reasoning>aside{padding:18px}.water-note-atlas>svg text{font-size:25px}.water-note-atlas button{font-size:12px;padding:10px 12px}.water-note-atlas figcaption h3{font-size:22px}.water-notes-table table{font-size:12px}.water-notes-table th,.water-notes-table td{padding:10px 8px}.water-notes-table tbody th{min-width:75px}.water-notes-heading>p{font-size:16px}.water-notes-reading h3,.water-notes-reasoning h3{font-size:21px}.water-state-sim .cells-model-stage iframe{height:360px;min-height:0}.water-state-sim.matter-workspace .cells-model-stage iframe{height:100%}}
.water-study-notes{scroll-margin-top:100px}

/* Water hub films: four coherent, compact destinations. */
.water-approved .optics-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:24px 0 32px}
.water-approved .optics-film-grid>a{display:flex;flex-direction:column;min-width:0;text-decoration:none;border-bottom:1px solid #d2e1e9;padding-bottom:18px;gap:12px}
.water-approved .optics-film-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.water-approved .optics-film-grid span{display:flex;flex-direction:column;gap:5px}
.water-approved .optics-film-grid small{font-size:13px;color:var(--muted,#526780)}
.water-approved .optics-film-grid strong{font-size:19px;line-height:1.35}
.water-approved .optics-film-grid em{font-size:15px;font-style:normal;color:#1561ac}
@media(max-width:600px){.water-approved .optics-film-grid{grid-template-columns:1fr}}

.water-project-intro>.water-project-logo{display:block;width:min(100%,540px);height:auto;margin:0 0 28px}
.water-project-feature>.water-project-logo{object-fit:contain;width:100%;height:auto;max-height:240px;padding:22px;background:#fff;border-radius:8px}
.water-approved [data-water-investigation=catchment] svg{max-height:none}

.water-approved [data-water-atlas=meander]>svg{max-height:none}.dark .water-project-intro>.water-project-logo{background:#fff;padding:18px;border-radius:8px}
/* Compact project introduction and equal file destinations. */
.water-approved .water-project-intro{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);gap:28px;align-items:center;margin:0;padding:28px 0}
.water-approved .water-project-intro>.water-project-logo{width:100%;max-width:280px;height:auto;margin:0}
.water-approved .water-project-intro h2{font-size:26px;line-height:1.25;margin:8px 0 12px}.water-approved .water-project-intro p{font-size:15px;line-height:1.8;margin:0}
.water-approved .water-project-files{display:block;background:transparent;border-block:1px solid #d7e4e9;padding:22px 0;margin:24px 0}.water-approved .water-project-files h2{font-size:23px;margin:0 0 16px}
.water-approved .water-project-files nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.water-approved .water-project-files nav>a{display:flex;align-items:center;gap:14px;padding:18px;background:#fff8e9;border:1px solid #eadbbb;border-radius:8px;text-decoration:none;min-width:0}
.water-project-files strong,.water-project-files small{display:block}.water-project-files strong{font-size:16px}.water-project-files small{font-size:12px;font-weight:400;line-height:1.6;margin-top:5px}.water-file-type{font-size:11px;font-weight:800;border:1px solid #d5b46e;padding:9px 6px;color:#876321;border-radius:4px}
.water-approved .water-notes-reading>.water-note-film{grid-column:1/-1;margin:10px 0;padding:22px 0;border-block:1px solid #d7e4e9}
.water-evidence-activity{margin:24px 0;padding:20px 0;border-block:1px solid #d7e4e9}.water-evidence-activity h3{font-size:23px;margin:0 0 16px}.water-evidence-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.water-evidence-columns b{font-size:15px}.water-evidence-columns p,.water-evidence-activity p,.water-evidence-sequence li{font-size:15px;line-height:1.8}.water-evidence-sequence{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;padding-left:24px}.water-evidence-sequence li{padding-left:5px}
.water-ripple-sim .cells-model-stage iframe{height:540px;width:100%;border:0}
@media(max-width:700px){.water-approved .water-project-intro{grid-template-columns:1fr;gap:20px;padding:22px 0}.water-approved .water-project-intro>.water-project-logo{max-width:250px}.water-approved .water-project-files nav,.water-evidence-columns,.water-evidence-sequence{grid-template-columns:1fr}.water-approved .water-project-files nav>a{padding:15px}.water-ripple-sim .cells-model-stage iframe{height:380px}}
.water-approved .water-project-files{border-top:0;margin-top:0}

/* Resource disclosure labels are links, not outlined cards. Keep keyboard focus visible. */
.cells-unit .cells-library .cells-anatomy summary,.cells-unit .cells-library .cells-source-collection summary,.cells-unit .cells-library .cells-explorer summary{display:list-item;border:0;border-radius:0;background:transparent;box-shadow:none;padding:8px 0}
/* Hub project feature: one balanced composition, without a nested logo tile. */
.water-approved .water-project-feature{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:center;gap:28px;padding:26px}
.water-approved .water-project-feature>.water-project-logo{width:100%;max-width:260px;max-height:none;height:auto;padding:0;background:transparent;border-radius:0;justify-self:center}
.water-approved .water-project-feature h2{font-size:26px;line-height:1.25;margin:8px 0 12px}.water-approved .water-project-feature p{font-size:15px;line-height:1.75;margin:0 0 18px}.water-approved .water-project-feature .primary{font-size:14px;min-height:44px;padding:10px 16px}
@media(max-width:700px){.water-approved .water-project-feature{grid-template-columns:1fr;gap:18px;padding:22px}.water-approved .water-project-feature>.water-project-logo{max-width:220px;justify-self:start}.water-approved .water-project-feature h2{font-size:24px}}
/* Mechanical Systems: notes, working mechanisms and purposeful measurement. */
.mechanical-approved .immersive-heading{background:linear-gradient(90deg,rgba(7,26,44,.94),rgba(7,26,44,.25)),url('/assets/units/machines-hero.webp') center/cover}
.mechanical-approved .reference-content{min-width:0}.mechanical-approved section{scroll-margin-top:125px}
.mechanical-approved .mech-notes{margin:20px 0 32px;padding:0 0 22px;border:0;border-bottom:1px solid #dce6ef;background:none}
.mech-notes header{display:flex;align-items:baseline;gap:24px;justify-content:space-between}.mech-notes h2{font-size:22px;margin:0}.mech-notes nav{display:flex;gap:14px;flex-wrap:wrap}.mechanical-approved .cells-note-pages{display:flex;overflow-x:auto;gap:18px;padding:18px 0 8px;max-width:100%}.mechanical-approved .cells-note-page{flex:0 0 100px;min-width:100px}.mechanical-approved .cells-note-page img{height:130px;width:100px;object-fit:contain;background:white}
.mech-small{font-size:13px!important;color:#536b80;line-height:1.6}.mech-reading{display:grid;grid-template-columns:1fr 1fr;gap:24px 36px;margin:16px 0 28px}.mech-reading article{border-top:2px solid #dce6ef;padding-top:16px}.mech-reading h2{font-size:24px;margin:0 0 10px}.mech-reading p,.mech-reading li{font-size:16px;line-height:1.7}.mech-reading ul{padding-left:20px}
.mech-application{background:#fff8eb;border-left:4px solid #d8a13c;padding:24px 28px;margin:26px 0}.mech-application p{max-width:none!important;margin-bottom:0}.mech-application h2{font-size:24px}
.mechanical-approved .mech-live{border:0;border-radius:0;padding:0;background:none;box-shadow:none;margin:28px 0}.mech-live header h2{font-size:27px;margin:8px 0}.mechanical-approved .cells-model-stage{width:100%;height:560px;margin-top:16px;border:1px solid #dce6ef;background:#fff}.mechanical-approved .cells-model-stage iframe{width:100%;height:100%;border:0;display:block}.mech-live footer{margin-top:12px}.mechanical-approved .cells-workspace-open{float:right;margin:0 0 12px 16px}
.mech-bench{padding:24px;background:#eef5fb;margin:28px 0}.mech-bench-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.mech-bench label,.mech-planner label{display:block;font-size:14px;font-weight:650}.mechanical-approved input,.mechanical-approved textarea{background:#fff!important;color:#142c47;border:1px solid #a9bdce;border-radius:6px;padding:12px;width:100%;box-sizing:border-box}.mech-bench input{margin-top:8px}.mech-results{display:flex;gap:24px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #c9d9e6}.mech-results div{flex:1;min-width:130px}.mech-results span{display:block;font-size:13px}.mech-results strong{display:block;font-size:27px;color:#16627d}.mech-energy-chart{display:grid;gap:16px;margin:20px 0}.mech-energy-chart span{font-size:14px}.mech-bar-track{height:18px;background:#dce6ef;margin-top:6px}.mech-bar-track i{display:block;height:100%;background:#216b8e}.mech-energy-chart>div:nth-child(2) i{background:#cc8d27}.mech-bench-explanation{font-size:15px!important}.mech-worked{padding:26px 0;border-top:1px solid #dce6ef;margin:28px 0}.mech-worked li{padding:6px 0}
.mech-hub-notes{padding:24px 0 28px;border-bottom:1px solid #dce6ef}.mech-hub-notes h2{font-size:23px}.mech-hub-notes nav{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 24px}.mech-study-tools{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid #dce6ef}.mech-project-feature,.mech-design-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:32px;align-items:center;padding:28px;background:#fff5e4;margin:32px 0}.mech-project-feature img,.mech-design-intro img{width:100%;max-height:210px;object-fit:contain}.mech-project-feature h2,.mech-design-intro h2{font-size:28px}.mech-design-intro{background:transparent;padding:24px 0}.mech-resource-grid,.mech-film-links{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.mech-resource-grid a,.mech-film-links a{padding:20px 0;border-bottom:1px solid #dce6ef;display:block}.mech-resource-grid span,.mech-film-links small{display:block;color:#536b80;margin-top:8px;font-size:14px}.mech-review{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:30px 0;margin-top:24px;border-top:1px solid #dce6ef}.mech-review nav{display:grid;gap:14px}.mech-planner{padding:26px;background:#eef5fb}.mech-planner fieldset{border:0;border-top:2px solid #c7d8e5;padding:20px 0;margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.mech-planner legend{font-size:22px;font-weight:700;padding:0 12px 0 0}.mech-planner textarea{margin-top:6px}.mech-planner-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
@media(max-width:700px){.mech-reading,.mech-project-feature,.mech-design-intro,.mech-review,.mech-hub-notes nav,.mech-resource-grid,.mech-film-links{grid-template-columns:1fr}.mech-notes header{display:block}.mech-notes nav{margin-top:12px}.mech-bench-fields{grid-template-columns:1fr 1fr}.mech-project-feature img,.mech-design-intro img{max-height:140px}.mechanical-approved .cells-model-stage{height:420px}.mech-planner fieldset{grid-template-columns:1fr}.mech-bench,.mech-planner{padding:18px}.mech-reading{gap:18px}}
@media print{body:has(.mech-planner) .site-header,body:has(.mech-planner) aside,body:has(.mech-planner) .immersive-heading,body:has(.mech-planner) .learning-tabs,.mech-planner-actions{display:none!important}.mech-planner textarea{height:100px}.mech-planner fieldset{break-inside:avoid}}
/* Mechanical uses the approved science composition and component scale. */
.mechanical-approved .cells-opening-spread .cells-explain-grid ul{margin:9px 0 0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.75}
.mechanical-approved .cells-opening-spread .cells-explain-grid h2,.mechanical-approved .cells-opening-spread .cells-explain-grid h3{font-size:20px;line-height:1.4;margin:0 0 7px}
.mechanical-approved .cells-opening-spread .cells-explain-grid article{border-bottom:1px solid var(--line);padding-bottom:18px}
.mechanical-approved .cells-opening-spread .cells-explain-grid article:last-child{border-bottom:0;padding-bottom:0}
.mech-pdf-links{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 12px}.mech-pdf-links a{font-size:12px;font-weight:700;color:var(--blue);line-height:1.5}.mech-more-notes{margin-top:8px}.mech-more-notes summary{font-size:12px}.mechanical-approved .mech-more-notes .cells-note-pages{margin-top:12px}
.mechanical-approved .cells-opening-spread .cells-note-page{min-width:0}.mechanical-approved .cells-opening-spread .cells-note-page img{border:0;box-shadow:none}
.mechanical-approved .mech-live{position:relative}.mechanical-approved .mech-live header{padding-right:160px}.mechanical-approved .mech-live header h2{font-size:24px}.mechanical-approved .mech-live header p{font-size:14px;line-height:1.7}.mechanical-approved .mech-live .cells-workspace-open{float:none;position:absolute;right:0;top:0;margin:0}
.mechanical-approved .mech-worked{padding:28px 0;margin:28px 0}.mechanical-approved .mech-worked>h2{font-size:24px}.mechanical-approved .mech-worked>div{grid-template-columns:1fr}.mechanical-approved .mech-worked article{padding:18px 22px;background:#f3f7fc;border-left:3px solid #6396c0}.mechanical-approved .mech-worked ol{padding-left:20px;margin:0}.mechanical-approved .mech-worked li{font-size:14px;line-height:1.8;padding:4px 0}
.mechanical-approved .mech-project-feature{border-radius:12px;padding:26px;gap:28px;grid-template-columns:.75fr 1.25fr}.mechanical-approved .mech-project-feature img{max-height:170px}.mechanical-approved .mech-project-feature h2{font-size:25px;line-height:1.4}.mechanical-approved .mech-project-feature p{font-size:15px;line-height:1.8}
.mechanical-approved .mech-resource-grid a strong{font-size:16px}.mechanical-approved .mech-hub-resources>h3{font-size:20px;margin:30px 0 16px}.mechanical-approved .mech-review h2{font-size:24px}
@media(max-width:700px){.mechanical-approved .cells-opening-spread .cells-note-page{flex:0 0 76px}.mechanical-approved .mech-live header{padding-right:0}.mechanical-approved .mech-live .cells-workspace-open{position:static;margin:0 0 10px}.mechanical-approved .mech-project-feature{grid-template-columns:1fr;padding:20px}.mechanical-approved .mech-project-feature img{max-height:135px}}
.mechanical-approved .cells-opening-spread .cells-note-pages{display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:visible;padding:3px 0}.mechanical-approved .cells-opening-spread .cells-note-page img{height:112px;width:100%;max-width:none}.mechanical-approved .cells-opening-spread .cells-note-page{flex:auto}.mechanical-approved .mech-supporting{margin:0 0 26px}.mechanical-approved .mech-supporting h3{font-size:20px;margin:0 0 9px;line-height:1.4}.mechanical-approved .mech-supporting p{font-size:14px;line-height:1.8}.mechanical-approved .mech-supporting li{font-size:13px;line-height:1.75;color:var(--muted)}
@media(max-width:700px){.mechanical-approved .cells-opening-spread .cells-note-pages{display:flex;overflow-x:auto;gap:12px}.mechanical-approved .cells-opening-spread .cells-note-page{flex:0 0 76px}.mechanical-approved .cells-opening-spread .cells-note-page img{height:100px}}
.mechanical-approved.cells-custom-hub .entry-notes>nav>a:last-child{grid-column:1/-1}.mechanical-approved .matter-resource-groups{margin-top:20px}.mechanical-approved .matter-resource-groups>section{background:#fff8eb;border-top-color:#c28a2b}.mechanical-approved .matter-resource-groups h3{font-size:21px;line-height:1.4}.mechanical-approved .matter-resource-groups .provider-logo-heading{height:60px;margin:0 0 20px}.mechanical-approved .matter-resource-groups .provider-logo-heading img{max-height:60px}.mechanical-approved .matter-resource-groups nav{display:grid;gap:12px}.mechanical-approved .matter-resource-groups nav a{font-size:14px}
.mechanical-approved .mech-film-preview{min-width:0}.mechanical-approved .mech-film-preview>iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:9px;background:#102f40}.mechanical-approved .optics-video-shelf .mech-film-preview>a{display:block;padding:12px 0 0}.mechanical-approved .mech-film-preview small,.mechanical-approved .mech-film-preview strong,.mechanical-approved .mech-film-preview em{display:block}.mechanical-approved .mech-film-preview strong{margin:6px 0;font-size:16px;line-height:1.5}.mechanical-approved .mech-film-preview em{font-size:12px;font-weight:700;font-style:normal;color:var(--blue)}.mechanical-approved .mech-film-preview small{font-size:12px;color:var(--muted)}
/* Science course entrance: the unit shell, with a visual course directory. */
.science-course-home .immersive-heading{background:linear-gradient(90deg,rgba(7,27,42,.9),rgba(7,27,42,.16)),url('/assets/alpine-sunrise.webp') center 47%/cover;border-top:3px solid #218d83}
.science-course-home .immersive-heading h1{font-size:40px;max-width:700px}.science-course-home .reference-content{min-width:0}.science-course-home section{scroll-margin-top:120px}.science-course-home .science-course-directory{background:#edf4ff;border:1px solid #d6e3f2;border-radius:15px;padding:24px 20px;margin:24px 0}.science-course-directory h2,.science-course-projects>h2,.science-course-books h2{font-size:25px;line-height:1.4;margin:8px 0 12px}.science-course-directory>p{font-size:15px;color:var(--muted);margin:0 0 22px}.science-unit-rows{display:grid;gap:14px}.science-unit-row{display:grid;grid-template-columns:150px minmax(0,1fr) 20px;gap:20px;align-items:center;background:#fff;border:1px solid #d4e0ed;border-radius:10px;overflow:hidden;padding:0 16px 0 0;transition:border-color .15s,transform .15s}.science-unit-row:hover{border-color:#5894cb;transform:translateY(-2px)}.science-unit-row>img{width:150px;height:100%;min-height:170px;object-fit:cover}.science-unit-copy{display:block;padding:18px 0}.science-unit-copy small{font-size:10px;letter-spacing:.1em;font-weight:750;color:#51708f}.science-unit-copy strong{display:block;font-size:20px;line-height:1.35;margin:5px 0 9px;color:#142d4c}.science-unit-copy>span{display:block;font-size:13px;line-height:1.7;color:#53677d}.science-unit-copy em{display:block;font-size:11px;font-style:normal;color:#176f77;line-height:1.7;margin-top:10px}.science-unit-row>.icon{width:18px;height:18px;color:#1764c6}.science-course-projects{margin:32px 0}.science-project-list{display:grid;gap:0}.science-project-list>a{display:grid;grid-template-columns:170px 1fr;gap:25px;padding:24px 0;align-items:center;border-bottom:1px solid var(--line)}.science-project-art{display:flex;align-items:center;justify-content:center;background:#fff;padding:12px;min-height:100px;border-radius:8px}.science-project-art img{width:100%;max-height:100px;object-fit:contain}.science-project-list small{font-size:11px;font-weight:700;color:#55718d}.science-project-list h3{font-size:20px;margin:6px 0 8px}.science-project-list p{font-size:14px;line-height:1.75;margin:0 0 10px;color:var(--muted)}.science-project-list b{font-size:12px;color:var(--blue)}.science-course-books{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;background:#fff9ec;padding:24px;border-left:3px solid #d6a13b;margin:28px 0}.science-course-books p{font-size:14px;line-height:1.8}.science-course-books>div>a{font-size:13px;font-weight:700;color:var(--blue)}.science-book-pair{display:flex;align-items:center;justify-content:center;gap:12px}.science-book-pair img{width:90px;height:125px;object-fit:contain}.science-classroom-note{font-size:13px!important;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin:28px 0 0}
.dark .science-course-home .science-course-directory{background:#20344d;border-color:#435b77}.dark .science-unit-row{background:#172a3c;border-color:#435b77}.dark .science-unit-copy strong{color:#e6f0ff}.dark .science-unit-copy>span{color:#c2d2e2}.dark .science-unit-copy em{color:#9cdecf}.dark .science-course-books{background:#332f25}.dark .science-project-art{background:#fff}
@media(max-width:700px){.science-course-home .immersive-heading h1{font-size:29px}.science-course-home .science-course-directory{padding:20px 14px}.science-unit-row{grid-template-columns:96px minmax(0,1fr);gap:14px;padding-right:12px}.science-unit-row>img{width:96px;min-height:200px}.science-unit-row>.icon{display:none}.science-unit-copy strong{font-size:18px}.science-unit-copy>span{font-size:13px}.science-unit-copy em{font-size:10px}.science-project-list>a{grid-template-columns:100px 1fr;gap:18px}.science-project-art{padding:6px;min-height:70px}.science-project-list h3{font-size:18px}.science-project-list p{font-size:13px}.science-course-books{grid-template-columns:1fr;padding:20px}.science-book-pair{justify-content:flex-start}.science-book-pair img{width:80px;height:110px}}
.science-course-home .immersive-heading>.eyebrow{color:#d7e7ff}.science-course-home .unit-companion .reading-guide nav{display:grid}
@media(max-width:600px){.science-unit-copy>span{display:none}.science-unit-row>img{min-height:160px}.science-unit-copy{padding:16px 0}.science-unit-copy em{font-size:11px;line-height:1.6}.science-project-list>a{grid-template-columns:90px minmax(0,1fr);gap:14px}}
/* Shared course hubs: one structure and component set for both subjects. */
.course-hub{max-width:1180px;margin:24px auto 0;--course-accent:#1560bc}.course-hub-science{--course-accent:#087e76}.course-hub-hero{padding:30px 36px 38px;border-radius:16px;background:linear-gradient(90deg,#071d32e8,#071d3230),var(--course-photo) center/cover;color:#fff;min-height:230px;display:flex;flex-direction:column;justify-content:center;border-top:3px solid var(--course-accent);box-sizing:border-box}.course-hub-hero .breadcrumb{color:#e4ebf3;font-size:12px;margin:0 0 24px}.course-hub-hero .eyebrow{font-size:11px;color:#d8e8f8}.course-hub-hero h1{font-size:44px;line-height:1.15;margin:10px 0 14px}.course-hub-hero>p{font-size:18px;line-height:1.6;max-width:650px;margin:0}.course-hub-tabs{display:flex;justify-content:center;gap:44px;align-items:center;padding:20px;margin:0;border-bottom:1px solid var(--line)}.course-hub-tabs a{display:flex;gap:10px;align-items:center;font-weight:700;font-size:14px;color:var(--course-accent);min-height:40px}.course-hub-tabs .icon{width:23px;height:23px}.course-hub-content{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}.course-hub-content>section{scroll-margin-top:110px;margin:32px 0}.course-section-heading{margin:0 0 20px}.course-section-heading h2{font-size:28px;line-height:1.3;margin:8px 0 10px}.course-section-heading>p{font-size:15px;color:var(--muted);margin:0;line-height:1.7}.course-unit-list{display:grid;gap:15px}.course-unit-row{display:grid;grid-template-columns:220px minmax(0,1fr) 160px;gap:28px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:0 24px 0 0;min-height:170px}.course-unit-art{height:100%;display:block;min-height:170px}.course-unit-art img{width:100%;height:100%;max-height:210px;min-height:170px;object-fit:cover;display:block}.course-unit-copy{padding:20px 0}.course-unit-copy .section-kicker{font-size:10px}.course-unit-copy h3{font-size:23px;line-height:1.3;margin:6px 0 9px}.course-unit-copy h3 a{color:var(--ink)}.course-unit-copy p{font-size:14px;line-height:1.75;margin:0 0 9px;color:var(--muted)}.course-unit-copy small{font-size:12px;line-height:1.6;color:var(--course-accent)}.course-unit-actions{display:grid;gap:8px;border-left:1px solid var(--line);padding-left:22px}.course-unit-actions a{font-size:13px;line-height:1.5;font-weight:700;color:var(--course-accent);padding:8px 0}.course-unit-row:focus-within{outline:2px solid var(--course-accent);outline-offset:3px}.course-projects{padding-top:6px}.course-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.course-project-group{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;background:var(--paper);padding:22px;border:1px solid var(--line);border-radius:11px;align-items:center}.course-project-group:last-child:nth-child(odd){grid-column:1/-1}.course-project-group>img{display:block;width:120px;max-height:125px;object-fit:contain}.course-project-group .section-kicker{font-size:10px}.course-project-group nav{display:grid;gap:16px;margin-top:10px}.course-project-group nav a{display:block}.course-project-group strong{display:block;font-size:17px;line-height:1.4;color:var(--course-accent)}.course-project-group nav span{display:block;font-size:13px;line-height:1.7;color:var(--muted);margin-top:5px}.course-resource-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);padding-top:20px}.course-resource-pair h3{font-size:21px;margin:0 0 10px}.course-resource-pair p{font-size:14px;color:var(--muted);line-height:1.8}.course-resource-pair a{font-size:14px;color:var(--course-accent);font-weight:700}.course-skill-links{margin-top:24px!important;border-top:1px solid var(--line)!important;padding-top:18px!important}.course-skill-links summary{font-size:15px;color:var(--course-accent)}.course-skill-links nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 0}.course-skill-links a{font-size:14px;color:var(--course-accent)}
@media(max-width:900px){.course-unit-row{grid-template-columns:160px minmax(0,1fr) 130px;gap:20px;padding-right:18px}.course-unit-copy h3{font-size:20px}.course-unit-actions{padding-left:15px}.course-project-group{grid-template-columns:90px minmax(0,1fr);gap:14px;padding:18px}.course-project-group>img{width:90px}}
@media(max-width:650px){.course-hub{margin:14px auto 0}.course-hub-hero{padding:24px;min-height:215px;border-radius:13px}.course-hub-hero .breadcrumb{margin-bottom:20px}.course-hub-hero h1{font-size:34px}.course-hub-hero>p{font-size:16px}.course-hub-tabs{gap:8px;justify-content:space-between;padding:13px 4px}.course-hub-tabs a{flex-direction:column;text-align:center;gap:5px;font-size:11px;flex:1;line-height:1.4}.course-hub-tabs .icon{width:21px;height:21px}.course-section-heading h2{font-size:25px}.course-section-heading>p{font-size:14px}.course-unit-row{grid-template-columns:100px minmax(0,1fr);gap:0 16px;padding:0 14px 0 0;min-height:180px}.course-unit-art{grid-row:1/3}.course-unit-art img{min-height:180px;max-height:none}.course-unit-copy{padding:16px 0 10px}.course-unit-copy h3{font-size:19px;margin:5px 0 8px}.course-unit-copy p{display:none}.course-unit-copy small{font-size:11px;display:block}.course-unit-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:8px 14px;border:0;padding:0 0 12px}.course-unit-actions a{font-size:11px;min-height:32px;padding:3px 0}.course-project-grid{grid-template-columns:1fr;gap:14px}.course-project-group:last-child:nth-child(odd){grid-column:auto}.course-project-group{padding:18px 14px}.course-resource-pair{grid-template-columns:1fr;gap:24px}.course-skill-links nav{grid-template-columns:1fr}.course-hub-content>section{margin:26px 0}}
.course-unit-copy small a{color:var(--course-accent);text-decoration:none}.course-unit-copy small a:hover{text-decoration:underline}.course-hub :is(a,summary,button):focus-visible{outline:2px solid var(--course-accent);outline-offset:4px}
.course-unit-copy small a{display:inline-block}.course-unit-actions a{white-space:nowrap}
/* Return the course entrances to the compact, image-led Math card layout. */
.course-hub{max-width:1120px;margin-top:16px}.course-hub-hero{min-height:190px;padding:24px 30px}.course-hub-hero .breadcrumb{margin-bottom:17px}.course-hub-hero h1{font-size:38px;margin:8px 0 10px}.course-hub-hero>p{font-size:16px}.course-hub-tabs{padding:12px 16px;gap:36px}.course-hub-content>section{margin:24px 0}.course-section-heading{margin-bottom:16px}.course-section-heading h2{font-size:25px;margin:6px 0 8px}.course-section-heading>p{font-size:14px}.course-unit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.course-unit-row{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0;border-radius:11px}.course-unit-art{height:105px;min-height:105px;flex:none;overflow:hidden}.course-unit-art img{width:100%;height:105px;min-height:0;max-height:none;object-fit:cover}.course-unit-copy{padding:16px 20px 12px;flex:1}.course-unit-copy h3{font-size:21px;line-height:1.3;margin:6px 0 8px}.course-unit-copy p{display:block;font-size:13px;line-height:1.7;margin:0 0 9px}.course-unit-copy small{font-size:11px;line-height:1.7}.course-unit-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;padding:10px 20px;border-left:0;border-top:1px solid var(--line);background:#f5f8fc}.course-unit-actions a{font-size:12px;padding:3px 0;min-height:28px;display:inline-flex;align-items:center}.course-book-art{display:flex;justify-content:center;gap:18px;background:#e8f0fa;padding:8px;box-sizing:border-box}.course-book-art img{width:66px;height:89px;object-fit:contain}.course-project-grid{gap:16px}.course-project-group{padding:16px;gap:16px}.course-project-group nav{gap:12px}.course-resource-pair{padding-top:16px}.dark .course-unit-actions{background:#1c3045}
@media(max-width:650px){.course-hub-hero{min-height:175px;padding:20px}.course-hub-hero h1{font-size:30px}.course-hub-hero>p{font-size:14px}.course-hub-tabs{gap:8px;padding:10px 0}.course-unit-list{grid-template-columns:1fr;gap:14px}.course-unit-art,.course-unit-art img{height:100px;min-height:0}.course-unit-copy{padding:14px 16px 10px}.course-unit-copy h3{font-size:20px}.course-unit-copy p{display:block;font-size:13px}.course-unit-actions{padding:9px 16px;gap:20px}.course-unit-copy small{font-size:12px}.course-book-art img{height:84px}.course-project-group{padding:14px}}
@media(min-width:760px){.course-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:center}.course-section-heading>.section-kicker,.course-section-heading>h2{grid-column:1}.course-section-heading>h2{margin-bottom:0}.course-section-heading>p{grid-column:2;grid-row:1/3;max-width:470px;justify-self:end}}
/* Purposeful project features for course entrances only. */
.course-project-feature{display:grid;grid-template-columns:155px minmax(0,1fr);gap:22px;align-items:center;padding:22px 0;border-top:2px solid var(--course-accent);min-width:0}
.course-project-art{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;min-height:130px;padding:12px;box-sizing:border-box}
.course-project-art img{display:block;width:100%;height:125px;object-fit:contain}
.course-project-copy h3{font-size:21px;line-height:1.3;margin:7px 0 10px}.course-project-copy p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 14px}.course-project-copy>a{font-size:13px;font-weight:700;color:var(--course-accent);display:inline-flex;align-items:center;min-height:36px}.course-project-copy .section-kicker{font-size:10px;line-height:1.5;display:block}.course-if-wordmark{font-size:78px;font-weight:800;letter-spacing:-5px;color:#153f70;line-height:1}.course-if-wordmark span{color:#00867d}
.course-hub-science .course-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.course-hub-science .course-project-feature{display:flex;flex-direction:column;align-items:stretch;gap:16px}.course-hub-science .course-project-art{height:160px;min-height:0;padding:10px}.course-hub-science .course-project-art img{height:140px}.course-hub-science .course-project-copy{display:flex;flex-direction:column;flex:1}.course-hub-science .course-project-copy p{flex:1}.course-more-activities{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:24px 0;border-top:1px solid var(--line)}.course-more-activities h3{font-size:19px;margin:0 0 8px}.course-more-activities p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.course-more-activities nav{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px}.course-more-activities a{display:block}.course-more-activities strong{display:block;font-size:14px;color:var(--course-accent)}.course-more-activities a span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.course-project-grid{column-gap:30px;row-gap:10px}.course-projects{border-top:1px solid var(--line);padding-top:26px}
@media(max-width:850px){.course-project-feature{grid-template-columns:120px minmax(0,1fr);gap:16px}.course-hub-science .course-project-grid{gap:18px}.course-project-copy h3{font-size:19px}.course-project-copy p{font-size:13px}}
@media(max-width:650px){.course-project-grid,.course-hub-science .course-project-grid{grid-template-columns:1fr;gap:4px}.course-project-feature,.course-hub-science .course-project-feature{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:20px 0;align-items:start}.course-project-art,.course-hub-science .course-project-art{height:110px;min-height:0;padding:6px}.course-project-art img,.course-hub-science .course-project-art img{height:98px}.course-if-wordmark{font-size:60px}.course-project-copy h3{font-size:19px}.course-project-copy p{font-size:13px;margin-bottom:8px}.course-project-copy>a{font-size:12px}.course-more-activities{grid-template-columns:1fr;gap:18px}.course-more-activities nav{gap:18px}.course-projects{padding-top:20px}}

@media(max-width:650px){.course-project-feature,.course-hub-science .course-project-feature{grid-template-columns:1fr;gap:14px}.course-project-art,.course-hub-science .course-project-art{width:240px;max-width:100%;height:105px;justify-self:center;padding:10px 12px}.course-project-art img,.course-hub-science .course-project-art img{height:85px}.course-project-copy p{font-size:14px}.course-project-copy>a{font-size:13px}.course-project-copy h3{font-size:21px}}
/* Integrate project artwork into the page; size by visual weight, not a box. */
.course-project-feature{grid-template-columns:1fr;gap:14px;align-items:stretch}
.course-project-art,.course-hub-science .course-project-art{background:transparent;border-radius:0;width:100%;max-width:none;height:130px;min-height:0;padding:4px 0;justify-self:stretch;overflow:hidden}
.course-project-art img{width:100%;max-width:300px;height:120px;mix-blend-mode:multiply;object-fit:contain}
.course-project-copy{display:flex;flex-direction:column;align-items:flex-start}.course-project-copy p{flex:1}.course-project-copy h3{margin-top:6px}.course-project-copy>a{margin-top:auto}
.course-hub-science .course-project-art{height:180px;padding:0}.course-hub-science .course-project-art img{height:170px;max-width:320px;mix-blend-mode:multiply}
.course-project-art img[src$="dr-wong-feature.png"]{max-width:none;width:100%;height:180px;object-fit:cover;object-position:center 38%;mix-blend-mode:normal;border-radius:6px}
.course-project-art img[src$="fraction-land-cover.webp"]{max-width:300px;height:120px;object-fit:cover;object-position:center;mix-blend-mode:normal;border-radius:4px}
.dark .course-project-art img{mix-blend-mode:normal}.dark .course-project-art{background:#fff;border-radius:6px}
@media(max-width:650px){.course-project-feature,.course-hub-science .course-project-feature{gap:14px}.course-project-art,.course-hub-science .course-project-art{height:130px;width:100%;padding:0}.course-project-art img,.course-hub-science .course-project-art img{height:125px;max-width:280px}.course-project-art img[src$="dr-wong-feature.png"]{max-width:none;height:130px;object-position:center 32%}.course-project-art img[src$="fraction-land-cover.webp"]{height:125px;max-width:280px}.course-if-wordmark{font-size:80px}}
.course-project-art img[src$="dr-wong-feature.png"]{object-position:center top}
@media(max-width:650px){.course-hub-science .course-project-art:has(img[src$="dr-wong-feature.png"]){height:190px}.course-project-art img[src$="dr-wong-feature.png"]{height:190px;object-position:center top}}
/* Compact course cards: content determines height. */
.course-unit-art,.course-unit-art img{height:78px;min-height:0}.course-unit-copy{padding:12px 16px 9px}.course-unit-copy h3{font-size:20px;margin:5px 0 7px}.course-unit-copy p{line-height:1.55;margin-bottom:7px}.course-unit-actions{padding:6px 16px;gap:8px 22px}.course-unit-actions a{min-height:25px}.course-unit-list{gap:14px}.course-hub-content>section{margin:22px 0}
.course-hub-math .course-project-feature{grid-template-columns:170px minmax(0,1fr);gap:18px;padding:18px 0;align-items:center}.course-hub-math .course-project-art{height:110px;padding:0}.course-hub-math .course-project-art img{max-width:170px;height:105px}.course-hub-math .course-project-art img[src$="fraction-land-cover.webp"]{height:95px;object-fit:contain}.course-hub-math .course-project-copy h3{font-size:20px}.course-project-copy p{font-size:13px;line-height:1.6;margin-bottom:9px}.course-project-copy>a{min-height:30px}.course-hub-science .course-project-art,.course-hub-science .course-project-art img{height:130px}.course-hub-science .course-project-art img[src$="dr-wong-feature.png"]{height:130px;object-fit:contain}.course-hub-science .course-project-feature{gap:12px;padding:16px 0}.course-project-copy h3{font-size:20px;margin-bottom:8px}.course-project-grid{row-gap:0}.course-more-activities{padding:20px 0}
@media(max-width:650px){.course-unit-art,.course-unit-art img{height:72px}.course-unit-copy{padding:12px 14px 8px}.course-unit-copy h3{font-size:19px}.course-unit-copy p{font-size:13px;line-height:1.55}.course-unit-actions{padding:6px 14px}.course-project-feature,.course-hub-math .course-project-feature,.course-hub-science .course-project-feature{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 16px;padding:16px 0;align-items:center}.course-project-copy,.course-hub-science .course-project-copy{display:contents}.course-project-art,.course-hub-math .course-project-art,.course-hub-science .course-project-art,.course-hub-science .course-project-art:has(img[src$="dr-wong-feature.png"]){grid-column:1;grid-row:1/3;width:120px;height:80px;padding:0}.course-project-art img,.course-hub-math .course-project-art img,.course-hub-science .course-project-art img,.course-project-art img[src$="dr-wong-feature.png"],.course-project-art img[src$="fraction-land-cover.webp"]{height:80px;width:120px;max-width:120px;object-fit:contain}.course-project-copy>.section-kicker{grid-column:2;grid-row:1;align-self:end}.course-project-copy>h3{grid-column:2;grid-row:2;align-self:start;font-size:19px;margin:0}.course-project-copy>p{grid-column:1/-1;font-size:13px;margin:4px 0 0}.course-project-copy>a{grid-column:1/-1;font-size:13px;min-height:32px;margin:0}.course-if-wordmark{font-size:64px}.course-book-art img{height:60px;width:48px}}
/* Desktop directories use narrower cards instead of stretching two items. */
@media(min-width:1000px){.course-unit-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.course-unit-row{grid-column:span 2}.course-hub-math .course-unit-row:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}.course-hub-math .course-unit-row:last-child:nth-child(3n+2){grid-column:4/span 2}.course-unit-copy h3{font-size:19px}.course-unit-copy small{font-size:11px}.course-unit-actions{gap:8px 18px}.course-hub-math .course-project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.course-hub-math .course-project-feature{grid-template-columns:1fr;gap:12px;align-items:stretch}.course-hub-math .course-project-art{height:95px}.course-hub-math .course-project-art img{max-width:230px;height:90px}.course-hub-math .course-project-art img[src$="fraction-land-cover.webp"]{height:90px}.course-hub-math .course-project-copy h3{font-size:19px}.course-hub-math .course-project-copy p{font-size:13px}.course-hub-math .course-project-copy .section-kicker{min-height:30px}.course-hub-math .course-if-wordmark{font-size:70px}}
@media(max-width:650px){.course-hub-science .course-project-art img[src$="dr-wong-feature.png"]{width:120px;height:80px;object-fit:contain;object-position:center}.course-hub-math .course-project-art img[src$="fraction-land-cover.webp"]{width:120px;height:80px;object-fit:contain}}
/* Domain branding and app support, without changing teaching layouts. */
.install-page>img{display:block;object-fit:contain;margin:0 0 20px}.install-page li{line-height:1.8;margin:8px 0}.install-page [hidden]{display:none!important}
@media(max-width:650px){.install-page{padding:22px}}

.install-page h1{font-size:32px;line-height:1.25;margin:0 0 16px}.install-page>img{border-radius:20px!important}@media(max-width:650px){.install-page h1{font-size:28px}}