@import url('./math-sample.css');
header{max-width:1440px}header nav{display:flex;gap:20px;font-size:13px}header nav a{font-size:13px;font-weight:500}main{max-width:1440px}.intro{display:flex;justify-content:space-between;gap:28px;align-items:end}.intro h1{font-size:42px}.counter{background:#1e503d;color:#f1f7e9;border-radius:18px;padding:24px;min-width:230px;line-height:1.7}.counter b{font-size:31px}.counter span{display:block;font-size:12px;color:#c5d8bf}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:24px 0}.filters input{flex:1;min-width:220px;padding:13px 16px;border:1px solid #cfdaca;border-radius:10px;font:inherit;background:white}.filters select{font-size:13px}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.unit-card{display:block;border:1px solid #d5e0cf;border-radius:16px;background:#fff;padding:22px;color:#284c39;text-decoration:none}.unit-card:hover{border-color:#48866a}.unit-card h3{font-size:19px;margin:14px 0;line-height:1.5}.unit-card small{font-size:11px;color:#7a8b75}.unit-card p{font-size:12px;color:#617762}.badge{display:inline-block;font-size:11px;border-radius:30px;padding:5px 9px;background:#e8f0e0;margin:3px}.breadcrumb{font-size:13px;color:#75856d;margin-bottom:25px}.breadcrumb a{color:#3b7456}.unit-head h1{font-size:36px}.unit-head p{max-width:900px;color:#60755d;font-size:14px}.unit-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:25px;margin:30px 0}.unit-body h2{font-size:21px}.concept-card{border:1px solid #d8e2d0;border-radius:12px;padding:18px;background:#fff;margin:12px 0}.concept-card h3{font-size:16px;margin-top:0}.concept-card p{font-size:13px;line-height:1.8;white-space:pre-line}.concept-card summary{cursor:pointer;font-size:13px;color:#376c4c}.concept-card details{padding:10px;background:#eff4e8;border-radius:8px}.model-head{margin-bottom:26px}.model-head h1{font-size:34px}.model-head p{max-width:940px;font-size:14px;color:#667761}.model-grid{display:grid;grid-template-columns:315px minmax(0,1fr);border:1px solid #ccd9c6;border-radius:20px;overflow:hidden;background:white}.model-controls{background:#edf2e7;padding:25px}.model-controls label{display:block;font-size:13px;line-height:1.6;margin:18px 0 3px}.model-controls output{float:right;font-weight:700;color:#296a4b}.model-controls select{display:block;width:100%;font-size:12px;margin-top:6px}.model-controls .formula{font-size:13px;padding:14px;background:#e0ebd7;border-radius:10px;white-space:pre-line}.model-visual{padding:24px}.model-visual>p{font-size:12px;color:#74846d}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.result{padding:15px;border-radius:12px;background:#f0f5ea;min-width:0}.result span{font-size:11px;color:#728569;display:block;margin-bottom:8px}.result strong{font-size:19px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}.result.prose{grid-column:1/-1}.result.prose strong{font-size:14px;font-weight:500}.model-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.comparison{padding:18px;border-left:3px solid #bc8d52;background:#f4eee3;font-size:13px;white-space:pre-line;line-height:1.8}.challenge-box{border:1px solid #d1dfc8;border-radius:16px;background:white;padding:23px}.challenge-box h2{font-size:22px}.challenge-box input{padding:11px;border:1px solid #c6d4bd;border-radius:8px;font:inherit;width:180px;max-width:100%;margin-right:8px}.note-area{display:block;width:100%;min-height:100px;padding:15px;font:inherit;border:1px solid #c6d4bd;border-radius:10px;resize:vertical;background:#fff}.study-bottom{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.study-bottom p{font-size:13px}.record{white-space:pre-line;font-size:12px;border-bottom:1px solid #d8e2cf;padding:12px 0;line-height:1.7}.status{font-size:12px;line-height:1.8}.muted{color:#7b8a71;font-size:12px}.empty{padding:40px;background:#edf2e7;border-radius:15px}.base-plot{margin:20px 0;border:1px dashed #bc966d;padding:15px;border-radius:12px}.base-plot summary{font-size:13px;cursor:pointer}.scope{padding:15px 20px;border-radius:12px;background:#ebeee5;color:#6c795f;font-size:12px;line-height:1.8;margin-bottom:25px}.chosen-model{padding:12px 20px;background:#e5eedc;border-radius:12px;font-size:13px}button:disabled{opacity:.5;cursor:default}.concept-list{max-height:600px;overflow:auto;padding-right:8px}#feedback{min-height:26px}@media(max-width:1050px){.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-grid{grid-template-columns:270px minmax(0,1fr)}.model-controls{padding:20px}}@media(max-width:800px){header{align-items:start}header nav{gap:9px;flex-wrap:wrap;justify-content:end}header nav a{font-size:11px}.intro{display:block}.intro h1{font-size:30px}.counter{min-width:0;margin-top:22px}.unit-grid,.unit-body,.study-bottom,.model-grid{grid-template-columns:1fr}.unit-head h1,.model-head h1{font-size:28px}.model-visual{padding:16px}.model-controls label{margin-top:12px}.unit-card{padding:19px}.concept-list{max-height:none}.result strong{font-size:17px}.unit-grid{gap:10px}.scope{font-size:11px}}

.concept-experiment{display:block;padding:10px 12px;border-radius:8px;background:#e6efdf;color:#276545;font-size:12px;line-height:1.7;text-decoration:none}.concept-experiment:hover{background:#d4e6c8}