:root{--warm:#eee8dc}html{scroll-behavior:smooth}a.btn{text-decoration:none;display:inline-block}header{max-width:1220px}.product-main{max-width:1160px}.product-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;margin:30px 0 48px}.product-hero h1{font:48px/1.25 'STSong','SimSun',serif;letter-spacing:1px;margin:14px 0 22px}.product-hero p{font-size:17px;color:var(--muted);max-width:620px}.caption{font-size:13px;color:var(--muted)}.method-map{position:relative;background:var(--ink);border-radius:14px;color:var(--paper);padding:30px;box-shadow:12px 12px 0 #dfe5d7}.method-map h2{font-family:Georgia,'SimSun',serif;margin-top:0}.method-line{display:flex;gap:16px;padding:15px 0;border-top:1px solid #ffffff26}.method-line b{font:27px Georgia;color:var(--gold)}.method-line span{display:block;font-size:12px;opacity:.7}.entry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.entry-card{display:block;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--green);border-radius:8px;padding:22px;text-decoration:none;transition:transform .18s}.entry-card:hover{transform:translateY(-3px)}.entry-card b{font:28px Georgia;color:var(--orange)}.entry-card h2{font-size:19px}.entry-card p{color:var(--muted);font-size:14px}.assignment-entry{display:grid;grid-template-columns:1fr auto;gap:12px;margin:18px 0}.assignment-entry input{width:100%}.section-title{margin-top:46px;font-family:'STSong','SimSun',serif;font-size:29px}.teacher-panel{margin-top:24px}.teacher-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.teacher-grid textarea{min-height:150px}.teacher-steps{display:grid;gap:12px;margin:18px 0}.teacher-step{background:#f7f6ef;border:1px solid var(--line);border-radius:8px;padding:17px}.teacher-step .field{margin:8px 0}.teacher-step textarea{min-height:66px;font-family:inherit;font-size:14px}.teacher-step input[type=text],.teacher-step select{width:100%}.step-grid{display:grid;grid-template-columns:1fr 160px;gap:12px}.calibrate-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.question-picker{max-height:380px;overflow-y:auto;display:grid;gap:7px}.question-pick{display:block;width:100%;text-align:left;border:1px solid var(--line);background:var(--white);border-radius:6px;padding:12px;color:var(--ink)}.question-pick.active{border-color:var(--green);background:var(--light)}.question-pick small{display:block;color:var(--muted)}.calibrate-step-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.calibrate-step-tabs button{font-size:12px;padding:7px 10px}.assignment-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:25px;margin-top:24px}.step-rail{position:sticky;top:15px;align-self:start}.rail-step{display:flex;align-items:flex-start;gap:12px;padding:14px 10px;color:var(--muted);border-left:2px solid var(--line)}.rail-step b{display:grid;place-items:center;min-width:28px;height:28px;border:1px solid var(--line);border-radius:50%;font:17px Georgia}.rail-step.current{border-left-color:var(--orange);background:#f4eee2;color:var(--ink)}.rail-step.passed b{background:var(--green);color:white;border-color:var(--green)}.rail-step span{font-size:14px}.learner-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.learner-row label{margin:0}.none-option{font-weight:normal;font-size:14px}.preview-frame{width:100%;height:620px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.result-output{white-space:pre-wrap;font-size:14px}.flow-diagram{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:25px 0}.flow-diagram>div{position:relative;border:1px solid var(--line);padding:18px;background:var(--white);border-radius:7px}.flow-diagram b{display:block;font:25px Georgia;color:var(--orange)}.flow-diagram span{font-size:13px;color:var(--muted)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare>div{padding:22px;background:var(--white);border:1px solid var(--line);border-radius:9px}.compare .after{background:var(--light)}.explain-page{max-width:1000px}.explain-page h1{font:42px/1.3 'STSong','SimSun',serif}.explain-page section{margin:42px 0}.explain-page h2{font-size:25px}.sample-steps{counter-reset:demo}.sample-steps>div{padding:17px 20px;border-left:2px solid var(--green);background:var(--white);margin:8px 0}.sample-steps strong{display:block}.file-label{border:1px dashed var(--green);padding:17px;background:var(--light);border-radius:7px}.teaching-note{border-left:3px solid var(--orange);padding:10px 20px;background:#f6ecde}.state-pill{font-size:12px;border-radius:20px;padding:2px 9px;background:var(--light);white-space:nowrap}.link-output{width:100%;min-height:85px;font:13px/1.6 monospace;overflow-wrap:anywhere}.compact-list{max-height:240px;overflow:auto}.search-results{display:grid;gap:8px;margin-top:12px}.search-results button{text-align:left}.question-summary{font:16px/1.6 Georgia,serif;max-height:100px;overflow:hidden}.teacher-nav{display:flex;gap:15px;flex-wrap:wrap;margin:22px 0}.teacher-nav a{text-decoration:none}.intro-band{border-top:1px solid var(--line);padding-top:28px;margin-top:40px}[hidden]{display:none!important}@media(max-width:850px){.product-hero{grid-template-columns:1fr;gap:24px}.product-hero h1{font-size:36px}.entry-grid{grid-template-columns:1fr 1fr}.teacher-grid,.calibrate-layout,.assignment-layout{grid-template-columns:1fr}.step-rail{position:static;display:flex;overflow-x:auto;gap:5px}.step-rail>.eyebrow,.step-rail>.note{display:none}.rail-step{min-width:160px;border-left:0;border-bottom:2px solid var(--line)}.rail-step.current{border-bottom-color:var(--orange)}.question-picker{max-height:180px}.flow-diagram{grid-template-columns:1fr 1fr}.compare{grid-template-columns:1fr}}@media(max-width:520px){.entry-grid{grid-template-columns:1fr 1fr;gap:9px}.entry-card{padding:15px}.step-grid{grid-template-columns:1fr}.assignment-entry{grid-template-columns:1fr}.product-hero h1{font-size:33px}.method-map{padding:24px}.explain-page h1{font-size:34px}.flow-diagram{grid-template-columns:1fr}.preview-frame{height:560px}}@media print{header,footer,nav,.no-print{display:none!important}body{background:white;color:#18372e}.explain-page{max-width:none;padding:0}.explain-page section{break-inside:avoid;margin:25px 0}.flow-diagram{grid-template-columns:repeat(5,1fr)}a{color:inherit;text-decoration:none}.btn{display:none!important}.explain-page h1{font-size:30px}.explain-page h2{font-size:22px}}

.recognition-target{background:#fff1df;border:2px solid #ad5c2b;border-radius:999px;padding:2px 7px;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:inherit;}