.karst-lab{--karst-ink:#24483f;--karst-green:#19685b;--karst-line:#d9e0d2;color:var(--karst-ink);background:#f4f3eb;min-height:85vh;padding:40px max(20px,50% - 700px) 28px}.karst-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.karst-back{color:#6e7f70;align-items:center;margin-bottom:24px;font-size:12px;display:inline-flex}.karst-eyebrow{letter-spacing:2.4px;color:#71816e;margin-bottom:9px;font-size:10px;font-weight:600}.karst-header h1{letter-spacing:-1px;font-size:clamp(28px,3.6vw,46px);font-weight:650;line-height:1.3}.karst-header h1 span{color:#6e876f}.karst-intro{color:#6e7b6b;margin-top:14px;font-size:14px;line-height:1.8}.karst-header-note{color:#708169;border-left:1px solid #d2dacb;align-items:center;gap:16px;padding:20px 25px;font-size:12px;line-height:1.9;display:flex}.karst-header-note strong{color:#426451;font-weight:500}.karst-tabs{background:#e8ecdf;border:1px solid #dbe2d2;border-radius:14px;flex-wrap:wrap;gap:8px;margin-bottom:26px;padding:6px;display:flex}.karst-tabs button{white-space:nowrap;color:#637461;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:14px;display:flex}.karst-tabs button[aria-pressed=true]{color:#fff;background:#255b4d;box-shadow:0 3px 8px #24483f15}.karst-workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px;display:grid}.karst-panel{border:1px solid var(--karst-line);background:#fdfcf6;border-radius:18px;min-width:0;overflow:hidden;box-shadow:0 5px 18px #45553b04}.karst-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px;display:flex}.karst-panel h2{font-size:21px;font-weight:600;line-height:1.45}.karst-panel h3{font-size:15px;font-weight:650}.karst-view-switch{background:#eef0e7;border-radius:9px;gap:3px;padding:4px;display:flex}.karst-view-switch button{border-radius:6px;padding:7px 10px;font-size:12px}.karst-view-switch button[aria-pressed=true]{color:#17665a;background:#fff;box-shadow:0 1px 5px #324c3210}.karst-scene{background:#d9eeed;width:100%;height:auto;display:block}.karst-hotspot{cursor:pointer;outline:none}.karst-hotspot:hover>circle:first-child,.karst-hotspot:focus>circle:first-child{stroke:#c7963d;stroke-width:4px}.karst-scene-toolbar{flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px 8px;font-size:12px;display:flex}.karst-lab button{cursor:pointer;transition:background .15s,color .15s}.karst-lab button:disabled{opacity:.45;cursor:not-allowed}.karst-lab button:focus-visible,.karst-lab input:focus-visible,.karst-lab textarea:focus-visible,.karst-lab a:focus-visible{outline-offset:3px;outline:3px solid #bb913e}.karst-scene-toolbar button,.karst-row button{border:1px solid var(--karst-line);border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:inline-flex}.karst-scene-toolbar label{align-items:center;gap:6px;display:flex}.karst-lab input[type=checkbox],.karst-lab input[type=radio],.karst-lab input[type=range]{accent-color:#216c59}.karst-timeline{color:#6f7e6d;align-items:center;gap:12px;padding:12px 24px;font-size:11px;display:flex}.karst-timeline input{flex:1;min-width:0}.karst-footnote{color:#7b8575;margin-top:10px;font-size:11px;line-height:1.8}.karst-main-scene>.karst-footnote{margin:0 24px 20px}.karst-sidebar{flex-direction:column;gap:18px;display:flex}.karst-detail{padding:25px}.karst-explanation{color:#5f705e;margin-top:14px;font-size:13px;line-height:1.95}.karst-evidence{background:#edf1e5;border:1px solid #dce4d1;border-radius:12px;align-items:flex-start;gap:12px;margin-top:18px;padding:16px;font-size:13px;line-height:1.8;display:flex}.karst-evidence svg{color:#547e64;flex-shrink:0;margin-top:4px}.karst-feature-list{grid-template-columns:1fr 1fr;gap:7px;margin-top:15px;display:grid}.karst-feature-list button{text-align:left;background:#f1f2e9;border:1px solid #0000;border-radius:8px;padding:9px 8px;font-size:12px}.karst-feature-list button small{color:#8c9483;margin-bottom:3px;font-size:9px;display:block}.karst-feature-list button[aria-pressed=true]{background:#e3ecdb;border-color:#55876c}.karst-next{color:#fff;background:#265c4e;border-radius:12px;justify-content:space-between;align-items:center;padding:18px;font-size:12px;line-height:1.7;display:flex}.karst-equation{text-align:center;background:#f2ecdc;border:1px solid #e6dfc9;border-radius:10px;margin:18px 0;padding:17px 12px;font-size:12px;line-height:1.8}.karst-equation small{color:#8b8064;margin-top:8px;font-size:10px;display:block}.karst-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.karst-step-strip{border-top:1px solid var(--karst-line);grid-template-columns:repeat(4,1fr);display:grid}.karst-step-strip button{justify-content:center;align-items:center;gap:7px;padding:16px 8px;font-size:12px;display:flex}.karst-step-strip button span{color:#9a9e89;font-size:10px}.karst-step-strip button[aria-pressed=true]{color:#19685b;background:#e8efdf}.karst-experiment-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:22px;display:grid}.karst-experiment-list{flex-direction:column;gap:8px;margin:20px 0;display:flex}.karst-experiment-list button{text-align:left;border:1px solid var(--karst-line);border-radius:10px;align-items:center;gap:14px;padding:15px 12px;display:flex}.karst-experiment-list button>span{color:#829079;font-size:13px}.karst-experiment-list strong{font-size:13px;font-weight:600}.karst-experiment-list small{color:#84917b;margin-top:4px;font-size:10px;display:block}.karst-experiment-list button[aria-pressed=true]{background:#e5eddb;border-color:#7d9c74}.karst-question{background:#f2f0e4;border-radius:12px;padding:15px;font-size:12px;line-height:1.8}.karst-question label{align-items:start;gap:8px;margin-top:13px;display:flex}.karst-question input{flex-shrink:0;margin-top:5px}.karst-slider{margin:20px 0;display:block}.karst-slider>span{justify-content:space-between;font-size:12px;display:flex}.karst-slider strong{color:#216c59;font-size:13px}.karst-slider input{width:100%;margin-top:10px;display:block}.karst-slider small{color:#8a9481;margin-top:6px;font-size:10px;display:block}.karst-primary{color:#fff;background:#265c4e;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-size:12px;display:inline-flex}.karst-row .karst-primary{padding:10px 15px}.karst-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.karst-comparison .karst-panel-heading{padding:20px}.karst-comparison h2{font-size:17px}.karst-chip{color:#7b8166;background:#f1f1e5;border:1px solid #d7ddc9;border-radius:6px;margin-top:5px;padding:5px 8px;font-size:10px;display:inline-block}.karst-metrics{grid-template-columns:repeat(3,1fr);gap:8px;padding:16px;display:grid}.karst-metrics>div{border-right:1px solid #e3e7da}.karst-metrics>div:last-child{border:0}.karst-metrics span{color:#829079;font-size:10px;display:block}.karst-metrics strong{margin-top:6px;font-size:24px;font-weight:500;display:block}.karst-metrics small{color:#97a28e;font-size:10px}.karst-water-balance{grid-template-columns:1fr 1fr;gap:24px;margin-top:18px;font-size:12px;display:grid}.karst-water-balance small{color:#7b8874;font-size:10px}.karst-balance-track{background:#dabd83;border-radius:9px;height:9px;margin:9px 0;overflow:hidden}.karst-balance-track span{background:#459aa1;height:100%;transition:width .2s;display:block}.karst-note-label{margin:20px 0 15px;font-size:12px;display:block}.karst-note-label textarea{resize:vertical;background:#fafbf5;border:1px solid #d9e0d2;border-radius:10px;width:100%;margin-top:9px;padding:12px;font-size:13px;line-height:1.8;display:block}.karst-conclusion{background:#eaf0e2;border-left:3px solid #4c8266;border-radius:0 10px 10px 0;margin-top:20px;padding:15px 18px;font-size:13px;line-height:1.9}.karst-case-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.karst-case-map{z-index:0;background:#eaf0e5;border:1px solid #d4dfcc;border-radius:12px;height:340px;margin-top:20px}.karst-case-map .leaflet-tooltip{color:#335e4c;box-shadow:none;border:1px solid #d8dfce;font-size:11px}.karst-case-buttons{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.karst-case-buttons button{border:1px solid var(--karst-line);border-radius:8px;align-items:center;gap:6px;padding:10px;font-size:12px;display:flex}.karst-case-buttons button[aria-pressed=true]{background:#e4eddb;border-color:#6b9574}.karst-case-facts article{margin-top:20px}.karst-case-facts p{color:#667760;margin-top:7px;font-size:13px;line-height:1.95}.karst-case-table table{border-collapse:collapse;width:100%;margin-top:22px;font-size:12px}.karst-case-table caption{text-align:left;margin-bottom:12px;font-size:14px;font-weight:600}.karst-case-table th,.karst-case-table td{text-align:left;border-bottom:1px solid #dde3d4;padding:12px 6px}.karst-case-table th{color:#88917c;font-weight:500}.karst-source{color:#286d5b;text-underline-offset:4px;margin-top:10px;font-size:12px;text-decoration:underline;display:inline-block}.karst-footer{color:#7e8b76;border-top:1px solid #d8dfce;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:32px;padding-top:22px;font-size:11px;display:flex}.karst-footer>div{flex-wrap:wrap;gap:20px;display:flex}.karst-history article{border-bottom:1px solid #dde3d4;padding:12px 0;font-size:12px}.karst-history small{float:right;color:#8b957e}.karst-history p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.karst-history>p{color:#8b957e;padding:15px 0}.karst-flow{animation:2.4s linear infinite karst-flow}.karst-rain{animation:1.3s linear infinite karst-rain}.is-paused .karst-flow,.is-paused .karst-rain{animation-play-state:paused}@keyframes karst-flow{to{stroke-dashoffset:-60px}}@keyframes karst-rain{0%{opacity:0;transform:translateY(-5px)}35%{opacity:.65}to{opacity:0;transform:translateY(90px)}}@media (prefers-reduced-motion:reduce){.karst-flow,.karst-rain{animation:none}}.classroom-active .karst-lab{padding-top:18px}.classroom-active .karst-header{display:none}.classroom-active .karst-workspace{grid-template-columns:minmax(0,1fr) 310px}.classroom-active .karst-tabs{margin-bottom:15px}.classroom-active .karst-detail p{font-size:16px}@media (max-width:1100px){.karst-workspace{grid-template-columns:minmax(0,1fr)}.karst-sidebar{grid-template-columns:1fr 1fr;display:grid}.karst-next{grid-column:1/-1}.karst-experiment-layout{grid-template-columns:270px minmax(0,1fr)}.karst-comparison{grid-template-columns:1fr}}@media (max-width:760px){.karst-lab{padding:24px 16px}.karst-header-note{display:none}.karst-tabs{gap:3px}.karst-tabs button{flex:auto;padding:10px 8px;font-size:12px}.karst-workspace,.karst-experiment-layout,.karst-case-layout,.classroom-active .karst-workspace{grid-template-columns:minmax(0,1fr)}.karst-sidebar{display:flex}.karst-panel-heading,.karst-detail{padding:19px}.karst-comparison{grid-template-columns:1fr}.karst-step-strip button{flex-direction:column}.karst-case-map{height:285px}.karst-header h1{letter-spacing:0}.karst-water-balance{grid-template-columns:1fr;gap:12px}}@media print{.karst-lab{background:#fff;padding:0}.karst-tabs,.karst-scene-toolbar,.karst-timeline{display:none}.karst-panel{break-inside:avoid;box-shadow:none}}.karst-story{max-width:1100px;margin:0 auto;padding:28px}.karst-story-top{color:#6b8068;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;display:flex}.karst-story-top button,.karst-story-bottom>button:first-child{align-items:center;gap:7px;font-size:12px;display:flex}.karst-story>h2{font-size:clamp(22px,3vw,30px)}.karst-story-look{color:#59725c;margin:12px 0 24px;font-size:15px;line-height:1.8}.karst-story-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}.karst-story-pair figure{min-width:0}.karst-story-pair figcaption{color:#7d8a74;margin-bottom:12px;font-size:12px}.karst-story-pair figcaption span{color:#294f43;margin-top:4px;font-size:16px;line-height:1.8;display:block}.karst-story-diagram{width:100%;height:auto;display:block}.karst-story-controls{flex-wrap:wrap;align-items:center;gap:24px;margin:24px 0;display:flex}.karst-story-controls>label{flex:1;align-items:center;gap:15px;min-width:180px;font-size:12px;display:flex}.karst-story-controls input{flex:1;min-width:0}.karst-story-explain{background:#edf1e4;border-radius:12px;padding:20px 24px;font-size:15px;line-height:1.9}.karst-story-explain p{margin-top:8px}.karst-story-explain>span{color:#667854;margin-top:12px;font-size:13px;display:block}.karst-story-bottom{justify-content:space-between;align-items:center;gap:15px;margin:24px 0;font-size:13px;display:flex}.karst-story-check{border-top:1px solid #dbe2d1;padding-top:22px}.karst-story-check h3{margin-bottom:15px;font-size:17px}.karst-story-check .karst-row{flex-wrap:wrap;justify-content:flex-start}.karst-story-check button[aria-pressed=true]{background:#dce9d2;border-color:#638967}.karst-story-check .karst-primary{margin-top:12px}@media (max-width:760px){.karst-story{padding:18px}.karst-story-pair{grid-template-columns:1fr;gap:18px}.karst-story-pair figure:first-child{display:none}.karst-story-controls{gap:16px}.karst-story-bottom{flex-wrap:wrap}.karst-story-explain{padding:17px}.karst-story-diagram{max-height:380px}}@media (prefers-reduced-motion:reduce){.karst-story *{scroll-behavior:auto}}.karst-systems-diagram{border-radius:12px;width:100%;max-height:500px;margin:22px 0;display:block}.karst-form-cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px;display:grid}.karst-form-cards article{background:#f2f5eb;border:1px solid #d4ddcb;border-radius:12px;padding:18px}.karst-form-cards svg{width:100%;height:140px}.karst-form-cards p{margin-top:9px;font-size:13px;line-height:1.9}.karst-tabs button{flex:0 auto}@media (max-width:760px){.karst-form-cards{grid-template-columns:1fr}.karst-systems-diagram{min-height:230px}}.karst-photo-layout{grid-template-columns:1.3fr 1fr;align-items:start;gap:28px;margin-top:24px;display:grid}.karst-documentary-photo{object-fit:contain;background:#e6ecde;border-radius:12px;width:100%;max-height:540px;display:block}.karst-photo-layout figcaption{color:#7e8b74;margin-top:12px;font-size:11px;line-height:1.9}.karst-photo-layout figcaption a{text-underline-offset:3px;text-decoration:underline}.karst-photo-options{gap:12px;margin-top:20px;display:grid}.karst-photo-key{width:100%;margin-top:15px;display:block}.karst-photo-options button{text-align:left;border:1px solid #d5dfcc;border-radius:9px;padding:15px;font-size:14px}.karst-photo-options button[aria-pressed=true]{background:#e4eedb;border-color:#5f8869}.karst-route-steps{flex-wrap:wrap;gap:8px;display:flex}.karst-route-steps button{border:1px solid #d7e0ce;border-radius:9px;padding:10px 14px;font-size:13px}.karst-route-steps button[aria-pressed=true]{background:#e0ebd6;border-color:#648a69}.karst-learning-route{color:#6e7c65;margin:-10px 0 22px;font-size:12px;line-height:1.9}.karst-module-continue{justify-content:flex-end;margin-top:24px;display:flex}@media (max-width:760px){.karst-photo-layout{grid-template-columns:1fr}.karst-question .karst-row{flex-wrap:wrap;justify-content:flex-start}.karst-question button{white-space:normal}}.karst-inquiry-material{background:#f3f5ec;border:1px solid #d5decb;border-radius:12px;margin:24px 0;padding:22px}.karst-simulator-layout{grid-template-columns:260px minmax(0,1fr);gap:24px;margin-top:22px;display:grid}.karst-channel-button{text-align:left;border:1px solid #cad8be;border-radius:9px;width:100%;margin:10px 0;padding:12px;font-size:13px;display:block}.karst-channel-button[aria-pressed=true]{background:#e2ecd9}@media (max-width:760px){.karst-simulator-layout{grid-template-columns:minmax(0,1fr)}}.karst-inquiry-material>p{margin-top:12px;font-size:14px;line-height:1.95}.karst-inquiry-diagram{width:100%;max-height:390px;margin:18px 0;display:block}.karst-inquiry-table{overflow:auto}.karst-inquiry-table table{border-collapse:collapse;width:100%;font-size:13px}.karst-inquiry-table caption{text-align:left;padding:12px 0;font-weight:600}.karst-inquiry-table th,.karst-inquiry-table td{text-align:left;border:1px solid #d4decb;min-width:110px;padding:12px;line-height:1.8}.karst-inquiry-question{border-top:1px solid #d6dfcd;padding:24px 0}.karst-inquiry-question h3{font-size:17px;line-height:1.8}.karst-inquiry-actions{flex-wrap:wrap;justify-content:flex-start}.karst-inquiry-criterion{align-items:flex-start;gap:10px;margin:13px 0;display:flex}.karst-inquiry-criterion input{flex-shrink:0;margin-top:6px}.karst-inquiry-question h4{margin:15px 0 8px;font-weight:650}.karst-inquiry-save{border-top:1px solid #d6dfcd;flex-wrap:wrap;align-items:center;gap:14px;padding-top:22px;display:flex}.karst-inquiry-save button,.karst-inquiry-save select{border:1px solid #d2ddc7;border-radius:8px;max-width:100%;padding:10px;font-size:12px}@media (max-width:760px){.karst-inquiry-material{padding:14px}.karst-inquiry-table table{font-size:12px}.karst-inquiry-diagram{min-height:180px}}