:root{font-family:Arial,"DejaVu Sans",sans-serif;color:#17362b;background:#f6f7f2;font-size:18px;line-height:1.6;--green:#176846;--soft:#e9f2e9;--line:#d9e1d7;--muted:#53645b;--gold:#a96720}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button,a{color:inherit}a{text-decoration-thickness:1px;text-underline-offset:4px}button,.button{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 17px;cursor:pointer;display:inline-block;text-decoration:none;min-height:46px}button:hover,.button:hover{border-color:var(--green);background:#f0f6ee}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid #da9b40;outline-offset:4px}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#115638;color:white}.topbar{max-width:1300px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.brand{font-weight:700;text-decoration:none;letter-spacing:-.4px}.brand span{font-weight:400;color:var(--muted);font-size:.85em}.topbar nav{display:flex;gap:14px;align-items:center;font-size:.87rem}.skip{position:absolute;top:-80px}.skip:focus{top:0;background:#fff;z-index:10}main{max-width:1250px;margin:auto;padding:30px 28px 60px;min-height:70vh}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.15;letter-spacing:-1.2px;max-width:850px}h2{font-size:1.35rem;line-height:1.3}h3{font-size:1.12rem;line-height:1.4}.eyebrow{color:var(--green);font-weight:bold;text-transform:uppercase;letter-spacing:1.3px;font-size:.72rem;margin-bottom:10px}.intro{max-width:830px;font-size:1.08rem;color:var(--muted)}.hero{padding:24px 0 20px}.hero h1 span{display:block;font-weight:400;font-size:.64em;margin-top:12px;letter-spacing:-.5px}.hero .ribbon{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}.ribbon span{background:var(--soft);padding:7px 13px;border-radius:7px;font-size:.85rem}.muted,small{color:var(--muted)}small{font-size:.8rem;display:block}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 25px}.filters button.active{color:white;background:var(--green)}.search{flex:1;min-width:200px}.search input{width:100%;padding:12px 15px;border-radius:12px;border:1px solid #a6b9ab;background:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.unit-card,.card{border:1px solid var(--line);border-radius:19px;background:white;padding:24px}.unit-card{display:flex;flex-direction:column;text-decoration:none;min-height:220px}.unit-card:hover{border-color:var(--green);box-shadow:0 5px 20px #193d2c0b}.unit-card h2{margin-bottom:12px;flex:1}.unit-card .count{font-size:.82rem;color:var(--muted)}.unit-card .arrow{margin-top:15px;font-weight:bold;color:var(--green);font-size:.87rem}.book-note{margin-top:32px;border-top:1px solid var(--line);padding-top:22px;max-width:950px;color:var(--muted);font-size:.86rem}.crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.83rem;margin-bottom:22px}.crumb a{color:var(--green)}.task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.task-card{display:block;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none}.task-card:hover{border-color:var(--green)}.task-card strong{display:block;font-size:1.05rem}.task-card small{margin-top:8px}.badge{font-size:.75rem;color:#356146;background:var(--soft);padding:3px 8px;display:inline-block;border-radius:6px;margin-top:10px}.rules{margin:20px 0}.rules summary{cursor:pointer;font-weight:bold;color:var(--green)}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:22px}.rule-grid p{font-size:.96rem;margin-bottom:0}.pitfall{border-left:4px solid #bc8a45;padding:10px 18px;background:#faf5e9;border-radius:0 10px 10px 0;margin-top:22px;font-size:.92rem}.source{background:#eaf1e5;color:#294c36;border-radius:10px;padding:12px 17px;font-size:.86rem;margin-bottom:18px}.source strong{display:block;font-size:.98rem}.source p{margin:6px 0 0}.task-heading{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:16px}.workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.workpane{min-width:0}.model-card{position:sticky;top:16px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.model-card svg{width:100%;height:auto;display:block;background:#fff;border-radius:12px}.model-card figure{margin:0}.model-card figcaption{font-size:.76rem;line-height:1.5;color:var(--muted);margin-top:14px}.model-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.model-tools button{padding:7px 11px;font-size:.79rem;min-height:42px}.model-tip{font-size:.76rem;margin:12px 0 0;min-height:26px;color:var(--muted)}.geo-line{stroke:#315b49;stroke-width:2.8;fill:none}.geo-new{stroke:#c78428;stroke-width:3.2}.geo-hit{stroke:transparent;stroke-width:18;fill:none;cursor:pointer}.geo-point{fill:#173e2c}.geo-label{font-family:Arial,sans-serif;font-size:20px;fill:#243e31;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.geo-selected .geo-line{stroke:#ad5d09;stroke-width:5}.geo-grid{stroke:#edf0ea;stroke-width:1}.geo-axis{stroke:#a5b4a5;stroke-width:1.5}.geo-tick{font-size:12px;fill:#6b7a6c}.mode-switch{margin:20px 0;display:flex;gap:10px;flex-wrap:wrap}.mode-switch button.selected{box-shadow:inset 0 -3px 0 var(--green);border-color:var(--green)}.step{padding:22px;background:white;border:1px solid var(--line);border-radius:16px;margin-bottom:14px}.step.done{background:#f0f5ec}.step.done p:last-child{margin-bottom:0}.step .step-label{font-size:.73rem;text-transform:uppercase;letter-spacing:1px;color:#54765b}.step.active{border-color:#a3bd9e;box-shadow:0 3px 12px #25472808}.step h3{font-size:1.1rem;margin:9px 0 16px}.field{margin-bottom:17px}.field label{display:block;font-weight:bold;font-size:.93rem;margin-bottom:7px}.field input{border:1.5px solid #9eafa0;padding:12px 14px;border-radius:10px;background:#fff;width:100%;font-size:1.12rem;color:#17362b}.choices{display:flex;flex-direction:column;gap:10px}.choices button{text-align:left;padding:12px 15px;line-height:1.6}.choices button.chosen{border-color:var(--green);background:var(--soft)}.hint{margin-top:14px;padding:16px;border-left:4px solid #ca9e48;background:#faf6e9;border-radius:0 10px 10px 0}.hint p:last-child{margin:0}.help-button{font-size:.88rem;color:#436b4a;margin-top:8px}.feedback{margin-top:12px;font-size:.88rem;line-height:1.6}.feedback:empty{display:none}.feedback.error{color:#89401d}.feedback.success{color:#176846}.complete{padding:18px 22px;background:#e6f1e3;border-radius:14px;margin:15px 0}.manual textarea{width:100%;min-height:170px;border:1px solid #a4b5a3;border-radius:12px;padding:14px;resize:vertical}.check-item{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font-size:.91rem}.check-item input{width:20px;height:20px;flex:0 0 20px;margin-top:6px;accent-color:var(--green)}.task-footer{margin-top:30px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.storage{font-size:.75rem;color:var(--muted);max-width:1250px;margin:0 auto;padding:14px 28px 24px}.alert{background:#fff0d8;border:1px solid #d5ac63;padding:15px;border-radius:12px;font-size:.88rem;margin-bottom:18px}.alert:empty{display:none}.fraction{display:inline-flex;vertical-align:middle;flex-direction:column;align-items:stretch;text-align:center;line-height:1.25;margin:2px 4px;max-width:100%;font-size:.96em}.fraction>span:first-child{border-bottom:1.5px solid currentColor;padding:0 5px 3px}.fraction>span:last-child{padding:3px 5px 0}.info{font-size:.82rem;color:var(--muted);line-height:1.6}.solution-note{font-size:.88rem;margin-top:12px}.single-field{margin-bottom:12px}.empty{padding:25px;background:#fff;border:1px dashed var(--line);border-radius:15px}dialog{max-width:min(1100px,95vw);width:95vw;border:1px solid var(--line);border-radius:20px;padding:24px;color:inherit}dialog::backdrop{background:#19362bb0}dialog svg{width:100%;max-height:75vh}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-line{border-top:1px solid var(--line);font-size:.78rem;padding-top:22px;margin-top:35px;color:var(--muted)}
@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{gap:17px}.topbar nav{gap:10px}.model-card{padding:14px}.card,.step{padding:20px}}
@media(max-width:680px){:root{font-size:17px}.topbar{padding:15px 17px;flex-wrap:wrap}.brand span{display:none}.topbar nav{font-size:.78rem}.topbar nav button{min-height:40px;padding:6px 10px}main{padding:22px 17px 40px}.hero{padding-top:8px}h1{letter-spacing:-.6px}.grid{grid-template-columns:1fr}.unit-card{min-height:170px}.task-list{grid-template-columns:1fr}.workspace{display:flex;flex-direction:column}.model-card{position:static;order:-1;width:100%}.workpane{width:100%}.model-card svg{max-height:310px}.rule-grid{grid-template-columns:1fr;gap:20px}.task-heading{font-size:1.6rem}.storage{padding:14px 17px 20px}.filters{gap:8px}.filters button{font-size:.85rem;padding:8px 12px}.ribbon{gap:8px!important}.hero .ribbon span{font-size:.75rem}.step h3{font-size:1.08rem}.source{font-size:.8rem}.model-tools button{font-size:.75rem}}
@media print{.topbar,.mode-switch,.model-tools,.task-footer,.help-button,.filters,button,dialog{display:none!important}body{background:#fff}.workspace{display:block}.model-card{position:static;max-width:500px;margin:20px auto}.step,.card{break-inside:avoid}main{padding:0}.storage{display:none}}