:root {
  --garden-ink:#173d2b;
  --garden-green:#276444;
  --garden-border:#cfe3d4;
}
body[data-adventure-page] { color:var(--garden-ink); background:#edf7ef; }
body[data-adventure-page] > aside { background:#fff; border-color:var(--garden-border); }
body[data-adventure-page] > main {
  background:linear-gradient(#fffffff2,#f0f9f0f2),url("adventure-garden.svg") center top / 100% auto repeat-y;
}
body > aside .brand > span { color:var(--garden-ink); font-size:clamp(1.2rem,3vw,1.65rem); }
body > aside .brand small { color:var(--garden-green); letter-spacing:normal; text-transform:none; }
body > aside .trail-top a,.trail-more summary,.trail-more > div a { color:var(--garden-ink); }
body > aside .trail-top a[aria-current],.road-tabs [aria-pressed=true],.road-topic-cap {
  background:var(--garden-green); color:#fff; border-color:var(--garden-green);
}
.trail-more > div,#cefrNavLevel { background:#f2faf3; border-color:var(--garden-border); color:var(--garden-ink); }
body[data-adventure-page] main #app :is(h1,h2,h3) { color:var(--garden-ink); }
body[data-adventure-page] main #app .road-topic-cap :is(h2,p) { color:#fff; }
body[data-adventure-page] main #app :is(.card,.stat,.course-card,.road-topic-work,.road-topic-sidebar,.learning-meter) {
  border-color:var(--garden-border);
  background:linear-gradient(120deg,#fffffffa,#eaf7edf0),url("adventure-garden.svg") center / cover;
}
body[data-adventure-page] main #app > .card:first-child {
  border-top-color:#88b89a;
  background:linear-gradient(95deg,#fffffffa 30%,#eff9f1e8 74%,#e2f3e578),
    url("adventure-mascots.webp") right 14px center / min(160px,35vw) auto no-repeat,#e9f7ec;
}
body[data-adventure-page] main #app :is(.storybook-banner h1,.road-topic-guide > div) {
  color:var(--garden-ink); background:#f4fbf0f5; border-color:#a8cdb0;
}
body[data-adventure-page] main #app :is(.storybook-start,button.primary,.storybook-review .btn,#roadChooseWord) {
  background:var(--garden-green); color:#fff;
}
body[data-adventure-page] main #app :is(.storybook-portals a,.trail-garden,.road-topic-list button[aria-pressed=true]) {
  background:linear-gradient(#fff,#e3f4e6); color:var(--garden-ink); border-color:#b4d3bd;
}
body[data-adventure-page] main #app :is(input:not([type=radio],[type=checkbox]),select,textarea,.option,.passage) {
  background-color:#f5fbf6; color:var(--garden-ink);
}
body[data-adventure-page] main #app .option:has(input:checked) { background-color:#d6eddc; }
body[data-adventure-page] main #app :is(button,.btn,a):focus-visible { outline-color:var(--garden-green); }
#roadTopicLevel { margin:4px 0 0 8px; color:#173d2b; } .road-subtopics { margin:0 0 10px 12px; color:#276444; } .road-subtopics summary { cursor:pointer; }

body[data-adventure-page] > main {
  background:linear-gradient(#f8fff785,#edf9ed94),url("adventure-garden.svg") center top / 100% auto repeat-y;
}
body[data-adventure-page] main #app :is(.card,.stat,.course-card,.road-topic-work,.road-topic-sidebar,.learning-meter) {
  background:linear-gradient(120deg,#fffffff2 48%,#edf8edd4 80%,#e5f4e5a3),url("adventure-garden.svg") center / cover;
}
body[data-adventure-page] main #app > .card:first-child {
  background:linear-gradient(95deg,#fffffff5 35%,#edf8edd1 69%,#dff4e531),
    url("adventure-mascots.webp") right 14px center / min(160px,35vw) auto no-repeat,#e9f7ec;
}
.section-icon { display:inline-block; margin-inline-end:.4em; font-size:.85em; vertical-align:baseline; }
.study-tab-art { display:inline-block; width:44px; height:38px; object-fit:contain; vertical-align:middle; margin-inline-end:6px; }