:root{--ink:#1a303a;--muted:#61757a;--teal:#247c78;--red:#cd543b;--paper:#fffefa;--border:#dbe4de;--bg:#edf2ee}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--border);border-radius:8px;padding:9px 12px;color:var(--ink);background:white}button:hover{border-color:var(--teal)}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #247c7855;outline-offset:3px}.primary{background:var(--teal);color:white;border-color:var(--teal)}header{padding:23px 23px 17px;max-width:1450px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:750;color:var(--teal)}h1{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:7px 0}header p{font-size:13px;color:var(--muted);margin:0}main{padding:0 22px 25px;max-width:1450px;margin:auto}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}.board{background:var(--paper);border:1px solid var(--border);border-radius:15px;overflow:hidden;position:sticky;top:10px;box-shadow:0 9px 22px #243d3410}.toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--border)}.toolbar button{font-size:12px;padding:7px 10px}.spacer{flex:1}#viewport{height:min(74vh,780px);min-height:430px;position:relative;touch-action:none;overflow:hidden}#drawing{display:block;width:100%;height:100%;background:var(--paper);cursor:grab}#drawing:active{cursor:grabbing}.scale-note{position:absolute;bottom:9px;left:10px;padding:4px 7px;border:1px solid #e9e3d5;background:#fffdf4ec;border-radius:6px;color:#746750;font-size:10px;pointer-events:none}.legend{display:flex;gap:11px;justify-content:space-between;flex-wrap:wrap;font-size:10px;color:var(--muted);border-top:1px solid var(--border);padding:10px}.legend span:not(:last-child):before{content:"";display:inline-block;width:14px;border-top:2px solid #799bab;margin:0 5px 3px 0}.legend .current-key:before{border-color:var(--red)!important}.legend .hidden-key:before{border-color:var(--ink)!important;border-top-style:dashed!important}.controls,.explanation,details{padding:16px;border-radius:13px;border:1px solid var(--border);background:white;margin-bottom:14px}.counter-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.counter-row b{color:var(--teal)}.progress{height:4px;margin:12px 0 15px;background:#e7eee8;border-radius:5px;overflow:hidden}.progress span{height:100%;display:block;background:var(--teal);transition:width .2s}.control-label{display:block;font-size:11px;color:var(--muted);margin:10px 0 5px;font-weight:650}select{width:100%;background:#f6f8f4;border:1px solid var(--border);border-radius:8px;padding:9px;color:var(--ink);font-size:13px}.nav-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.play-row{display:flex;gap:7px;margin-top:8px}.play-row button{flex:1;font-size:12px}.play-row select{width:75px}#scrub{width:100%;margin-top:13px;accent-color:var(--teal)}.toggle{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin-top:11px;color:var(--muted)}.toggle input{accent-color:var(--teal);margin-top:3px}h2{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:10px 0 18px}.caption{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);font-weight:750;margin-top:16px}.explanation p{margin:5px 0 11px}.self-check{padding-left:10px;border-left:3px solid var(--teal);color:#355e55}.reference{font-size:12px;color:#56705c;background:#f7faf4;border:1px solid #e0e9dd;border-radius:8px;padding:10px;margin-top:16px}summary{font-weight:650;cursor:pointer}details p{font-size:13px;color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:12px;margin-top:12px}td,th{padding:6px 4px;text-align:right;border-bottom:1px solid #e1e7e0}td:first-child,th:first-child{text-align:left}#answerTable{overflow:auto}#checks p{font-size:12px;color:#2d6656;margin:7px 0}.small-note{font-size:12px!important;background:#fbf3e9;padding:9px;border-radius:7px;color:#7a6042!important}footer{font-size:11px;color:var(--muted);margin:15px 2px}.label{font:4.8px system-ui,sans-serif;fill:#223d44;paint-order:stroke;stroke:#fffefa;stroke-width:1.4;stroke-linejoin:round}.small-label{font-size:3.9px}.label.current{fill:var(--red);font-weight:700}.geometry{fill:none;stroke:#263f47;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.aux,.guide{stroke:#6f98a5;stroke-width:.8;opacity:.72}.link{stroke:#adbdbd;stroke-width:.65;opacity:.6}.true{stroke:#496c65;stroke-width:1.5}.dim{stroke:#bc8751;stroke-width:1}.hidden{stroke-dasharray:5 4}.strong{stroke-width:1.7}.geometry.current{stroke:var(--red)!important;opacity:1!important}.dot{fill:#213b44;stroke:var(--paper);stroke-width:.3}.dot.current{fill:var(--red)}.halo{fill:#cd543b18;stroke:#cd543b30;stroke-width:.4}.tool{stroke:#be7543;fill:none;stroke-width:1.2;stroke-linecap:round;vector-effect:non-scaling-stroke}.tool-joint{fill:#fff5e0;stroke:#be7543;stroke-width:.5}[hidden]{display:none!important}@media(max-width:930px){header{padding:17px}main{padding:0 13px 20px}.lesson-layout{grid-template-columns:1fr}.board{position:relative;top:0}#viewport{height:63vh;min-height:390px}h1{font-size:24px}.controls{margin-top:0}}@media print{header,aside,.toolbar,.legend,.scale-note,footer{display:none}.lesson-layout{display:block}.board{border:0;box-shadow:none}#viewport{height:250mm}main{padding:0}}

.solution-idea{background:#fbfdf8;padding:0;overflow:hidden;margin:0 0 20px;border:1px solid #cbded0;scroll-margin-top:12px}.solution-idea>summary{padding:17px 21px;color:var(--teal);font-size:15px}.idea-summary-note{display:inline-block;margin-left:14px;font-size:12px;color:var(--muted);font-weight:400}.idea-body{padding:0 22px 20px}.idea-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:26px;align-items:start;border-top:1px solid #e0e9dc;padding-top:16px}.idea-intro h2{margin:0 0 10px;font-size:24px;max-width:780px}.solution-idea .idea-goal{font-size:15px;line-height:1.65;color:var(--ink);font-weight:600;margin:0 0 12px}#ideaExplanation p{font-size:14px;line-height:1.75;margin:8px 0;color:#425e60}.idea-key{padding:18px;background:#edf5e9;border:1px solid #d9e6d1;border-radius:11px}.idea-key #ideaKey{font-size:15px;line-height:1.8;color:#2b584d;margin:11px 0 17px;font-weight:550;overflow-wrap:anywhere}.idea-key button{font-size:12px;width:100%;white-space:normal}.idea-plan-title{font-size:14px;margin:22px 0 12px;font-weight:700}.idea-routes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px}.idea-routes li{display:flex;flex-direction:column;gap:10px;padding:15px 14px;border:1px solid #dfe8dc;border-radius:10px;background:white;min-width:0}.idea-routes li[data-state="current"]{border-color:#72a891;box-shadow:inset 0 3px #72a891}.idea-route-number{font-size:11px;letter-spacing:.1em;font-weight:700;color:var(--teal)}.idea-routes h4{font-size:14px;line-height:1.4;margin:0 0 8px}.idea-routes li>div{display:flex;flex:1;flex-direction:column;align-items:flex-start}.solution-idea .idea-routes p{font-size:12px;line-height:1.7;color:#56706e;margin:0 0 11px;flex:1}.text-button{font-size:11px;font-weight:650;color:var(--teal);border:0;background:transparent;padding:4px 0;text-align:left;text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:#165b58}.solution-idea .idea-footnote{font-size:11px;color:var(--muted);margin:14px 0 0}.stage-idea{border:1px solid #dce8d7;background:#f6faf2;border-radius:10px;padding:12px;margin:0 0 20px}.stage-idea .caption{margin:0 0 7px}.explanation .stage-goal{font-size:14px;font-weight:650;line-height:1.5;color:#315b4e;margin:0 0 8px}#chapterIdeaText{font-size:13px;color:#4f6765;line-height:1.7}.explanation .stage-result{font-size:12px;color:#355e55;border-top:1px solid #dce8d7;padding-top:9px;margin:10px 0 6px}.stage-result b{font-weight:650}#stepTitle{scroll-margin-top:16px}#constructionArea{scroll-margin-top:12px}@media(max-width:680px){.solution-idea>summary{padding:14px 15px}.idea-summary-note{display:block;margin:4px 0 0 18px;font-size:11px}.idea-body{padding:0 15px 16px}.idea-intro{grid-template-columns:1fr;gap:14px}.idea-intro h2{font-size:21px}.idea-key{padding:14px}.idea-routes{grid-template-columns:1fr}.idea-routes li{flex-direction:row;gap:13px;padding:14px}.idea-route-number{padding-top:2px}.solution-idea .idea-routes p{font-size:13px}}@media print{.solution-idea{display:none}}

.axis{stroke:#80649d;stroke-width:1.1;stroke-dasharray:9 3 2 3}.answer-summary{font-size:13px;color:#28594b;padding:12px 15px;background:#eef5e9;border-top:1px solid #d5e4cd;line-height:1.65}.part-note{font-size:11px;color:var(--muted);margin:7px 0 17px;line-height:1.65}#partControls select{font-weight:650;color:var(--teal)}

.transformed-result .strong,.transformed-result .true{stroke:var(--teal);stroke-width:2}.transformed-result .label{fill:#1c6963;font-weight:650}

@font-face{font-family:Diagram Sans;src:url('../materials/fonts/diagram-sans.woff') format('woff');font-display:swap}
#drawing{--label-size:4.8px;--small-label-size:3.9px}
#drawing .label{font-family:Diagram Sans,Arial,sans-serif;font-size:var(--label-size)}
#drawing .small-label{font-size:var(--small-label-size)}
/* ГОСТ 2.303-68: main contour s, thin construction lines s/3…s/2. */
.edge,.strong{stroke-width:2}.aux,.guide,.link,.dim,.axis{stroke-width:.8}.true{stroke-width:1}
.axis{stroke-dasharray:none}.hidden{stroke-width:1;stroke-dasharray:6 3}

#autoFrameControl{margin:0 0 15px;padding:10px;background:#f1f7ed;border-radius:7px;color:#355e55}
@media print{.geometry,.label,.transformed-result .label{stroke:#111!important;color:#111;fill:none;opacity:1!important}.label,.transformed-result .label{fill:#111!important;stroke:#fff!important}.dot{fill:#111!important}.halo{display:none}}

.angle-mark{stroke:var(--teal);stroke-width:1;opacity:1}