/* ENGR 213: calm typography, clear equations, interaction with a purpose. */
.desk-switch{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.desk-switch a{padding:10px 16px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;font-size:.85rem;font-weight:700;background:white}.desk-switch a span{font-size:.73rem;font-weight:400;margin-left:8px;color:var(--muted)}.desk-switch a.selected{background:#e1eee5;border-color:#8db29f}.engr-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:35px;border-radius:20px;background:#163d35;color:#f5f8ed;padding:36px;overflow:hidden}.engr-hero .eyebrow{color:#b7d8b7}.engr-hero h1{font-size:clamp(2.2rem,3.2vw,3.45rem);letter-spacing:-.06em}.engr-hero p{font-size:.94rem;color:#c4d9cd;margin-top:18px;max-width:470px}.engr-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.engr-hero-actions .primary{display:inline-block;background:#d3eab8;color:#163b2e;border:0;text-decoration:none;border-radius:8px;padding:10px 14px;font-size:.84rem;font-weight:650}.engr-hero-actions button{background:transparent;color:#d9e8df;border-color:#577468;font-size:.8rem}.engr-hero-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:.7rem;color:#bfd2c3;margin-top:26px}.engr-hero-visual{border:1px solid #537467;border-radius:15px;background:#214a40;padding:21px;align-self:center;min-width:0}.hero-visual-label{font-size:.61rem;letter-spacing:.15em;color:#b9d4bf}.hero-move{padding:17px 0;border-bottom:1px solid #446757}.hero-move>span{font-size:.62rem;letter-spacing:.1em;color:#c9ddbb}.hero-move small{color:#c0d4c7;font-size:.78rem}.hero-move .katex-display{margin:10px 0;text-align:left;font-size:1.02rem}.hero-visual-end{font-size:.74rem;padding-top:16px;color:#d4e7c6}.engr-plan,.engr-bank,.engr-drill{margin-top:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:11px}.section-heading .eyebrow{margin-bottom:7px}.plan-options{display:flex;gap:6px;flex-shrink:0}.plan-options button{font-size:.76rem;padding:8px 12px}.plan-options button.selected{background:#e1eee5;color:#125440;border-color:#8db29f}.soft-copy{font-size:.85rem;color:var(--muted);max-width:850px}.priority-path{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.priority-path article{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.path-meta{display:flex;justify-content:space-between;font-size:.64rem;color:var(--teal);letter-spacing:.1em;margin-bottom:14px}.priority-path p{font-size:.8rem;color:var(--muted);margin-top:7px;min-height:50px}.path-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.path-links a,.path-links button{font-size:.75rem;padding:5px 10px;border:1px solid #cbdccd;border-radius:6px;text-decoration:none;background:#f5f8f1;color:var(--teal)}.engr-basics{background:#ecf2e8;border-radius:10px;margin:22px 0;padding:18px 22px;border:1px solid #d6e2cf}.engr-basics summary{font-size:.9rem;font-weight:650;cursor:pointer}.basics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;font-size:.85rem}.basics-grid p{margin-top:5px;color:var(--muted)}.engr-recipes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.recipe-card{padding:23px;border-radius:12px;background:white;border:1px solid var(--line);min-width:0}.recipe-card h2{font-size:1.1rem}.recipe-card ol{font-size:.83rem;color:var(--muted);padding-left:19px}.recipe-card li{padding:3px 0}.recipe-card details{border-top:1px solid var(--line);padding-top:12px;font-size:.8rem}.recipe-card summary{cursor:pointer;font-weight:650;color:var(--teal)}.recipe-card details p{color:var(--muted)}.solved-total{font-size:.75rem;white-space:nowrap;color:var(--teal);background:#e4eee1;border:1px solid #d6e1d0;padding:6px 10px;border-radius:30px}.engr-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.engr-card{padding:21px;border:1px solid var(--line);background:white;border-radius:12px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s;min-width:0}.engr-card:hover{border-color:#709782;box-shadow:0 4px 18px #142b2b0a}.engr-card h3{margin-top:14px;font-size:.95rem}.engr-card-top{display:flex;justify-content:space-between;gap:10px;font-size:.68rem;color:var(--teal)}.engr-card-top span:first-child{font-weight:700;letter-spacing:.06em}.engr-card-top span:last-child{color:var(--muted)}.card-equation{font-size:.93rem;flex:1;margin:8px 0}.card-open{border-top:1px solid #e4ebe4;padding-top:12px;font-size:.75rem;color:var(--muted);display:flex;justify-content:space-between}.card-open b{color:var(--teal);font-size:1rem}.engr-drill-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.classification{border:1px solid var(--line);border-radius:12px;background:white;padding:21px;min-width:0}.classification-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.classification-options button{font-size:.76rem;padding:9px}.classification-options button.correct{background:#e0f0d8;border-color:#689957}.classification-options button.wrong{background:#fbeee9;border-color:#b8765c}.class-feedback{font-size:.82rem;line-height:1.6;margin-top:12px}.class-feedback:empty{display:none}.classification details{font-size:.76rem;color:var(--muted);margin-top:15px}.classification summary{cursor:pointer}.classification details p{margin-top:9px}.engr-checklist{margin-top:35px;border-top:1px solid var(--line);padding-top:28px}.engr-checklist ol{font-size:.88rem;color:var(--muted);padding-left:20px}.engr-checklist li{padding:6px}.engr-checklist strong{color:var(--ink)}.engr-checklist a{font-size:.85rem}.engr-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 0 27px;font-size:.78rem}.engr-breadcrumb a{text-decoration:none}.engr-breadcrumb label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.72rem}.engr-breadcrumb select{max-width:240px;border:1px solid var(--line);border-radius:7px;background:white;padding:7px;font-size:.78rem;color:var(--ink)}.engr-problem-title{font-size:clamp(2rem,3vw,2.85rem);max-width:900px}.engr-equation{background:white;border:1px solid var(--line);border-radius:12px;padding:18px 23px;margin:23px 0 6px}.engr-equation>.katex-display{text-align:left;font-size:1.25rem;margin:0 0 12px}.engr-equation p{font-size:.86rem;color:var(--muted)}.engr-lab{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:24px 0}.engr-plot-svg{width:100%;display:block;max-height:410px;font-family:'DM Sans',sans-serif}.engr-plot-formula{padding:0 18px;font-size:1.05rem}.engr-plot-formula .katex-display{margin:2px 0 13px}.plot-caption{font-size:.72rem;color:var(--muted);padding:0 22px 18px;max-width:820px}.engr-lab .lab-controls{display:flex;align-items:center;gap:15px}.engr-lab .lab-controls label{flex:1;max-width:500px}.engr-lab input[type=range]{width:100%;accent-color:#00695c}.engr-lab .lab-controls label>span{display:flex;justify-content:space-between;gap:12px;font-size:.8rem}.engr-lab .lab-controls button{font-size:.76rem}.engr-tank-row{display:flex;align-items:center;gap:16px;padding:0 30px 14px;max-width:700px;margin:auto}.engr-tank-row svg{width:145px;flex-shrink:0}.engr-tank-row strong{font-size:.88rem;color:var(--teal)}.engr-tank-row p{font-size:.88rem}.engr-tank-row small{font-size:.75rem;color:var(--muted);line-height:1.5;display:block;margin-top:5px}.engr-step-math .katex-display{text-align:left;font-size:1.03rem;margin:14px 0}.engr-step-math{max-width:100%;min-width:0}.engr-tabs{margin-bottom:24px}.engr-step-toolbar{flex-wrap:wrap;gap:8px}.engr-step-toolbar button{font-size:.78rem}.engr-audit{padding:20px 23px;background:white;border:1px solid var(--line);border-radius:11px;margin-top:22px;font-size:.87rem}.engr-audit summary{cursor:pointer;font-weight:650;color:var(--teal)}.engr-audit p{color:var(--muted);margin-top:12px}.engr-paper{padding:26px;border:1px solid var(--line);background:#fffef9;border-radius:13px}.engr-paper>p{font-size:.88rem;color:var(--muted);margin:12px 0 19px}.engr-answer{border-top:1px solid var(--line);padding-top:17px}.engr-answer summary{font-size:.86rem;font-weight:650;cursor:pointer;color:var(--teal)}.engr-answer>p{font-size:.85rem;color:var(--muted)}.engr-selfcheck{background:#eaf2e4;border:1px solid #d0dfc9;border-radius:8px;padding:15px;margin-top:18px}.engr-selfcheck label{display:flex;align-items:flex-start;gap:10px;font-size:.83rem;cursor:pointer}.engr-selfcheck input{margin-top:6px;width:17px;height:17px;accent-color:var(--teal);flex-shrink:0}.engr-selfcheck small{display:block;color:var(--muted);font-size:.71rem;margin:6px 0 0 27px}.engr-question{margin-top:24px}.engr-bottom-nav{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);margin-top:32px;font-size:.8rem}.katex-display{overflow-x:auto;overflow-y:hidden;padding:3px 1px}.katex .katex-mathml{overflow:hidden}.engr-step-math .katex{font-size:1.17em}#engr-steps .step>div{min-width:0}.engr-hero .katex-display{overflow-y:hidden}.engr-hero-visual .katex{font-size:1.17em}
@media(max-width:1200px){.engr-hero{padding:27px;gap:24px;grid-template-columns:1.2fr 1fr}.section-heading{align-items:flex-start;flex-wrap:wrap}.engr-hero-actions{flex-direction:column;align-items:flex-start}.priority-path article{padding:16px}.engr-breadcrumb{align-items:flex-start}.engr-breadcrumb label{flex-direction:column;align-items:flex-end}}
@media(max-width:950px){.engr-hero{grid-template-columns:1fr}.engr-hero-actions{flex-direction:row}.engr-hero-visual{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.hero-visual-label,.hero-visual-end{grid-column:1/-1}.hero-visual-end{padding-top:0}.hero-move{padding:5px 0 12px}.priority-path{grid-template-columns:1fr}.priority-path p{min-height:0}.priority-path article{display:grid;grid-template-columns:1fr 1.7fr;gap:5px 20px}.path-meta{grid-column:1/-1;margin-bottom:5px}.path-links{margin-top:6px}.basics-grid{grid-template-columns:1fr;gap:16px}}
@media(max-width:600px){.desk-switch{gap:7px;margin-bottom:20px}.desk-switch a{flex:1;padding:9px 12px;font-size:.8rem}.desk-switch a span{display:block;margin:0;font-size:.65rem}.engr-hero{padding:24px;gap:25px}.engr-hero h1{font-size:2.5rem}.engr-hero-visual{grid-template-columns:1fr}.hero-visual-label,.hero-visual-end{grid-column:auto}.engr-recipes,.engr-cards,.engr-drill-grid{grid-template-columns:1fr}.engr-hero-meta{gap:9px;font-size:.66rem}.priority-path article{display:block}.path-meta{margin-bottom:12px}.path-links{margin-top:14px}.engr-breadcrumb{flex-direction:column;gap:15px}.engr-breadcrumb label{flex-direction:row;align-items:center}.engr-breadcrumb select{max-width:230px}.engr-equation{padding:16px}.engr-equation>.katex-display{font-size:1.03rem}.engr-problem-title{font-size:2rem}.engr-lab .lab-controls{flex-wrap:wrap;padding:15px}.engr-lab .lab-controls label{flex-basis:100%}.engr-plot-svg{min-width:470px}.engr-lab #engr-plot{overflow-x:auto}.engr-plot-formula .katex-display{font-size:.88rem}.engr-tank-row{padding:0 15px 15px;gap:10px;min-width:320px}.engr-tank-row svg{width:100px}.plot-caption{min-width:320px}.engr-lab:before{content:'Graph: scroll sideways for all axis labels';display:block;padding:10px 17px 0;font-size:.68rem;color:var(--muted)}.engr-step-math .katex-display{font-size:.9rem}.engr-step-toolbar span{flex-basis:100%}.engr-paper{padding:20px}.engr-bottom-nav{font-size:.75rem}.engr-tabs button{font-size:.8rem}.engr-tabs{gap:18px}}
@media(prefers-reduced-motion:reduce){.engr-card{transition:none}}
@media print{.desk-switch,.engr-breadcrumb,.engr-tabs,.engr-bottom-nav,.engr-step-toolbar{display:none}.engr-hero{background:white;color:#243638;border:1px solid #aaa}.engr-hero p,.engr-hero .eyebrow{color:#243638}.engr-card,.classification,.step{break-inside:avoid}}
.mobile-nav-toggle{display:none}
@media(max-width:800px){.sidebar{position:relative;min-height:84px}.sidebar .brand{margin-bottom:0;max-width:230px}.mobile-nav-toggle{display:block;position:absolute;right:20px;top:23px;background:#24453e;color:#d7e9dc;border-color:#547164;font-size:.73rem;padding:7px 10px}.sidebar:not(.nav-open) .search,.sidebar:not(.nav-open) .course-filters,.sidebar:not(.nav-open) #lesson-nav{display:none}.sidebar.nav-open .search{margin-top:18px}.sidebar.nav-open #lesson-nav{max-height:260px}.sidebar .nav-label{display:none}}
@media(max-width:400px){.sidebar .brand{font-size:.93rem;gap:9px}.sidebar .brand-mark{width:32px;height:36px;font-size:27px}.sidebar .brand small{font-size:.53rem}.mobile-nav-toggle{right:15px;padding:7px 8px;font-size:.67rem}.sidebar{padding-left:15px}.engr-breadcrumb select{max-width:205px}}