*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#18313b;background:#f5f7f4}body{margin:0;line-height:1.55}a{color:#006e65}button,input,select,textarea{font:inherit}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}.site-header{background:#102d33;color:#fff}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:68px;gap:16px}.brand{font-weight:750;letter-spacing:.02em}.brand span{font-weight:400;color:#a8d9cc;margin-left:10px}.header-tag{font-size:13px;color:#a8d9cc}.hero{padding:72px 0 52px;max-width:760px}.eyebrow,.card-index,.overline{color:#047c6c;text-transform:uppercase;font-size:12px;letter-spacing:.13em;font-weight:800}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.15;letter-spacing:-.04em;margin:18px 0}.hero p{font-size:19px;color:#50646c;max-width:660px}.hero-note,.notice{background:#e8f3ed;border-left:4px solid #36a58b;border-radius:4px;padding:12px 16px;color:#31574c;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 36px}.course-card{display:flex;flex-direction:column;min-height:260px;padding:28px;border:1px solid #dce7df;background:#fff;border-radius:18px;text-decoration:none;color:inherit;box-shadow:0 8px 30px #173d3310;transition:transform .2s,box-shadow .2s}.course-card:hover,.course-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 36px #173d3323}.course-card h2{font-size:24px;margin:22px 0 8px;letter-spacing:-.02em}.course-card p{color:#60727a;margin:0 0 28px}.card-link{margin-top:auto;color:#00766a;font-weight:750}.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px;background:#e9efeb;border-radius:16px}.info-strip div{display:flex;flex-direction:column;gap:4px}.info-strip strong{font-size:13px;color:#71807c}.info-strip span{font-weight:650}.footer{padding-top:42px;padding-bottom:42px;color:#7c8988;font-size:13px}.back{display:inline-block;margin:28px 0 10px;text-decoration:none;font-size:14px}.page-head{padding:14px 0 28px}.page-head h1{font-size:clamp(30px,4vw,46px);line-height:1.18;margin:12px 0 8px;letter-spacing:-.03em}.page-head p{color:#5b7076;margin:0;max-width:760px}.experiment-grid{display:grid;grid-template-columns:minmax(310px,430px) 1fr;gap:22px;align-items:start}.panel{background:#fff;border:1px solid #dfebe4;border-radius:18px;padding:24px;box-shadow:0 8px 24px #173d330d}.panel h2{font-size:20px;margin:0 0 4px}.panel h3{font-size:15px;margin:24px 0 10px}.panel-sub{font-size:14px;color:#667b80;margin:0 0 20px}.control{padding:14px 0;border-bottom:1px solid #edf1ed}.control:last-child{border-bottom:0}.control-head{display:flex;justify-content:space-between;gap:12px;font-weight:650;font-size:14px}.control small{display:block;color:#71817f;font-size:12px;margin:4px 0 9px}input[type=range]{width:100%;accent-color:#087b70;cursor:pointer}input[type=number],select,textarea{width:100%;border:1px solid #cbdad4;border-radius:9px;padding:10px 12px;background:#fff;color:#18313b}input[type=checkbox]{accent-color:#087b70;width:18px;height:18px;vertical-align:middle}.field-label{display:block;font-weight:650;font-size:14px;margin:15px 0 6px}.field-hint{font-size:12px;color:#72847d;margin:5px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.metric{background:#f0f6f1;border-radius:12px;padding:16px;min-height:110px}.metric .label{font-size:12px;color:#52736b}.metric .value{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.25;margin:6px 0}.metric .unit{font-size:12px;color:#70817d}.metric.warn{background:#fff4e9}.metric.warn .value{color:#a85912}.metric.good{background:#e5f4ed}.metric.good .value{color:#087a63}.status{padding:11px 14px;border-radius:9px;font-weight:650;font-size:14px;margin:12px 0;background:#e6f4ed;color:#1e7056}.status.bad{background:#fff0e9;color:#a34224}.chart{margin:20px 0;background:#fbfcfa;border:1px solid #e6ede8;border-radius:12px;padding:18px}.chart-title{font-weight:750;font-size:14px;margin-bottom:14px}.bar-row{display:grid;grid-template-columns:130px 1fr 74px;align-items:center;gap:10px;margin:12px 0;font-size:13px}.bar-track{height:12px;background:#e6eee9;border-radius:10px;overflow:hidden}.bar-fill{height:100%;background:#008474;border-radius:10px}.bar-fill.alt{background:#e6a35a}.bar-fill.third{background:#567ba0}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.button{border:0;border-radius:9px;background:#087b70;color:white;padding:11px 17px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.button.secondary{background:#edf4ee;color:#1c5f55}.button:hover{filter:brightness(.94)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0 40px}.step{background:#fff;border:1px solid #dfebe4;border-radius:13px;padding:16px;font-size:14px;color:#536a6b}.step strong{display:block;color:#203b3e;margin-bottom:4px}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f0f4f0;padding:12px 14px;border-radius:9px;overflow:auto;font-size:12px}.detail{margin:24px 0 40px}.detail summary{cursor:pointer;font-weight:750}.detail p,.detail li{font-size:14px;color:#607276}.detail ul{padding-left:20px}.reflection{margin-top:20px}.reflection textarea{min-height:88px;resize:vertical}.mini-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px}.mini-table th,.mini-table td{text-align:left;border-bottom:1px solid #e5ece7;padding:8px 5px}.mini-table th{color:#607771}.mini-table td:last-child,.mini-table th:last-child{text-align:right}.case-tag{font-size:12px;color:#6d817c;margin-top:10px}.legend{display:flex;gap:14px;flex-wrap:wrap;color:#607771;font-size:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#008474;margin-right:5px}.dot.orange{background:#e6a35a}.dot.blue{background:#567ba0}@media(max-width:850px){.cards,.info-strip,.steps{grid-template-columns:1fr}.experiment-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.wrap{padding:0 16px}.header-tag{display:none}.brand span{display:block;margin:0;font-size:12px}.hero{padding:48px 0 36px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:12px;min-height:100px}.metric .value{font-size:21px}.bar-row{grid-template-columns:100px 1fr 55px}}
.timeline{list-style:none;display:flex;gap:10px;margin:8px 0 30px;padding:0;counter-reset:tl}.tl{flex:1;background:#fff;border:1px solid #dfebe4;border-radius:11px;padding:12px 14px;font-size:13px;font-weight:650;color:#667b80}.tl::before{counter-increment:tl;content:counter(tl) "  ";color:#93a39c;font-weight:800}.tl.active{background:#087b70;border-color:#087b70;color:#fff}.tl.active::before{color:#c7e7e0}.tl.done{background:#e8f3ed;border-color:#b9dccb;color:#256554}.event-card{background:#fff6ec;border:1px solid #f0cda4;border-left:4px solid #e0913f;border-radius:9px;padding:12px 15px;color:#84501a;font-size:14px;font-weight:650;margin:8px 0 6px}.radio-row{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:600;color:#40575e;margin:8px 0}.button:disabled{background:#b7c6c0;cursor:not-allowed}.stage{margin-bottom:24px}
.case-file{border:1px solid #d4e4dc;border-left:4px solid #087b70;border-radius:9px;background:#f7faf7;padding:16px 18px;margin:18px 0;color:#31544c}
.case-file h3{margin:0 0 7px;font-size:15px}
.case-file p{margin:5px 0;font-size:14px}
.case-file .file-meta{font-size:12px;color:#677e77;font-weight:700;letter-spacing:.04em}
.decision-note{border:1px solid #dae7df;border-radius:10px;background:#f6f9f6;padding:14px 16px;margin:16px 0;font-size:14px}
.decision-note strong{display:block;margin-bottom:6px}
.decision-note p{margin:5px 0}
.flow-view{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.flow-view>div{background:#f0f6f1;border:1px solid #dce8df;border-radius:10px;padding:14px}
.flow-view strong,.flow-view span{display:block}
.flow-view strong{font-size:13px;color:#537369}
.flow-view span{font-size:19px;font-weight:750;margin:4px 0}
.flow-view small{display:block;color:#667b80}
.compare-bars{display:grid;gap:12px;margin:16px 0}
.compare-bars>div{display:grid;grid-template-columns:minmax(135px,1fr) 3fr auto;align-items:center;gap:12px;font-size:13px}
.compare-bars meter{width:100%;height:16px;accent-color:#087b70}
.compare-bars strong{font-variant-numeric:tabular-nums}
@media(max-width:700px){.timeline{flex-wrap:wrap}.tl{flex:1 1 28%}.flow-view{grid-template-columns:1fr}.compare-bars>div{grid-template-columns:1fr auto}.compare-bars meter{grid-column:1/-1;grid-row:2}}