/* V11.9.1 · isolated learning experiences */
.lab-page{padding:14px 0 40px;--forest:#356c58}.lab-crumb{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#5c7787;padding:10px 0 22px}.lab-crumb a{color:#176a8a;font-weight:800}.learning-hero{background:linear-gradient(110deg,#f0f7f4,#f9f9f1);border-radius:23px;border:1px solid #dae7e0;padding:38px 42px;display:grid;grid-template-columns:1.5fr .7fr;gap:28px;align-items:center}.learning-hero h1{font-size:clamp(36px,4.6vw,61px);letter-spacing:-2.5px;line-height:1.1;margin:13px 0}.learning-hero h1 em{font-style:normal;color:#b17d36}.learning-hero p{color:#557080;line-height:1.65;font-size:16px}.learning-hero-fact{border:1px solid #bcd9d4;border-radius:17px;background:#ffffffcd;padding:25px}.learning-hero-fact strong{font-size:18px}.micro-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.micro-tags span{font-size:11px;letter-spacing:.4px;background:white;border:1px solid #d7e8e7;padding:8px 11px;border-radius:20px;color:#466c75;font-weight:700}.hero-key{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:#617a7d}.hero-key span{display:flex;align-items:center;gap:6px}.hero-key i{display:inline-block;width:12px;height:12px;border-radius:50%;background:#fff;border:1px solid #b6c0ba}.hero-key .key-leader{background:#d1a45a}.flock-workspace,.pocket-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(295px,.75fr);gap:18px;margin:22px 0}.flock-main,.flock-controls,.pocket-main,.pocket-controls{background:white;border:1px solid #d7e5e7;padding:23px;border-radius:19px;min-width:0}.scene-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.scene-header h2{font-size:26px;letter-spacing:-1px;margin:5px 0 19px}.scene-clock{color:#416b79;font-size:12px;font-weight:800}.farm-canvas-wrap,.pocket-canvas-wrap{background:#e9f4e9;border:1px solid #c7dcd0;border-radius:17px;overflow:hidden}.farm-canvas-wrap canvas,.pocket-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:930/520}.pocket-canvas-wrap{background:#f8f5eb;border-color:#e8dac4}.farm-live-stats,.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.farm-live-stats>div,.result-tile{padding:14px;background:#f2f8f8;border:1px solid #dfebec;border-radius:13px}.farm-live-stats small,.result-tile small{display:block;font-size:11px;color:#667d8a}.farm-live-stats strong,.result-tile strong{display:block;font-size:26px;font-weight:850;margin:7px 0;color:#17384a}.result-tile em{font-size:11px;color:#627f8a;font-style:normal}.run-buttons{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.lab-btn{background:#eaf4f7;border:1px solid #d0e4e8;border-radius:10px;padding:11px 14px;color:#17485d;font-size:12px;font-weight:800}.lab-btn.primary{background:#12364a;color:white}.lab-btn:disabled{opacity:.45;cursor:default}.speed-select{font-size:12px;font-weight:650;color:#517080}.speed-select select{border:1px solid #c8dce4;padding:9px;border-radius:8px;background:#fff}.flock-controls h2,.pocket-controls h2{font-size:25px;margin:10px 0}.flock-controls>p,.pocket-controls>p{font-size:13px;color:#617788;line-height:1.65}.lab-slider{margin:15px 0}.lab-slider label{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px;font-weight:800}.lab-slider output{color:#1680a0}.lab-slider input[type=range]{width:100%;accent-color:#2388a5;margin-top:7px}.lab-status{margin:17px 0 0;padding:13px;background:#edf7f4;border-radius:11px;color:#315c68;font-size:13px;line-height:1.55}.lab-status[data-risk=true]{background:#fff2e4;color:#85542a}.result-section{margin:28px 0;padding:26px;border:1px solid #dae9ed;border-radius:18px}.result-section h2{font-size:27px;margin:8px 0}.flock-intel{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.flock-intel>div{background:#f0f7f8;border-left:3px solid #36a1a7;padding:16px;border-radius:11px}.flock-intel p,.compare-head p{font-size:13px;color:#597686;line-height:1.65}.compare-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #e3ecec;padding-top:17px}.compare-head h3{margin:4px 0}.compare-panel{overflow-x:auto;border:1px solid #dce7e8;padding:14px;border-radius:10px}.comparison-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.comparison-table th,.comparison-table td{border-bottom:1px solid #e2edef;padding:9px}.comparison-table th{background:#eff6f7}.hint{font-size:11px;line-height:1.6;color:#697f8e}.application-strip{margin:24px 0;padding:30px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-radius:17px;background:linear-gradient(110deg,#11344a,#1f5660);color:white}.application-strip h2{font-size:25px;margin:8px 0}.application-strip p{font-size:13px;color:#d3e4e7;max-width:690px;line-height:1.65}.application-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.application-links a{font-size:12px;border:1px solid #d9eceb80;padding:11px 15px;border-radius:25px}.application-links .primary{background:white;color:#16435c}.pocket-hero{background:linear-gradient(115deg,#f9f5e9,#f4f9f7)}.pocket-hero h1 em{color:#b67835}.pocket-step-info{font-size:14px;color:#667f86;line-height:1.55;margin-top:11px}.pocket-event{padding:13px;margin:15px 0;background:#fff4e7;border:1px solid #ebd9bb;border-radius:12px;font-size:12px;color:#84572a}.pocket-story{margin:15px 0;border-left:3px solid #c88b3f;background:#f8f7f0;padding:14px 17px;border-radius:10px;min-height:58px;font-size:13px;line-height:1.55}.pocket-legend{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;font-size:11px;color:#66808a}.pocket-legend i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:4px;background:#d9ac59}.pocket-legend .res{background:#55a59d}.pocket-legend .spent{background:#bd8351}.new-labs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 27px}.new-lab-card{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:19px;border:1px solid #d9e7e9;border-radius:17px;background:#fafcfc;padding:17px;color:#143b50}.new-lab-card strong{display:block;font-size:20px}.new-lab-card p{font-size:13px;color:#607989;line-height:1.6}.new-lab-card a{color:#097291;font-weight:850}.mini-art{height:122px;border-radius:12px;background:linear-gradient(135deg,#eff7e6,#dfebd3);display:grid;place-items:center;font-size:64px}.mini-art.pocket{background:linear-gradient(135deg,#fff4e1,#f6e9d1)}.method-farm-scene{background:#f0f6ef;border:1px solid #d4e3d7;border-radius:13px;margin:22px 0;overflow:hidden}.method-farm-scene canvas{display:block;width:100%;height:auto;aspect-ratio:930/520}.method-phase-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:11px 0}.method-phase-stats>div{background:#f0f6f7;padding:13px;border-radius:10px}.method-phase-stats small{font-size:11px;color:#577583;display:block}.method-phase-stats strong{font-size:21px;margin-top:5px;display:block}.method-farm-slider{margin:13px 0}.method-farm-slider label{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.method-farm-slider input{width:100%;accent-color:#238ca1}.method-farm-btns{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.method-farm-btns button{padding:11px 16px;border:1px solid #d2e5e6;background:#f2f9fa;border-radius:11px;font-weight:750}.method-farm-btns button.primary{background:#13374e;color:white}.method-live{font-size:13px;color:#5a7a87;padding:10px 0}.method-actions button:disabled{opacity:.5}.scene-header+canvas{width:100%}
@media(max-width:880px){.flock-workspace,.pocket-workspace{grid-template-columns:1fr}.learning-hero{grid-template-columns:1fr}.new-labs{grid-template-columns:1fr}.flock-intel{grid-template-columns:1fr}}@media(max-width:540px){.learning-hero{padding:26px 19px}.flock-main,.flock-controls,.pocket-main,.pocket-controls{padding:14px}.farm-live-stats,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-header{display:block}.scene-header h2{font-size:23px}.new-lab-card{grid-template-columns:1fr}.mini-art{height:110px}.method-phase-stats{grid-template-columns:repeat(3,1fr)}.method-phase-stats strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

.method-farm-btns[hidden],.compare-panel[hidden]{display:none!important}