@import url('../sequence-modelling/styles.css');
/* Collection typography with chapter-specific spacing and restrained accents. */
.formula-card .equation{font-size:clamp(17px,2vw,24px);line-height:1.9;white-space:normal;overflow-wrap:anywhere}.formula-card>p{font-size:14px;line-height:1.8}.theory-fold .equation{line-height:2;font-size:18px}.check-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:16px 0}.check>input[type=text]{display:block;margin-top:8px;max-width:210px}.choices{display:grid;gap:8px}.choices label{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px}.exit-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:25px;margin:20px 0}.exit-card textarea{margin-top:15px}.export-actions{display:flex;flex-wrap:wrap;gap:12px}.math-table th,.math-table td{min-width:70px}.readout .math-table{font-size:15px}.theory-fold summary{line-height:1.7}.animation-lab{margin-top:15px}.anim-canvas svg{display:block;width:100%;min-width:760px;height:auto}.sources li{margin:12px 0}.lab-controls label{min-width:145px;flex:1}.preset-row{display:flex;gap:8px;flex-wrap:wrap}.anim-caption h4{margin-bottom:10px}.qnum{color:var(--teal);font:12px var(--mono)}.anim-assumptions{font-size:13px;line-height:1.8}.lesson-hook>p{max-width:850px}.readout p{font-size:14px}.readout .stats{margin-bottom:15px}.gallery-grid{display:grid;gap:30px}.gallery-grid figure{margin:0;background:var(--white);padding:20px;border:1px solid var(--line);border-radius:15px}.gallery-grid img{width:100%;height:auto}.gallery-grid figcaption{font-size:14px}.gallery-page{max-width:1100px;padding:40px 25px;margin:auto}.gallery-page h1{font-size:48px}
@media(max-width:600px){.topbar{padding:12px;gap:10px}.topbar .brand small{display:none}.progress-wrap{width:32%;font-size:10px}.topbar button{font-size:11px;padding:8px}.lab-controls{gap:16px}.choices label{font-size:14px}.formula-card{padding:18px}.mission{padding:23px}.exit-card{padding:19px}.lesson-hook>p{font-size:22px}}
@media print{.anim-canvas svg{min-width:0}.anim-viewport{overflow:visible}.anim-beats,.anim-toolbar,.anim-timeline,.lab-controls,.export-actions,.check-actions,.anim-pan-hint{display:none!important}.animation-lab{break-inside:auto}.check{break-inside:avoid}.mission{color:#183c35;background:#eee}.mission h2,.mission p,.mission .eyebrow,.cue-word{color:#183c35}.sources a{overflow-wrap:anywhere}.topbar{display:none}.theory-fold:not([open]){display:none}.check input{min-height:25px}}
/* Source architecture figures precede the numerical walkthroughs. */
.architecture-reference{margin:32px 0 12px;border:1px solid var(--line);border-radius:15px;background:var(--white);overflow:hidden}.architecture-heading{padding:22px 24px 16px;display:flex;justify-content:space-between;align-items:start;gap:20px}.architecture-heading h3{margin:7px 0 0}.architecture-heading>a{font-size:12px;white-space:nowrap;margin-top:5px}.architecture-viewport{overflow-x:auto;background:white;padding:18px 22px;overscroll-behavior-x:contain}.architecture-viewport a{display:block;min-width:640px}.architecture-viewport img{display:block;width:100%;height:auto}.architecture-reference figcaption{padding:6px 24px 20px;border-top:1px solid var(--line)}.architecture-reading{font-size:14px;line-height:1.85}.architecture-credit{font-size:12px;color:var(--muted);line-height:1.8}.architecture-credit a{color:var(--teal)}
@media(max-width:600px){.architecture-heading{padding:18px;display:block}.architecture-heading>a{display:inline-block;margin-top:12px}.architecture-reference figcaption{padding:4px 18px 16px}.architecture-viewport{padding:14px}.architecture-heading h3{font-size:20px}}
@media print{.architecture-reference{break-inside:avoid}.architecture-viewport{overflow:visible;padding:12px}.architecture-viewport a{min-width:0}.architecture-heading>a{display:none}.architecture-reference figcaption{font-size:10px}}