/* Sümela: cool limestone, forest ink, lichen and restrained fern engraving. */
.sumela-site-plaque,.sumela-trail-board{display:none}
html body #lesson[data-world="sumela"]{--forest-ink:#294c47;--forest-muted:#536b57;--forest-paper:#e4e8d0;background:#a9bba1;color:var(--forest-ink)}
html body #lesson[data-world="sumela"] .lesson-shell{grid-template-columns:46% 54%;gap:8px}
html body #lesson[data-world="sumela"] .code-pane,html body #lesson[data-world="sumela"] .result-pane{border-color:#557b63;border-image:url('assets/sumela-stone-frame.svg') 16!important;background:#dce4cb}
html body #lesson[data-world="sumela"] .code-pane{background:url('assets/sumela-fern-grain.svg') 0 0/480px 420px,linear-gradient(118deg,#eff0d9,#cbd9be);box-shadow:inset 0 0 28px #68857024}
html body #lesson[data-world="sumela"] .code-tabs{background:url('assets/sumela-fern-grain.svg') 0 0/480px 420px,linear-gradient(#648872,#335b51);border-bottom-color:#a9b591}
html body #lesson[data-world="sumela"] .code-tabs button{background:linear-gradient(#7d9b82,#4b7262);border-color:#a8b99a;color:#eef1d8;text-shadow:0 1px #304e45}
html body #lesson[data-world="sumela"] .code-tabs button[aria-selected="true"]{background:linear-gradient(#ede8ba,#c8b77d);border-color:#f4ebc5;color:#384f40;text-shadow:0 1px #fff4d3;box-shadow:inset 0 -4px #b79f61}
html body #lesson[data-world="sumela"] .block-view{background:url('assets/sumela-fern-grain.svg') 0 0/480px 420px}
html body #lesson[data-world="sumela"] .block-palette{border-right:1px dashed #8ca283;background:linear-gradient(90deg,#f1f0d866,#fff0)}
html body #lesson[data-world="sumela"] .block-palette>.mini-label,html body #lesson[data-world="sumela"] .block-palette>p{color:#51674f;font-size:12px!important}
html body #lesson[data-world="sumela"] .palette-tip{border-top-color:#9cb190}
html body #lesson[data-world="sumela"] .palette-tip p{color:#445e4e!important;font-size:14px!important;line-height:1.45!important}
html body #lesson[data-world="sumela"] .palette-tip>span{color:#7b9c69}
html body #lesson[data-world="sumela"] .workspace-tools{color:#365b4c}
html body #lesson[data-world="sumela"] .workspace-tools button{background:linear-gradient(#f7f3da,#d0ddc1);border-color:#92a785;color:#335e4b!important;text-shadow:0 1px #f5f5da;box-shadow:0 2px #819676}
html body #lesson[data-world="sumela"] .workspace-tools button:disabled{opacity:.62;color:#586c5b!important}
html body #lesson[data-world="sumela"] .workspace-trash{background:#e7e8c9;color:#52745c!important;border-color:#94aa86}
html body #lesson[data-world="sumela"] .workspace-trash.delete-over{background:#d8ac83;color:#6d4433!important}
html body #lesson[data-world="sumela"] .workspace-foot{border-top-color:#8aa27e77;background:linear-gradient(#d5dfc44d,#bbcda14d);color:#405d48}
html body #lesson[data-world="sumela"] .workspace-foot>span,html body #lesson[data-world="sumela"] .workspace-foot .lesson-brand{color:#315a4a!important}
html body #lesson[data-world="sumela"] .workspace-foot .lesson-brand small,html body #lesson[data-world="sumela"] .workspace-foot .lesson-brand>span{color:#627748!important}
html body #lesson[data-world="sumela"] .lesson-statusbar{color:#4c624e!important}
html body #lesson[data-world="sumela"] .back-atlas{background:linear-gradient(#6c9278,#3a6654);color:#fff4d6;border-color:#aac096;box-shadow:inset 0 1px #9eb296,0 2px #355543;text-shadow:0 1px #294c43}
html body #lesson[data-world="sumela"] .result-pane,html body #lesson[data-world="sumela"] .lesson-scene{background:linear-gradient(#b5c9b5,#7f9e82)}
html body #lesson[data-world="sumela"] .run-toolbar{background:url('assets/sumela-fern-grain.svg') 0 0/480px 420px,linear-gradient(#e2e7cc,#bbcda9);border-color:#809b77;box-shadow:0 3px 8px #27483b30}
html body #lesson[data-world="sumela"] .run-toolbar button{color:#305546;border-color:#90a280;text-shadow:0 1px #fff4d3}
html body #lesson[data-world="sumela"] #run-code{background:linear-gradient(#6b9973,#3d7257);color:#fff8d9;border-color:#bad0a2;text-shadow:0 1px #2b5740}
html body #lesson[data-world="sumela"] .speed-control,html body #lesson[data-world="sumela"] .speed-control select{color:#294c43!important;background:#f2f0d7!important;border-color:#8b9c75!important;font-weight:700!important}
html body #lesson[data-world="sumela"] .lesson-header-actions button{background:linear-gradient(#e6e8cd,#bdcda8);border-color:#879e75;color:#375849;text-shadow:0 1px #f0eed1}
html body #lesson[data-world="sumela"] .weather-card{background:#edf0d5e6;border-color:#f8f7dd;color:#3b6050;box-shadow:0 2px 9px #304f3b29}
html body #lesson[data-world="sumela"] .weather-card select{color:#355748!important;font-weight:700}
html body #lesson[data-world="sumela"] .weather-card #weather-description{color:#56715b}
html body #lesson[data-world="sumela"] .level-pill{background:linear-gradient(#f2efd0,#d7dfb9);border-color:#99ac82;color:#435f46;box-shadow:0 2px 5px #35523833}
html body #lesson[data-world="sumela"] .collect-counter{background:linear-gradient(#a9be78,#718d4c);border-color:#dce6aa;color:#fffbd6;box-shadow:0 2px 7px #40563340}
html body #lesson[data-world="sumela"] .gobek-site-plaque,html body #lesson[data-world="sumela"] .erciyes-site-plaque,html body #lesson[data-world="sumela"] .efes-site-plaque,html body #lesson[data-world="sumela"] .pamukkale-site-plaque,html body #lesson[data-world="sumela"] .nemrut-site-plaque,html body #lesson[data-world="sumela"] #mission-state{display:none!important}
html body #lesson[data-world="sumela"] .sumela-site-plaque{display:flex;align-items:center;gap:8px;color:#2b584b;position:static;pointer-events:none;max-width:100%;width:100%;padding:8px;border:1px solid #9eb08b;border-radius:6px;background:#ebeed3e0;filter:drop-shadow(0 1px #f7f3cc)}
html body #lesson[data-world="sumela"] .sumela-site-plaque svg{width:38px;flex:0 0 38px;height:43px}
html body #lesson[data-world="sumela"] .sumela-site-plaque small,html body #lesson[data-world="sumela"] .sumela-site-plaque b,html body #lesson[data-world="sumela"] .sumela-site-plaque em{display:block;line-height:1.15;font-style:normal}
html body #lesson[data-world="sumela"] .sumela-site-plaque small{font-size:11px;letter-spacing:.5px;color:#607452}
html body #lesson[data-world="sumela"] .sumela-site-plaque b{font-size:clamp(18px,1.7vw,26px);letter-spacing:1.5px}
html body #lesson[data-world="sumela"] .sumela-site-plaque em{font-size:9px;letter-spacing:1px;color:#647a50}
html body #lesson[data-world="sumela"] .scene-badge{background:#ebedd3e8;color:#42614c;border-color:#9eac81}
html body #lesson[data-world="sumela"] .scene-badge span{background:#7d9a57}
html body #lesson[data-world="sumela"] .level-route-label{background:#ebeed4e5;border-color:#a4b58d;color:#3b5c45}
html body #lesson[data-world="sumela"] .scene-compass{color:#6e895a;border-color:#c5d1a4;background:#f1f0d3bb}
html body #lesson[data-world="sumela"] .scene-reset-view{background:#e0e5c5;color:#3d6250;border-color:#9bad80}
html body #lesson[data-world="sumela"] .task-card{background:url('assets/sumela-fern-grain.svg') 0 0/480px 420px,linear-gradient(120deg,#e9edd6,#c6d6b5);border-image-source:url('assets/sumela-stone-frame.svg')!important;border-image-slice:16!important;box-shadow:0 -3px 20px #35563d26;grid-template-columns:70px minmax(0,1fr) minmax(180px,210px);gap:7px 12px}
html body #lesson[data-world="sumela"] .task-card:before,html body #lesson[data-world="sumela"] .task-card:after{display:none}
html body #lesson[data-world="sumela"] .task-copy{grid-column:2}
html body #lesson[data-world="sumela"] .task-copy h3{color:#2c5546;text-shadow:0 1px #f8f4d9;font-size:clamp(22px,1.5vw,28px)}
html body #lesson[data-world="sumela"] .task-copy p{color:#435d4a!important;font-size:14px!important;line-height:1.45!important;margin-bottom:4px}
html body #lesson[data-world="sumela"] .task-kicker,html body #lesson[data-world="sumela"] .task-kicker>span{color:#5e794f;font-size:12px}
html body #lesson[data-world="sumela"] .guide-portrait{grid-column:1;grid-row:1/3;width:70px;height:145px}
html body #lesson[data-world="sumela"] .guide-portrait img{width:116px;height:174px;left:-22px;bottom:-16px;filter:drop-shadow(2px 4px 3px #3b643d3b)}
html body #lesson[data-world="sumela"] .mission-side{grid-column:2/4;grid-row:2;padding-top:5px;border-top:1px solid #8ca37977}
html body #lesson[data-world="sumela"] .rating-rule,html body #lesson[data-world="sumela"] .task-actions>span{color:#526b45!important;font-size:12px!important}
html body #lesson[data-world="sumela"] .task-actions button{background:linear-gradient(#e5d99e,#b8a86b);color:#3c573d;border-color:#f2e8bc;box-shadow:inset 0 1px #f6edc4,0 2px #8b9361;text-shadow:0 1px #eee8ba}
html body #lesson[data-world="sumela"] #collapse-task{background:#c5d4ab;color:#47633e;border-color:#9daf82;box-shadow:none}
html body #lesson[data-world="sumela"] .sumela-trail-board{display:block;grid-column:3;grid-row:1;align-self:start;border-left:1px solid #8da87c88;padding-left:12px;min-width:0}
html body #lesson[data-world="sumela"] .sumela-trail-board>b{display:block;color:#4c704c;font-size:11px;letter-spacing:.3px;margin:3px 0 6px}
html body #lesson[data-world="sumela"] .case-progress{display:flex;gap:5px;margin-bottom:6px}
html body #lesson[data-world="sumela"] .case-progress span{font-size:12px;color:#4c6948;border-color:#a2b58b}
html body #lesson[data-world="sumela"] .case-progress .current{background:#d2dfb6;color:#345d40;border-color:#91ab79}
html body #lesson[data-world="sumela"] .case-progress .passed{background:#688e61;color:#fff8d6;border-color:#b2c593}
html body #lesson[data-world="sumela"] .forest-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
html body #lesson[data-world="sumela"] .forest-cards>span{display:grid;gap:2px;text-align:center;border:1px solid #a2b189;border-radius:5px;background:#eef0d4;padding:4px;color:#355b46;min-width:0}
html body #lesson[data-world="sumela"] .forest-cards>span.new-card{background:#e4d69c;border-color:#b09b5d}
html body #lesson[data-world="sumela"] .forest-cards>span.missing{border:1px dashed #91a076;background:#d9e2c6;color:#7b8b64}
html body #lesson[data-world="sumela"] .forest-cards code{font-size:11px;white-space:nowrap}
html body #lesson[data-world="sumela"] .forest-cards strong{font-size:24px;line-height:1.15}
html body #lesson[data-world="sumela"] .forest-cards small{font-size:11px}
html body #lesson[data-world="sumela"] .forest-measure{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:12px;color:#365b45;margin:6px 0}
html body #lesson[data-world="sumela"] .forest-measure code{background:#edf0d0;border:1px solid #abb990;padding:2px 6px;border-radius:3px}
html body #lesson[data-world="sumela"] .forest-list-state{display:block;font-size:12px;color:#4e6c48;line-height:1.25}
html body #lesson[data-world="sumela"] .forest-observations{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:5px}
html body #lesson[data-world="sumela"] .forest-observations span{text-align:center;color:#708569;background:#d5e0c2;border:1px solid #adbd99;border-radius:5px;padding:2px}
html body #lesson[data-world="sumela"] .forest-observations b{display:block;font-size:20px;line-height:1.1}
html body #lesson[data-world="sumela"] .forest-observations small{display:block;font-size:11px}
html body #lesson[data-world="sumela"] .forest-observations .done{color:#345c40;background:#e7d696;border-color:#b4a569}
html body #lesson[data-world="sumela"] .collection-block{background:#558775;border-color:#356753;color:#fff9d9;gap:7px;flex-wrap:wrap;min-height:43px}
html body #lesson[data-world="sumela"] .collection-block .command-label{flex-shrink:0;font-size:17px}
html body #lesson[data-world="sumela"] .collection-block input{background:#e8efcd;color:#284d40;border:1px solid #a1b68a;border-radius:3px;height:29px;font-size:16px;font-weight:700}
html body #lesson[data-world="sumela"] .collection-block .variable-name{width:65px!important}
html body #lesson[data-world="sumela"] .collection-block .append-value{width:65px!important}
html body #lesson[data-world="sumela"] .text-editor{background:#e6ecd5;border-color:#9eb18b}
html body #lesson[data-world="sumela"] .text-editor-toolbar,html body #lesson[data-world="sumela"] .code-api{background:#d5e0c5;color:#3c614a;border-color:#9fb28a}
html body #lesson[data-world="sumela"] #code-editor{color:#264b40;caret-color:#9d783e}
html body #lesson[data-world="sumela"] #code-lines{background:#cfddbd;color:#68815b;border-right-color:#a5ba8f}
html body #lesson[data-world="sumela"] #lesson-dialog{background:url('assets/sumela-fern-grain.svg') 0 0/480px 420px,linear-gradient(120deg,#f1f1dc,#ceddbf);border-image:url('assets/sumela-stone-frame.svg') 16!important;color:#34543f}
html body #lesson[data-world="sumela"] #lesson-dialog h2,html body #lesson[data-world="sumela"] #lesson-dialog h3{color:#2b5544;text-shadow:0 1px #fff6d6}
html body #lesson[data-world="sumela"] #lesson-dialog p{color:#49644b;font-size:16px;line-height:1.55}
html body #lesson[data-world="sumela"] #lesson-dialog .mini-label{color:#6c8654}
html body #lesson[data-world="sumela"] .array-guide{background:#d8dfb1;border-color:#a7b57e;color:#3e5d3c}
html body #lesson[data-world="sumela"] .level-grid button{background:#d6e0c5;color:#456348;border-color:#a0b78c}
html body #lesson[data-world="sumela"] .level-grid button.selected{background:linear-gradient(#729a79,#3f6d56);color:#fff3cb;border-color:#c6d697;box-shadow:0 0 0 2px #8fae70}
html body #lesson[data-world="sumela"] .level-grid button.planned-level{background:#dce5d1;color:#778e71}
html body #lesson[data-world="sumela"] .task-card.collapsed .sumela-trail-board{display:none!important}
@media(min-width:761px) and (max-width:1400px){html body #lesson[data-world="sumela"] .lesson-shell{grid-template-columns:47% 53%}html body #lesson[data-world="sumela"] .block-palette{min-width:139px;max-width:153px}html body #lesson[data-world="sumela"] .task-card{grid-template-columns:50px minmax(0,1fr);gap:4px 10px;padding:12px!important}html body #lesson[data-world="sumela"] .guide-portrait{width:50px;height:132px;grid-row:1/4}html body #lesson[data-world="sumela"] .guide-portrait img{left:-25px;width:100px;height:148px}html body #lesson[data-world="sumela"] .sumela-trail-board{grid-column:2;grid-row:2;border-left:0;border-top:1px solid #8da87c88;padding:6px 0;display:grid;grid-template-columns:minmax(125px,1fr) minmax(140px,1fr);gap:4px 8px}html body #lesson[data-world="sumela"] .sumela-trail-board>b{display:none}html body #lesson[data-world="sumela"] .sumela-trail-board .case-progress{grid-column:1/-1}html body #lesson[data-world="sumela"] .forest-cards{grid-column:1;grid-row:2/4}html body #lesson[data-world="sumela"] .forest-measure{grid-column:2;grid-row:2;margin:0}html body #lesson[data-world="sumela"] .forest-list-state{grid-column:2;grid-row:3}html body #lesson[data-world="sumela"] .forest-observations{grid-column:1/-1}html body #lesson[data-world="sumela"] .mission-side{grid-column:2;grid-row:3}}
@media(max-width:760px){html body #lesson[data-world="sumela"] .result-pane{height:920px;min-height:920px}html body #lesson[data-world="sumela"] .code-pane{min-height:820px}html body #lesson[data-world="sumela"] .block-palette{min-width:137px;max-width:154px;width:32%}html body #lesson[data-world="sumela"] .code-tabs{padding-left:18px;gap:5px}html body #lesson[data-world="sumela"] .task-card{grid-template-columns:55px minmax(0,1fr);padding:12px!important;gap:7px 10px;margin-bottom:0;border-width:10px!important}html body #lesson[data-world="sumela"] .guide-portrait{grid-row:1/4;width:55px;height:130px}html body #lesson[data-world="sumela"] .guide-portrait img{width:100px;height:148px;left:-23px}html body #lesson[data-world="sumela"] .sumela-trail-board{grid-column:2;grid-row:2;border-left:0;border-top:1px solid #8da87c88;padding:7px 0}html body #lesson[data-world="sumela"] .mission-side{grid-column:2;grid-row:3}html body #lesson[data-world="sumela"] .task-copy h3{font-size:23px}html body #lesson[data-world="sumela"] .sumela-site-plaque b{font-size:21px}html body #lesson[data-world="sumela"] .sumela-site-plaque svg{width:29px;flex-basis:29px}}
/* Small data tools for the ten-step forest curriculum. */
html body #lesson[data-world="sumela"] .membership-set,html body #lesson[data-world="sumela"] .dictionary-key-choice{background:#eff0d3;color:#305542;border:1px solid #9fb28a;border-radius:3px;height:29px;font:700 14px "HP Simplified",sans-serif;max-width:130px}
html body #lesson[data-world="sumela"] .membership-value{width:66px!important;min-width:0;background:#e8efcd;color:#284d40;border:1px solid #a1b68a;border-radius:3px;height:29px;font-weight:700}
html body #lesson[data-world="sumela"] .dictionary-lookup{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;color:#fff7db}
html body #lesson[data-world="sumela"] .dictionary-lookup code{font:700 14px "HP Simplified",sans-serif}
html body #lesson[data-world="sumela"] .dictionary-lookup .dictionary-key-choice{width:105px;max-width:105px}
html body #lesson[data-world="sumela"] .arithmetic-editor{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}
html body #lesson[data-world="sumela"] .arithmetic-editor .arithmetic-value{width:92px!important;max-width:92px!important;min-width:0!important;background:#e8efcd;color:#284d40;border:1px solid #a1b68a;border-radius:3px;height:29px;font-size:14px;font-weight:700}
html body #lesson[data-world="sumela"] .arithmetic-editor .arithmetic-operator{width:43px!important;min-width:43px;background:#f6efd0;color:#345641;height:29px;font-size:20px;font-weight:700}
html body #lesson[data-world="sumela"] .collection-block .collection-value{width:66px!important}
html body #lesson[data-world="sumela"] .collection-index{width:48px!important;background:#eef0d4;color:#315a45;height:29px}
html body #lesson[data-world="sumela"] .forest-set-row{display:flex;justify-content:space-between;align-items:center;gap:5px;color:#3f614a;font-size:13px;padding:5px 0}
html body #lesson[data-world="sumela"] .forest-set-row b{font-size:16px;white-space:nowrap}
html body #lesson[data-world="sumela"] .forest-set-row small{display:block;font-size:11px}
html body #lesson[data-world="sumela"] .forest-set-row.emphasis{background:#e8edcb;border:1px solid #9eb589;border-radius:5px;padding:6px}
html body #lesson[data-world="sumela"] .forest-rule{display:block;font-size:12px;line-height:1.3;color:#4c6b48;margin:5px 0}
html body #lesson[data-world="sumela"] .forest-dictionary,html body #lesson[data-world="sumela"] .forest-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
html body #lesson[data-world="sumela"] .forest-dictionary>span,html body #lesson[data-world="sumela"] .forest-numbers>span{display:grid;gap:3px;text-align:center;min-width:0;background:#eaf0d3;border:1px solid #a1b58b;border-radius:5px;color:#355b46;padding:5px 3px}
html body #lesson[data-world="sumela"] .forest-dictionary code{font:700 12px "HP Simplified",sans-serif;overflow-wrap:anywhere}
html body #lesson[data-world="sumela"] .forest-dictionary strong,html body #lesson[data-world="sumela"] .forest-numbers strong{font-size:24px;line-height:1.1}
html body #lesson[data-world="sumela"] .forest-dictionary .is-target{background:#e7d9a4;border-color:#b7a165}
html body #lesson[data-world="sumela"] .forest-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}
html body #lesson[data-world="sumela"] .forest-numbers code{font-size:12px}
html body #lesson[data-world="sumela"] .forest-number-line{display:flex;gap:5px;margin-top:6px}
html body #lesson[data-world="sumela"] .forest-number-line>span{flex:1;text-align:center;background:#e5eacb;border:1px solid #b0bf97;border-radius:4px;font-size:15px;font-weight:700;color:#54774d}
html body #lesson[data-world="sumela"] .forest-number-line .is-start{outline:2px solid #b6a063}
html body #lesson[data-world="sumela"] .forest-number-line .visited{background:#becfa2;color:#365d41}
html body #lesson[data-world="sumela"] .forest-card-grid{display:grid;gap:2px;justify-content:center;margin:5px 0;color:#849b63;font-size:21px}
html body #lesson[data-world="sumela"] .forest-card-grid span{display:flex;gap:12px}
html body #lesson[data-world="sumela"] .forest-card-grid i{font-style:normal}
html body #lesson[data-world="sumela"] .forest-sharing{display:flex;justify-content:space-around;color:#6d8855;margin:6px 0}
html body #lesson[data-world="sumela"] .forest-sharing span{text-align:center;font-size:20px}
html body #lesson[data-world="sumela"] .forest-sharing small{display:block;font-size:12px}
html body #lesson[data-world="sumela"] .forest-station-ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:6px}
html body #lesson[data-world="sumela"] .forest-station-ledger>span{min-width:0;text-align:center;border:1px solid #a5b893;background:#dce5cd;color:#49694e;border-radius:5px;padding:3px}
html body #lesson[data-world="sumela"] .forest-station-ledger b,html body #lesson[data-world="sumela"] .forest-station-ledger small{display:block;font-size:11px}
html body #lesson[data-world="sumela"] .forest-station-ledger strong{display:block;font-size:16px}
html body #lesson[data-world="sumela"] .forest-station-ledger .done{background:#e4d6a0;border-color:#b6a269;color:#4d633c}
@media(min-width:761px) and (max-width:1400px){html body #lesson[data-world="sumela"]:not([data-level="1"]) .sumela-trail-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 8px}html body #lesson[data-world="sumela"]:not([data-level="1"]) .sumela-trail-board>*{grid-column:auto;grid-row:auto;min-width:0}html body #lesson[data-world="sumela"]:not([data-level="1"]) .sumela-trail-board .case-progress,html body #lesson[data-world="sumela"]:not([data-level="1"]) .sumela-trail-board .forest-rule,html body #lesson[data-world="sumela"]:not([data-level="1"]) .sumela-trail-board .forest-observations,html body #lesson[data-world="sumela"]:not([data-level="1"]) .sumela-trail-board .forest-station-ledger{grid-column:1/-1}html body #lesson[data-world="sumela"]:not([data-level="1"]) .forest-dictionary,html body #lesson[data-world="sumela"]:not([data-level="1"]) .forest-set-row{grid-column:1/-1}}