/* Náttúruheimurinn v5 · Loftslagsheimurinn */
.cl-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;min-height:390px;gap:15px;padding:40px 40px 36px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 72% 45%,rgba(54,163,159,.21),transparent 42%),radial-gradient(circle at 14% 110%,#1c5b5b78,transparent 50%),linear-gradient(120deg,#0d3245,#0c263a 66%,#102a44);border:1px solid #3b7778;isolation:isolate;color:#edfef7}
.cl-hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.16;background-image:radial-gradient(#e5fff7 1px,transparent 1px);background-size:31px 31px}
.cl-hero-copy{position:relative;z-index:2}.cl-eyebrow{display:inline-block;font-size:.7rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#75ebbb}
.cl-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,4.15vw,4.25rem);font-weight:500;line-height:1.1;letter-spacing:-.054em;margin:14px 0 14px}.cl-hero h1 em{font-style:normal;color:#a0f5c3}
.cl-hero-copy>p{color:#d5eeeb;font-size:.95rem;max-width:600px;line-height:1.72;margin:0 0 21px}.cl-hero-copy>small{display:block;color:#a8c8ca;font-size:.72rem;margin-top:17px;line-height:1.5}.cl-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.cl-actions .btn{min-height:44px}
.cl-earth-scene{height:300px;position:relative;display:grid;place-items:center;min-width:0}.cl-earth{position:relative;width:clamp(190px,23vw,270px);height:clamp(190px,23vw,270px);border-radius:50%;overflow:hidden;background:radial-gradient(circle at 29% 24%,#5ce6d5,#1a819b 31%,#0c4566 66%,#071c30 90%);box-shadow:inset -27px -24px 47px #061626b8,inset 12px 14px 28px #8afff429,0 0 0 14px #60ead809,0 0 70px #57e4b735;animation:cl-earth-float 8s ease-in-out infinite}
.cl-earth-texture{position:absolute;inset:0;background-image:url(assets/world-climate.svg);background-size:580px 277px;background-position:center;opacity:.54;mix-blend-mode:screen;animation:cl-earth-spin 45s linear infinite}.cl-earth-shine{position:absolute;inset:0;background:radial-gradient(ellipse at 28% 25%,#ffffff59,transparent 42%)}.cl-space-ring{position:absolute;width:90%;height:79%;border:1px solid #9dfae535;border-radius:50%;transform:rotate(-27deg);animation:cl-ring 50s linear infinite}.cl-r2{width:97%;height:68%;transform:rotate(54deg);animation-duration:35s;animation-direction:reverse;border-color:#72e8ec3c}.cl-space-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#9ef4be;box-shadow:0 0 16px #a1ffe9}.cl-d1{top:28%;left:10%}.cl-d2{bottom:14%;right:19%;width:7px;height:7px}.cl-d3{top:15%;right:11%;width:5px;height:5px}.cl-orbit-caption{position:absolute;bottom:-9px;font-weight:800;letter-spacing:.2em;color:#a3d6d2;font-size:.61rem}
@keyframes cl-earth-float{50%{transform:translateY(-10px)}}@keyframes cl-earth-spin{to{background-position:580px center}}@keyframes cl-ring{to{transform:rotate(333deg)}}
.cl-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 8px}.cl-kpi{padding:21px 21px 17px;border:1px solid #41727884;background:linear-gradient(140deg,#183747,#183241);border-radius:20px;min-width:0;display:flex;flex-direction:column;gap:4px}.cl-kpi>span{font-size:1.4rem}.cl-kpi strong{font-size:clamp(1.35rem,2.55vw,2.35rem);color:#9df3c8;line-height:1.18;letter-spacing:-.04em}.cl-kpi small{font-size:.73rem;line-height:1.58;color:#b8d3d8}.cl-caption{font-size:.73rem;color:var(--muted);line-height:1.6;margin:9px 3px 24px}.cl-caption a,.cl-source-mini a{color:#88ecc1;text-decoration:underline;text-underline-offset:3px}
.cl-subhead{margin:39px 0 17px}.cl-subhead h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.045em;font-size:clamp(1.65rem,2.8vw,2.4rem);margin:4px 0 1px}.cl-subhead p{margin:5px 0 0;color:var(--muted);font-size:.85rem}
.cl-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.cl-tool{display:flex;flex-direction:column;min-height:208px;padding:21px;background:radial-gradient(circle at 110% -10%,#48cbbd2d,transparent 62%),linear-gradient(150deg,#1b4552,#142d3c);border:1px solid #44737990;border-radius:22px;transition:transform .17s,border-color .17s,box-shadow .17s}.cl-tool:hover{transform:translateY(-4px);border-color:#78edbb;box-shadow:0 16px 25px #06132077}.cl-tool-icon{display:block;font-size:2.35rem;margin:0 0 7px;line-height:1.35}.cl-tool-badge{font-size:.59rem;letter-spacing:.13em;color:#8aefca;font-weight:850}.cl-tool h3{font-size:1.18rem;letter-spacing:-.028em;line-height:1.22;margin:8px 0 7px}.cl-tool p{color:#c2d9dc;font-size:.78rem;line-height:1.55;flex:1;margin:0 0 12px}.cl-tool-link{color:#a0f6c8;font-size:.75rem;font-weight:800}.cl-city,.cl-future{background:radial-gradient(circle at 90% 5%,#bf8e563e,transparent 70%),linear-gradient(138deg,#343950,#173b4f)}.cl-sun,.cl-fact{background:radial-gradient(circle at 90% 0%,#5c9bb13a,transparent 70%),linear-gradient(140deg,#194a5a,#1b3546)}
.cl-lesson-list{display:grid;gap:9px}.cl-lesson-row{display:flex;gap:15px;align-items:center;padding:15px 20px;min-width:0;background:linear-gradient(115deg,#1a3645,#132c3a);border:1px solid #43667373;border-radius:17px;transition:border-color .2s,background .2s}.cl-lesson-row:hover{border-color:#83ecc3;background:#1c4950}.cl-lesson-num{font-size:.72rem;color:#88b2b7;font-weight:900;letter-spacing:.08em}.cl-lesson-symbol{display:grid;place-items:center;font-size:1.55rem;width:45px;height:45px;flex-shrink:0;border-radius:13px;background:#2a62607f}.cl-lesson-summary{flex:1;min-width:0;display:grid;gap:2px}.cl-lesson-summary strong{font-size:1.01rem;line-height:1.25}.cl-lesson-summary small{color:#bdd1d8;font-size:.73rem;line-height:1.4}.cl-progress-track{height:7px;background:#7ca6aa35;overflow:hidden;border-radius:40px;display:block;margin-top:7px}.cl-progress-track i{display:block;height:100%;border-radius:40px;background:linear-gradient(90deg,#43dcb0,#97efbf);transition:width .25s}.cl-lesson-percent{color:#9fe6c8;font-weight:800;font-size:.78rem}.cl-arrow{font-size:1.4rem;color:#aafad5}
.cl-spotlight{margin:30px 0 22px;border:1px solid #577876;position:relative;overflow:hidden;background:linear-gradient(120deg,#173e49,#22464c);border-radius:22px;padding:25px 28px}.cl-spotlight:after{content:'🌎';font-size:6.4rem;position:absolute;right:24px;top:0;opacity:.16;pointer-events:none}.cl-spotlight h2{margin:6px 0;font-family:Georgia,serif;font-size:1.7rem}.cl-spotlight p{max-width:710px;font-size:.84rem;color:#d4e9e9}.cl-info{font-size:.79rem;line-height:1.68;color:#e0f3ed;border:1px solid #45746d;background:#19433f92;border-radius:14px;padding:15px 18px;margin:18px 0}.cl-info strong{color:#a5f8c8}.cl-shortcuts{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 28px}.cl-shortcuts a{font-size:.75rem;border:1px solid #436b72;background:#1a3643;color:#c9ebe0;padding:8px 11px;border-radius:11px;font-weight:750}.cl-shortcuts a:hover{background:#285052;color:#fff}
.cl-heading{margin:0 0 15px}.cl-back{display:inline-flex;margin-bottom:16px;color:#96eac2;font-size:.8rem;font-weight:750}.cl-heading h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-.044em;font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.13;margin:7px 0 11px}.cl-heading p{color:#bbd0d6;max-width:790px;line-height:1.66;font-size:.95rem;margin:0}.cl-panel{border:1px solid #4668728a;border-radius:23px;background:linear-gradient(150deg,#1a3645,#122b3b);padding:24px;box-shadow:0 12px 35px #08162231;min-width:0}.cl-panel h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.03em;font-size:1.45rem;margin:5px 0 15px}.cl-panel h3{font-size:1.02rem;margin:10px 0}.cl-panel p{font-size:.83rem;line-height:1.72;color:#c5dadd}.cl-section-tag{font-size:.63rem;font-weight:850;color:#90edc4;text-transform:uppercase;letter-spacing:.14em}.cl-fact{display:flex;gap:12px;padding:15px;background:#285b4d8c;border:1px solid #5d9d81;border-radius:16px;margin:18px 0}.cl-fact>span{font-size:1.8rem;color:#a3edc3}.cl-fact strong{color:#bcfad5}.cl-fact p{margin:2px 0;color:#dcf6eb}.cl-goals{padding:0;list-style:none;display:grid;gap:8px;margin:14px 0}.cl-goals li{font-size:.84rem;color:#cfece0}.cl-source-mini{color:#9aafb9;font-size:.7rem!important;line-height:1.6;margin:18px 0 0!important}
.cl-lesson-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.76fr);gap:18px;align-items:start;margin-bottom:24px}.cl-reading{display:grid;gap:18px}.cl-reading-card>p{font-size:.92rem;line-height:1.78}.cl-reading-card>h3{color:#e9f9f1}.cl-task{display:grid;gap:9px;margin:18px 0;padding:16px;background:#1030409e;border:1px solid #4a7280;border-radius:15px}.cl-task strong{font-size:.89rem;color:#e8fff2}.cl-task>span{font-size:.79rem;color:#c7dfe3}.cl-task textarea,.cl-region-question textarea{min-height:120px;font-size:.85rem;background:#102637;border-color:#447083;resize:vertical}.cl-task small,.cl-region-question small{font-size:.65rem;color:#91bcb2}.cl-lesson-side{display:grid;gap:15px;position:sticky;top:98px}.cl-lesson-side .btn{display:flex;margin-top:10px}.cl-status-card>strong{display:block;font-size:2.4rem;line-height:1.3;color:#a5f6c6}.cl-status-card p{font-size:.74rem;margin:8px 0}.cl-quiz-area{margin:24px 0 18px}.cl-quiz-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.cl-quiz-top h2{margin:3px 0}.cl-quiz-top p{margin:2px 0}.cl-question-grid{display:grid;gap:13px}.cl-question{padding:17px;border:1px solid #456b77;border-radius:17px;background:#122d3c}.cl-question-head{display:flex;gap:13px;align-items:flex-start}.cl-question-index{color:#8bf0c0;background:#27615e;font-weight:850;font-size:.7rem;padding:7px 9px;border-radius:9px}.cl-question h3{font-size:.94rem;line-height:1.45;margin:5px 0 16px;font-weight:740}.cl-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cl-choice{display:flex;gap:10px;align-items:flex-start;text-align:left;background:#1c3a49;color:#e4f6f0;border:1px solid #436879;border-radius:11px;min-height:55px;padding:10px 12px;font-size:.79rem}.cl-choice span{background:#365c66;border-radius:7px;padding:2px 8px;flex-shrink:0;font-weight:850;color:#ecfff3}.cl-choice:hover:not(:disabled){background:#285569;border-color:#8bebbf}.cl-choice:disabled{cursor:default;opacity:.8}.cl-choice.cl-good{border-color:#57d5a1;background:#235e50;opacity:1}.cl-choice.cl-bad{border-color:#d89999;background:#623940;opacity:1}.cl-answer-explain{background:#1f5146;border:1px solid #4dc093;color:#defbeb;padding:13px 16px;border-radius:12px;font-size:.78rem;line-height:1.65;margin-top:14px}.cl-answer-explain.cl-no{background:#493a3e;border-color:#9c817e}.cl-answer-explain p{margin:6px 0 0;color:inherit}.cl-next-lesson{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:17px}.cl-next-lesson a,.cl-internal-link{color:#9bf3c9;font-weight:780;font-size:.84rem}
.cl-map-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.cl-map-controls .cl-eyebrow{margin-right:auto}.cl-map-controls label{font-size:.76rem;font-weight:750;color:#c6e4dc;display:flex;gap:8px;align-items:center}.cl-map-controls select{font-size:.78rem;padding:9px 11px;max-width:230px}.cl-map-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(295px,.9fr);gap:16px;align-items:start}.cl-worldmap{position:relative;border-radius:23px;overflow:hidden;aspect-ratio:1200/570;background:#10354c;border:1px solid #4b7d87;box-shadow:inset 0 0 50px #071724}.cl-worldmap img{display:block;width:100%;height:100%;object-fit:fill}.cl-map-pin{position:absolute;border:2px solid #abf2d1;color:#fff;background:linear-gradient(#275b64,#193342);box-shadow:0 0 0 4px #0c243875,0 8px 20px #021017b6;transform:translate(-50%,-50%);border-radius:50%;width:clamp(22px,2.7vw,34px);height:clamp(22px,2.7vw,34px);min-width:22px;display:grid;place-items:center;font-size:clamp(.66rem,1.5vw,1rem);z-index:2;transition:transform .16s}.cl-map-pin:hover,.cl-map-pin.cl-selected{transform:translate(-50%,-50%) scale(1.27);border-color:#ffe4a0;background:#266853;z-index:4}.cl-map-pin.cl-selected:after{content:'';position:absolute;inset:-8px;border:1px solid #fee1a1a3;border-radius:50%;animation:cl-pin-ripple 2.4s ease-in-out infinite;pointer-events:none}.cl-map-watermark{position:absolute;left:14px;bottom:12px;color:#c5e5ec;font-size:.62rem;font-weight:850;letter-spacing:.14em;background:#0d3449aa;border-radius:8px;padding:5px 9px;pointer-events:none}.cl-map-disclaimer{font-size:.7rem;color:#aac8cc;margin:10px 3px}.cl-map-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.67rem;color:#b8d8dd;margin-bottom:17px}.cl-map-legend span{display:flex;gap:6px;align-items:center}.cl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#6ceabf}.cl-dot.cl-hiti{background:#ffb36b}.cl-dot.cl-vatn{background:#80b7fc}.cl-dot.cl-haf{background:#7de1ee}.cl-dot.cl-is{background:#b5e1e4}.cl-dot.cl-lif{background:#93e8a3}@keyframes cl-pin-ripple{50%{opacity:.3;transform:scale(1.14)}}.cl-map-insight h3{margin:0}.cl-map-insight p{margin:7px 0 0}.cl-region-detail{position:sticky;top:97px}.cl-region-overline{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;color:#8decc7;font-size:.66rem;font-weight:850;letter-spacing:.06em}.cl-region-overline span:last-child{color:#b9d2d1;font-weight:650}.cl-region-detail h2{font-size:2rem;margin:13px 0 3px}.cl-impact-big{display:inline-block;color:#c5ffdc;font-size:.85rem;font-weight:800}.cl-region-facts{display:grid;gap:14px;margin:22px 0}.cl-region-facts>div{padding-bottom:12px;border-bottom:1px solid #ffffff1a}.cl-region-facts strong{font-size:.83rem;color:#d2f8e5}.cl-region-facts p{margin:6px 0 0;color:#c2d5dc;font-size:.79rem}.cl-region-question{background:#28564e67;border:1px solid #477c70;border-radius:15px;padding:14px}.cl-region-question strong{font-size:.81rem;color:#bdf5d8}.cl-region-question p{font-size:.77rem;margin:6px 0 9px}.cl-region-question textarea{width:100%;min-height:100px;margin:0}.cl-region-question small{display:block;margin-top:5px}
.cl-sim-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:16px}.cl-sim-graphic{border-radius:18px;overflow:hidden;border:1px solid #53858a;--cl-out:.741;--cl-back:.528}.cl-sim-graphic svg{display:block;width:100%;height:auto}.cl-sim-graphic #clOutArrow{opacity:var(--cl-out);transition:opacity .2s}.cl-sim-graphic #clBackArrow{opacity:var(--cl-back);transition:opacity .2s}.cl-sim-key{display:flex;flex-wrap:wrap;gap:18px;margin:16px 0}.cl-sim-key span{font-size:.72rem;color:#c4e4e1;display:flex;gap:7px;align-items:center}.cl-sim-key i{width:13px;height:13px;border-radius:4px;display:inline-block}.cl-gold{background:#ffd36e}.cl-red{background:#ff937e}.cl-turq{background:#81f1e3}.cl-sim-controls h2{font-family:Georgia,serif;line-height:1.3;font-size:1.7rem}.cl-range-label{display:flex;gap:10px;justify-content:space-between;color:#d8efe9;font-size:.84rem;font-weight:800;margin-top:23px}.cl-range-label strong{color:#a4f4c8}.cl-sim-controls input[type=range]{width:100%;height:11px;accent-color:#70e8bc;cursor:pointer;padding:0;margin:22px 0 8px}.cl-range-edge{display:flex;justify-content:space-between;font-size:.7rem;color:#a9c9cd}.cl-sim-response{font-size:.83rem;color:#e4f9ec;background:#245c4d;border:1px solid #57977c;padding:16px;border-radius:14px;line-height:1.75;margin:22px 0}.cl-sim-caveat{border-top:1px solid #fff2;margin-top:22px;padding-top:14px}.cl-sim-caveat strong{font-size:.82rem;color:#a4efc5}.cl-sim-caveat p{font-size:.75rem}.cl-sim-controls .btn{margin-bottom:8px}
.cl-scenarios{display:flex;gap:13px;flex-wrap:wrap;margin:16px 0}.cl-scenario-btn{background:#203f4d;color:#d5f6e9;border:1px solid #5a8d8d;border-radius:13px;padding:13px 22px;font-size:1.25rem;font-weight:850}.cl-scenario-btn:hover,.cl-scenario-btn.on{background:#2e7466;border-color:#9af4be;color:#fff;box-shadow:0 0 0 2px #a5ffd71d}.cl-scenario-stage{display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:center;min-height:206px;border:1px solid #497d80;padding:20px;border-radius:18px;background:linear-gradient(112deg,#175e64,#204452)}.cl-warm-2{background:linear-gradient(110deg,#375c61,#56503f)}.cl-warm-3{background:linear-gradient(110deg,#675044,#3e4351)}.cl-scenario-thermo{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#102c3bb5;border:1px solid #86aa9880;border-radius:17px;padding:18px;text-align:center}.cl-scenario-thermo span{font-size:2.5rem}.cl-scenario-thermo strong{font-size:2rem;line-height:1.35;color:#f6e5ae}.cl-scenario-thermo small{font-size:.58rem;letter-spacing:.15em;color:#c6dad2}.cl-scenario-stage h2{font-size:2rem;line-height:1.18;margin:8px 0}.cl-scenario-stage p{color:#eef9ef;margin:3px 0;font-size:.85rem}.cl-risk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.cl-risk{background:#153d4c;border:1px solid #44727e;border-radius:16px;padding:17px}.cl-risk>span{font-size:1.6rem;display:block}.cl-risk strong{display:block;font-size:.93rem;margin:7px 0}.cl-risk p{font-size:.77rem;margin:5px 0}
.cl-myth{max-width:900px;margin:0 auto}.cl-myth-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.cl-pill{border-radius:20px;background:#245e53;padding:6px 12px;color:#c6ffe1;font-size:.74rem;font-weight:700}.cl-myth-progress{height:6px;border-radius:10px;background:#224e55;margin:21px 0;overflow:hidden}.cl-myth-progress i{display:block;background:#94fac6;height:100%}.cl-myth-icon{font-size:3.1rem;text-align:center;margin:24px 0 4px}.cl-myth>h2{max-width:720px;text-align:center;font-size:clamp(1.45rem,2.7vw,2.1rem);margin:15px auto;line-height:1.42}.cl-myth>p{text-align:center}.cl-myth-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:490px;margin:22px auto}.cl-myth-options .btn{font-size:1.03rem;min-height:60px}.cl-myth-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px 0 8px}
.cl-game-head{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,1.05fr);gap:16px;align-items:stretch;margin:20px 0}.cl-city-scene{min-height:210px;border:1px solid #526b74;border-radius:20px;background:radial-gradient(circle at 78% 17%,#fecc7b85,transparent 25%),linear-gradient(180deg,#183c59 5%,#366873 74%,#184740 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.cl-city-sky{align-self:end;margin-right:40px;color:#ffe0a2}.cl-city-buildings{font-size:clamp(4rem,8vw,7rem);line-height:1.4;filter:drop-shadow(0 5px 12px #061726)}.cl-city-park{font-size:2.4rem;line-height:1}.cl-gauges{padding:16px 23px;display:flex;flex-direction:column;justify-content:center;gap:20px;border:1px solid #47747c;border-radius:20px;background:#153749}.cl-gauge>div:first-child{display:flex;justify-content:space-between;gap:10px;color:#d4f5e6;font-size:.75rem;font-weight:800}.cl-gauge strong{color:#a4f1ca;font-size:.74rem}.cl-decision-title{display:flex;gap:20px;align-items:center}.cl-decision-title>span{font-size:2.5rem}.cl-decision-title h2{font-size:1.7rem;margin:0}.cl-decision-title p{margin:5px 0}.cl-decision-options{display:grid;gap:10px;margin:23px 0 11px}.cl-decision-options button{display:flex;align-items:center;text-align:left;gap:13px;min-height:78px;border:1px solid #4d7881;border-radius:15px;background:#1e4251;color:#e7f6f0;padding:15px;transition:background .2s,border-color .2s}.cl-decision-options button:hover{background:#2a5e67;border-color:#85efbd}.cl-option-num{font-size:1.2rem;font-weight:900;background:#235e54;padding:10px 15px;border-radius:11px;color:#adffd6}.cl-decision-options button>span:nth-child(2){flex:1;display:grid;gap:4px}.cl-decision-options strong{font-size:.86rem}.cl-decision-options small{font-size:.73rem;color:#bad3d4}.cl-decision-prev{margin-top:23px;background:#224d4a;padding:15px;border-radius:13px;border:1px solid #51937f}.cl-decision-prev strong{display:block;font-size:.9rem;margin:5px 0}.cl-decision-prev p{margin:3px 0}.cl-game-done{text-align:center}.cl-done-medal{font-size:3.5rem}.cl-game-recap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;text-align:left;margin:20px 0}.cl-game-recap>div{padding:14px;background:#1c3d4b;border:1px solid #476978;border-radius:12px;display:grid;gap:5px}.cl-game-recap strong{font-size:.83rem}.cl-game-recap span{color:#b8f4d4;font-size:.76rem}.cl-game-recap small{color:#bfd6d6;font-size:.72rem}.cl-game-done .cl-task{text-align:left}.cl-game-done .cl-actions{justify-content:center}
.cl-source-intro p{max-width:1000px}.cl-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.cl-source{display:flex;flex-direction:column;align-items:start}.cl-source h2{font-size:1.23rem}.cl-source p{margin:6px 0}.cl-source .btn{margin-top:auto}.cl-credibility p{font-size:.83rem;line-height:1.7}.cl-teacher-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.cl-teacher-grid ol{font-size:.83rem;line-height:1.9;color:#c6dad7;padding-left:20px}.cl-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.cl-badge{display:grid;justify-items:center;text-align:center;gap:6px;min-height:180px;padding:21px 14px;border-radius:20px;border:1px solid #406475;background:#193748;filter:grayscale(.55)}.cl-badge.won{filter:none;border-color:#6abf91;background:linear-gradient(145deg,#225d50,#1b4550)}.cl-badge span{font-size:2.7rem}.cl-badge strong{font-size:.86rem}.cl-badge small{color:#c4dddc;font-size:.72rem;line-height:1.5}
body.light-mode .cl-heading h1,body.light-mode .cl-subhead h2,body.light-mode .cl-panel h2,body.light-mode .cl-panel h3{color:#133f40}body.light-mode .cl-heading p,body.light-mode .cl-subhead p{color:#4c6d70}body.light-mode .cl-panel,body.light-mode .cl-kpi,body.light-mode .cl-lesson-row,body.light-mode .cl-source,body.light-mode .cl-risk,body.light-mode .cl-badge{background:#fff;color:#173b43;border-color:#a8c8c7}body.light-mode .cl-panel p,body.light-mode .cl-panel li,body.light-mode .cl-panel .cl-task>span,body.light-mode .cl-lesson-summary small,body.light-mode .cl-lesson-side p{color:#4c6870}body.light-mode .cl-panel .cl-section-tag,body.light-mode .cl-eyebrow,body.light-mode .cl-source-mini a,body.light-mode .cl-caption a{color:#168058}body.light-mode .cl-lesson-row strong,body.light-mode .cl-lesson-row .cl-lesson-percent{color:#1f664d}body.light-mode .cl-tool,body.light-mode .cl-hero,body.light-mode .cl-spotlight{color:#f5fffa}body.light-mode .cl-kpi strong{color:#16805b}body.light-mode .cl-kpi small{color:#496669}body.light-mode .cl-info,body.light-mode .cl-fact,body.light-mode .cl-region-question{color:#1d4a43;background:#ddf5e8;border-color:#a0d3b8}body.light-mode .cl-info strong,body.light-mode .cl-fact strong,body.light-mode .cl-region-question strong{color:#146349}body.light-mode .cl-info p,body.light-mode .cl-fact p,body.light-mode .cl-region-question p{color:#28594e}body.light-mode .cl-shortcuts a,body.light-mode .cl-map-controls label,body.light-mode .cl-range-label{color:#28514f}body.light-mode .cl-shortcuts a{background:#e0f3eb;border-color:#a5ccc0}body.light-mode .cl-task,body.light-mode .cl-question{background:#eff7f6;border-color:#b6d5d4;color:#153b40}body.light-mode .cl-task strong,body.light-mode .cl-question h3{color:#183d3c}body.light-mode .cl-choice{color:#1d3e47;background:#e4f1ee;border-color:#a7c9c5}body.light-mode .cl-choice.cl-good{background:#c1ead6}body.light-mode .cl-choice.cl-bad{background:#f9d7d9}body.light-mode .cl-answer-explain{color:#194e3a;background:#c0eed7}body.light-mode .cl-answer-explain.cl-no{color:#713b3b;background:#f8dfda}body.light-mode .cl-task textarea,body.light-mode .cl-region-question textarea{background:#fff;color:#1a3e47;border-color:#9dc4c0}body.light-mode .cl-sim-caveat strong{color:#146f50}body.light-mode .cl-sim-response{color:#184c3c;background:#cef5e0}body.light-mode .cl-source-mini{color:#51717a}body.light-mode .cl-scenario-stage h2,body.light-mode .cl-scenario-stage p,body.light-mode .cl-scenario-stage .cl-eyebrow{color:#fff}body.light-mode .cl-risk p{color:#4c6670}body.light-mode .cl-myth .cl-myth-options .btn-outline{color:#24574b}body.light-mode .cl-myth .cl-myth-options .btn-primary{color:#fff}body.light-mode .cl-myth .cl-pill{color:#fff}
@media(max-width:1220px){.cl-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-map-layout{grid-template-columns:1fr}.cl-region-detail{position:static}.cl-risk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-lesson-main{grid-template-columns:minmax(0,1.6fr) minmax(200px,.8fr)}}
@media(max-width:920px){.cl-hero{grid-template-columns:1fr 240px;padding:30px;min-height:335px}.cl-earth-scene{height:245px}.cl-earth{height:190px;width:190px}.cl-lesson-main{grid-template-columns:1fr}.cl-lesson-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.cl-sim-layout{grid-template-columns:1fr}.cl-game-head{grid-template-columns:1fr 1fr}.cl-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cl-hero{grid-template-columns:1fr;padding:25px 22px}.cl-hero h1{font-size:clamp(2.1rem,8vw,3.3rem)}.cl-earth-scene{height:195px;margin-top:7px}.cl-earth{width:165px;height:165px}.cl-orbit-caption{bottom:-4px}.cl-kpi-grid{grid-template-columns:1fr;gap:10px}.cl-kpi{padding:15px;display:grid;grid-template-columns:33px 1fr;column-gap:10px}.cl-kpi>span{grid-row:span 2}.cl-kpi strong{font-size:1.55rem}.cl-kpi small{font-size:.72rem}.cl-tool-grid{grid-template-columns:1fr}.cl-tool{min-height:150px}.cl-lesson-num,.cl-lesson-percent{display:none}.cl-lesson-row{padding:14px;gap:11px}.cl-lesson-symbol{width:42px;height:42px}.cl-lesson-side{grid-template-columns:1fr}.cl-choices{grid-template-columns:1fr}.cl-panel{padding:17px}.cl-shortcuts{gap:6px;margin:18px 0}.cl-shortcuts a{font-size:.67rem;padding:7px 8px}.cl-map-controls label{width:100%;justify-content:space-between}.cl-map-controls select{flex:1;max-width:none;min-width:0}.cl-map-pin{border-width:1px;width:23px;height:23px}.cl-map-watermark{font-size:.46rem;padding:3px 5px;left:6px;bottom:4px}.cl-map-disclaimer{font-size:.68rem}.cl-map-legend{gap:9px}.cl-scenario-stage{grid-template-columns:1fr;gap:13px;padding:14px}.cl-scenario-thermo{min-height:96px}.cl-scenario-stage h2{font-size:1.6rem}.cl-risk-grid{grid-template-columns:1fr}.cl-game-head{grid-template-columns:1fr}.cl-city-scene{min-height:160px}.cl-game-recap,.cl-sources,.cl-teacher-grid,.cl-badges{grid-template-columns:1fr}.cl-myth-options{grid-template-columns:1fr}.cl-question h3{font-size:.87rem}.cl-quiz-top{flex-wrap:wrap}.cl-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.cl-earth,.cl-earth-texture,.cl-space-ring,.cl-map-pin.cl-selected:after{animation:none!important}.cl-tool,.cl-map-pin{transition:none!important}}
/* Samþætting við allar eldri síður Náttúruheimsins */
.cl-home-banner{margin:0 0 20px;border:1px solid #548b85;border-radius:24px;padding:28px 31px;background:radial-gradient(circle at 91% 46%,#4bc9a74a,transparent 29%),linear-gradient(112deg,#194f55,#18364d);color:#e9fff5;display:flex;justify-content:space-between;align-items:center;gap:25px;overflow:hidden}
.cl-home-banner>div{position:relative;z-index:1;max-width:790px}.cl-home-banner h2{font-family:Georgia,serif;font-size:clamp(1.5rem,2.7vw,2rem);font-weight:500;letter-spacing:-.04em;line-height:1.17;margin:9px 0}.cl-home-banner p{font-size:.83rem;color:#cee9e5;max-width:740px;margin:4px 0 17px}.cl-home-orb{font-size:5.5rem;line-height:1;filter:drop-shadow(0 12px 32px #b7ffde55);animation:cl-earth-float 8s ease-in-out infinite}
.cl-nav-new{margin-left:auto;background:#286b51;border:1px solid #5acf9e;color:#d6ffea;font-size:.53rem;font-weight:850;border-radius:5px;letter-spacing:.09em;padding:2px 5px}
.cl-work-strip{display:flex;align-items:center;gap:14px;padding:18px 21px;border:1px solid #4b9184;background:#193f4a;border-radius:18px;margin:10px 0 22px;color:#ecfff4}
.cl-work-strip>span{font-size:2.2rem}.cl-work-strip>div{flex:1}.cl-work-strip strong{font-size:.95rem}.cl-work-strip p{font-size:.77rem;color:#c5e3e4;margin:3px 0}.cl-work-strip .btn{flex-shrink:0}
.cl-teacher-banner{padding:19px 23px;background:linear-gradient(120deg,#1c554e,#1c374b);border:1px solid #548f80;border-radius:18px;margin:0 0 20px;color:#eefff5}.cl-teacher-banner>strong{font-size:1.06rem}.cl-teacher-banner p{font-size:.83rem;color:#d0e9e8;margin:8px 0 13px}
@media(min-width:951px){.sidebar{min-height:0;overflow-y:auto;overscroll-behavior:contain}.sidebar-bottom{margin-top:15px}}
@media(max-width:700px){.cl-home-banner{padding:18px;gap:4px}.cl-home-orb{display:none}.cl-work-strip{flex-wrap:wrap}.cl-work-strip .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.cl-home-orb{animation:none!important}}