:root{--paper:#f8f4e8;--ink:#203f40;--muted:#657674;--orange:#bd4925;--sea:#d4e7e3;--yellow:#f3cd68;--line:#c9d3c7;--white:#fffdf6;--serif:"Iowan Old Style","Palatino Linotype","Songti TC",serif;--sans:"Avenir Next","Trebuchet MS","PingFang TC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.48;cursor:default}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.2}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.skip{position:fixed;top:-90px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:0}.shell{max-width:1200px;margin:auto;padding:0 42px}.mast{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:23px 0}.brand{font:30px/1.1 var(--serif)}.brand small{font:10px var(--sans);display:block;letter-spacing:.13em;margin-top:6px}.language{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:30px}.language button{min-height:38px;min-width:43px;border-radius:24px;font-size:12px}.language [aria-pressed=true]{background:var(--ink);color:var(--paper)}.course-switch{display:flex;gap:8px;flex-wrap:wrap;padding:17px 0;font-size:11px}.course-switch a{border:1px solid var(--line);border-radius:18px;padding:6px 12px}.course-switch [aria-current=page]{background:var(--ink);color:var(--paper)}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:35px;padding:26px 0 42px}.hero h1{font:600 clamp(38px,4.8vw,61px)/1.13 var(--serif);letter-spacing:-.025em;margin:18px 0}.hero em{color:var(--orange);font-style:normal}.lead{font-size:15px;max-width:430px;color:var(--muted)}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 20px;border:1px solid var(--ink);border-radius:7px;font-size:13px;font-weight:600}.primary{background:var(--ink);color:var(--white)}.secondary{background:var(--white)}.primary:hover,.secondary:hover{text-decoration:none;filter:brightness(.97)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:23px 0 14px}.quiet{font-size:12px;color:var(--muted)}.hero-art{border:1px solid var(--ink);border-radius:80px 8px 8px;background:var(--sea);padding:10px 10px 0;box-shadow:7px 7px 0 #dde2d0;transform:rotate(1deg)}.hero-art svg{display:block;width:100%;height:auto}.hero-art figcaption{display:flex;justify-content:space-between;gap:10px;padding:12px 6px;border-top:1px solid #203f4030;font-size:11px}.dialogue{display:flex;gap:10px;margin:18px 0 0;font-size:13px}.avatar{width:38px;height:38px;flex:0 0 38px}.bubble{padding:11px 14px;border:1px solid var(--line);border-radius:3px 12px 12px;background:var(--white)}.bubble b{font-size:10px;display:block;color:var(--muted);margin-bottom:4px}.passport{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);gap:18px;padding:18px 0}.passport a{font-size:12px;display:flex;align-items:center;gap:10px}.stamp{font:23px var(--serif);border:1px solid var(--line);width:39px;height:39px;display:grid;place-items:center;border-radius:50%;flex:0 0 39px}.done .stamp{background:var(--ink);color:var(--paper);border-color:var(--ink)}.passport small{display:block;color:var(--muted);font-size:10px}.section{padding-top:56px;scroll-margin-top:24px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.section-head h2{font:600 31px/1.2 var(--serif);margin-top:8px}.section-head>p{font-size:13px;max-width:340px;color:var(--muted)}.workbench{border:1px solid var(--ink);border-radius:12px;background:var(--white);overflow:hidden}.bench-top{background:#eaeede;padding:14px 22px;display:flex;gap:14px;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line)}.pills{display:flex;gap:6px;flex-wrap:wrap}.pills button{padding:7px 13px;min-height:38px;border:1px solid var(--line);border-radius:22px;font-size:12px;background:var(--white)}.pills [aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.detect-grid{display:grid;grid-template-columns:1.15fr 1fr}.figure{background-image:radial-gradient(#cfdad0 .8px,transparent .8px);background-size:12px 12px;padding:20px;display:grid;align-content:center}.figure svg,.lab-figure svg,.quiz-diagram svg{width:100%;height:auto;display:block;overflow:visible}.detect-copy{padding:26px;border-left:1px solid var(--line)}.detect-copy h3{font:24px var(--serif);margin-bottom:12px}.detect-copy>p{font-size:13px;color:var(--muted)}.choices{display:grid;gap:9px;margin:18px 0}.choice{border:1px solid var(--line);border-radius:7px;padding:12px 14px;min-height:48px;display:flex;gap:12px;align-items:center;text-align:left;background:white;font-size:14px}.choice span:first-child{font-weight:700;flex:0 0 22px}.choice[aria-pressed=true]{border:2px solid var(--ink);background:#e5efdf;padding:11px 13px}.feedback{font-size:13px;border-left:3px solid var(--orange);background:#f5ead5;padding:12px 16px;margin-top:14px}.feedback.good{background:#e1eedc;border-color:#4e7346}.feedback strong{display:block;margin-bottom:3px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.text-button{min-height:42px;text-decoration:underline;text-underline-offset:4px;font-size:12px}.lab-grid{display:grid;grid-template-columns:1fr 290px}.lab-figure{padding:15px;background:var(--sea);overflow:hidden}.lab-controls{background:var(--ink);color:var(--paper);padding:25px}.lab-controls h3{font:25px var(--serif);margin-bottom:12px}.lab-controls p{font-size:12px;opacity:.85}.control{margin-top:22px}.control label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.control output{font-size:13px;font-weight:bold;text-align:right}.control input{width:100%;height:30px;margin:10px 0 0;accent-color:var(--yellow)}.lab-controls button{margin-top:17px;background:var(--paper);color:var(--ink)}.lab-figure .metric{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;text-align:center;padding:14px;font-size:14px;border-top:1px solid #203f4030}.metric b{font:34px var(--serif)}.predict{padding:20px 24px;border-bottom:1px solid var(--line)}.predict h3{font-size:17px;margin-bottom:13px}.predict .pills button{min-height:42px}.proof-copy{padding:20px 24px;border-top:1px solid var(--line)}.proof-copy h3{font:24px var(--serif);margin-bottom:10px}.proof-copy p{font-size:13px}.proof-copy .equation{font:26px var(--serif);margin:12px 0}.hand-note{font-size:12px;background:#f4eccf;padding:14px 20px;border-top:1px solid var(--line)}.designer{display:grid;grid-template-columns:.95fr 1.05fr;border:1px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--white)}.design-info{padding:27px;background:#ede3c6}.design-info h3{font:27px var(--serif);margin-bottom:13px}.design-info p{font-size:13px}.design-work{padding:25px}.design-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.design-work .control{margin-top:0}.design-work input{accent-color:var(--ink)}.design-pairs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.design-pairs span{border:1px solid var(--ink);border-radius:6px;padding:7px 12px;font-size:12px}.quiz-wrap{display:grid;grid-template-columns:225px 1fr;gap:32px}.quiz-side p{font-size:13px;color:var(--muted);margin:15px 0}.score{font:52px var(--serif);margin-top:12px}.question-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.question-tabs button{border:1px solid var(--line);border-radius:50%;min-width:36px;min-height:36px;font-size:12px}.question-tabs [aria-current=true]{outline:2px solid var(--ink);outline-offset:2px}.question-tabs .solved{background:var(--ink);color:white}.quiz-card{padding:28px;background:var(--white);border:1px solid var(--ink);border-radius:12px}.quiz-card h3{font:23px/1.4 var(--serif);margin:10px 0}.quiz-diagram{max-width:430px;margin:12px auto}.quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px;align-items:center;font-size:12px}.level{font-size:10px;letter-spacing:.08em;color:var(--orange);font-weight:bold}.notebook{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:var(--sea);padding:32px;border:1px solid var(--ink);border-radius:12px}.notebook h3{font:27px var(--serif);margin-bottom:14px}.notebook li{font-size:14px;margin-bottom:9px}.notebook ol{padding-left:20px}.notebook label{display:block;font-size:13px;margin-bottom:10px}.notebook textarea{width:100%;min-height:150px;border:1px solid var(--ink);border-radius:7px;padding:14px;background:var(--white);resize:vertical;font-size:14px;color:var(--ink)}.save-status{font-size:11px;margin:8px 0 14px}.parents{margin-top:32px;border-block:1px solid var(--line);padding:20px 0;font-size:13px}.parents summary{cursor:pointer;font-weight:bold;min-height:25px}.parents p,.parents ul{margin-top:14px;max-width:850px}.parents a{text-decoration:underline}.footer{padding:30px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:11px;color:var(--muted)}.warning{padding:12px;background:#ffe9c5;font-size:12px}.copy-box{width:100%;min-height:100px;font-size:13px;margin-top:12px}.height-line{stroke-width:4;stroke-dasharray:7 6;fill:none}.svg-text{font-family:var(--sans);font-size:18px;fill:var(--ink);paint-order:stroke;stroke:#fffdf6;stroke-width:5px;stroke-linejoin:round}.grab{cursor:ew-resize;touch-action:none}#sailView,#sailSVG{touch-action:none;user-select:none}.mini-caption{font-size:11px;text-align:center;color:var(--muted);margin-top:8px}
@media(max-width:850px){.shell{padding:0 26px}.hero{gap:25px}.hero h1{font-size:43px}.lab-grid{grid-template-columns:1fr 250px}.section-head h2{font-size:28px}.passport{gap:9px}.passport a{font-size:11px}.quiz-wrap{grid-template-columns:180px 1fr;gap:22px}}
@media(max-width:650px){.shell{padding:0 20px}.mast{padding:19px 0}.brand{font-size:24px}.brand small{font-size:9px}.course-switch{font-size:10px;gap:6px;padding:13px 0}.course-switch a{padding:6px 9px}.hero{grid-template-columns:1fr;padding-top:18px;gap:26px}.hero h1{font-size:44px;max-width:450px}.hero-art{max-width:480px}.lead{font-size:14px}.hero-art figcaption{font-size:10px}.passport{grid-template-columns:1fr 1fr;gap:15px}.section{padding-top:40px}.section-head{display:block;margin-bottom:18px}.section-head h2{font-size:28px}.section-head>p{max-width:none;margin-top:12px;font-size:12px}.bench-top{padding:14px;display:block}.bench-top>span{display:block;margin-bottom:9px}.detect-grid,.lab-grid,.designer,.quiz-wrap,.notebook{grid-template-columns:1fr}.figure{padding:13px}.detect-copy{padding:21px;border-left:0;border-top:1px solid var(--line)}.detect-copy h3{font-size:23px}.lab-controls{padding:22px}.lab-controls .control{margin-top:16px}.lab-figure{padding:8px}.lab-figure .metric{padding:12px 8px;gap:8px;font-size:12px}.metric b{font-size:28px}.predict{padding:20px}.proof-copy{padding:21px}.proof-copy .equation{font-size:24px}.hand-note{font-size:11px;padding:15px 20px}.design-info,.design-work{padding:22px}.quiz-wrap{gap:12px}.quiz-side .score{display:inline;font-size:37px;margin-right:12px}.quiz-side p{margin:9px 0;font-size:12px}.question-tabs{margin:15px 0}.quiz-card{padding:20px}.quiz-card h3{font-size:22px}.choice{font-size:13px;padding:12px}.choice[aria-pressed=true]{padding:11px}.notebook{padding:24px;gap:22px}.notebook textarea{font-size:16px}.parents{font-size:12px}.footer{font-size:10px}.svg-text{font-size:20px}.lab-figure .svg-text{font-size:26px}.hero-actions{gap:11px}.primary,.secondary{padding:11px 15px}.design-inputs{gap:14px}.pills button{font-size:11px}.quiet{font-size:11px}.notebook .actions{gap:8px}}
@media(max-width:355px){.shell{padding:0 14px}.hero h1{font-size:38px}.brand{font-size:22px}.hero-art{border-radius:60px 8px 8px}.section-head h2{font-size:26px}.choice{font-size:12px}.quiz-card{padding:17px}.notebook{padding:20px}.stamp{width:34px;height:34px;flex-basis:34px}.passport a{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{.course-switch,.language,.hero-actions,.passport,.lab-controls,.predict,.question-tabs,.actions,.quiz-nav,.parents,.footer,.skip{display:none}.shell{padding:0}.hero{padding:15px 0;grid-template-columns:1fr 1fr}.hero h1{font-size:32px}.section{padding-top:25px}.lab-grid{grid-template-columns:1fr}.quiz-wrap{grid-template-columns:1fr}.notebook{grid-template-columns:1fr 1fr}.workbench,.designer,.notebook{break-inside:avoid}.notebook textarea{min-height:140px}.hero-art{box-shadow:none;transform:none}}