dialog{width:min(1080px,96vw);max-height:92dvh;padding:0;overflow:auto;scroll-behavior:smooth}dialog .close{position:sticky;top:12px;float:right;margin:12px 16px 0 0;z-index:2;background:#f7f6ef;border-radius:50%;width:35px;height:35px;box-shadow:0 1px 6px #263f3420}#content{padding:34px}.lessonhead h2{font-size:30px;margin:15px 0}.lessonhead p{max-width:740px;line-height:1.85;color:#74836a}.lessonnav{display:flex;gap:14px;flex-wrap:wrap;border-block:1px solid #dde3d2;padding:13px 0;margin:22px 0;font-size:12px;color:#738367}.lessonnav a:hover{text-decoration:underline}.lessonlayout{display:grid;grid-template-columns:310px 1fr;gap:26px;align-items:start}.inputpanel{border:1px solid #dce2d1;border-radius:12px;padding:20px;background:#edf1e5;position:sticky;top:16px}.inputpanel h3{margin:0 0 10px;font-size:16px}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fieldgrid label{font-size:11px;color:#62765a;line-height:1.7}.fieldgrid input{display:block;width:100%;margin-top:5px;background:#fffdf8}.inputpanel .primary{width:100%;margin-top:20px}.inputpanel .secondary{width:100%;margin-top:8px;font-size:12px}.problem{background:#fffdf6;border-left:3px solid #809f67;padding:16px 20px;line-height:1.9;margin-bottom:17px}.problem b{font-size:11px;letter-spacing:1px;color:#879b73}.problem p{margin:5px 0 0}.lessonsection{scroll-margin-top:20px;margin:0 0 26px}.lessonsection h3{font-size:17px;display:flex;align-items:center;gap:9px}.sectionnum{font-size:11px;background:#dfe8d5;padding:5px 7px;border-radius:4px;color:#698456}.diagram{border:1px solid #dce3d2;background:#fffef8;border-radius:12px;padding:12px;overflow:hidden}.diagram svg{width:100%;height:auto;display:block}.diagram figcaption{font-size:11px;color:#87947b;line-height:1.8;padding:5px 8px}.reason{font-size:13px;color:#6b7d60;line-height:1.95}.stepdetail{border:1px solid #dfe4d6;background:#fffdf8;border-radius:8px;margin:11px 0;padding:15px 18px}.stepdetail summary{font-size:13px;font-weight:600;cursor:pointer;line-height:1.9}.stepdetail p{font-size:12px;color:#7a886f;line-height:1.9;margin-bottom:0}.stepactions{display:flex;gap:10px;flex-wrap:wrap}.stepactions button{font-size:12px}.checkpanel{padding:18px;background:#eaf0df;border-radius:9px;font-size:13px;line-height:1.85}.trap{border-left:3px solid #c7a367;padding:9px 16px;background:#f5efdf;font-size:12px;line-height:1.9;color:#8c794e}.selfcheck{border:1px dashed #afbd9f;border-radius:9px;padding:18px;margin-top:20px}.selfcheck label{font-size:12px;line-height:1.8}.selfcheck .lessoninput{margin:10px 8px 8px 0;width:140px}.selfcheck p{font-size:12px;margin:8px 0}.nexttools{border-top:1px solid #dfe4d6;padding-top:20px}.nexttools button{display:block;width:100%;text-align:left;margin:10px 0;padding:16px;border:1px solid #dce2d0;border-radius:8px;background:#fffdf7}.nexttools button small{display:block;line-height:1.8;color:#8a967b;margin-top:7px}.pathstrip{background:#e9efdf;padding:16px 20px;border-radius:9px;font-size:12px;line-height:1.8;margin:14px 0}.pathstrip .pathnodes{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.pathnode{border:1px solid #bdcdaa;background:transparent;padding:6px 10px;border-radius:20px;font-size:11px}.pathnode.current{background:#2a654d;color:white}.pathnode.done:before{content:'✓ ';color:#7b9959}.guide{margin:42px 0;border-top:1px solid #dce2d1;padding-top:30px}.guideintro{font-size:12px;color:#85927b;line-height:1.9;max-width:830px}.guidegrid{display:grid;grid-template-columns:1fr 1fr;gap:25px 35px;margin:24px 0}.guidearticle h3{font-size:15px;margin:0 0 10px}.guidearticle p,.guidearticle li{font-size:12px;line-height:1.95;color:#7d8c71}.guidearticle ol{padding-left:20px;margin:0}.routecards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.routecard{padding:21px;border:1px solid #dce2d1;border-radius:10px;background:#fffdf7;text-align:left}.routecard b{font-size:15px}.routecard p{font-size:11px;line-height:1.9;color:#869579;min-height:43px}.routecard span{font-size:11px;color:#346c4b}.routecard .routechain{display:block;margin:12px 0 18px;font-size:12px;color:#617953;line-height:2}.guidecallout{font-size:12px;padding:15px 20px;background:#f1ecdd;border-left:3px solid #c5a26e;line-height:1.9;color:#8a7954;margin-top:22px}.lessonerror{padding:20px;border:1px solid #d3aa8a;background:#fff4e6;line-height:1.9;border-radius:8px}@media(max-width:760px){#content{padding:25px 18px}.lessonhead h2{font-size:24px}.lessonlayout{grid-template-columns:1fr;gap:18px}.inputpanel{position:static}.guidegrid,.routecards{grid-template-columns:1fr}.fieldgrid{grid-template-columns:1fr 1fr}.diagram{margin-inline:0}.routecard p{min-height:0}.lessonnav{gap:12px}.pathstrip{padding:12px}.lessonnav a{font-size:11px}}