/* Discovery lessons share the catalog's palette and keep each game's layout. */
body.discovery.discovery-lesson {
  --edge: 1px;
  --round: 24px;
  --drop: 0px;
  --pop: 0 5px 16px #3a52330b;
  --paper: #fffefa;
  --p-display: var(--body);
  --p-serif: var(--display);
  --p-mono: var(--body);
  --t1: #1e342f;
  --t2: #505e4f;
  --t3: #58644e;
  --line: #d9e4c8;
  --line-strong: #bfd5ac;
  --glass-deep: #fffefa;
  --glass-tint: #edf4e0;
  --glass-hover: #e1f0d0;
  --sheet: #fffefa;
  --sheet-line: #d1e0c0;
  --sheet-lift: 0 5px 0 #ccd9b450, 0 15px 35px #354e3108;
  --blur: none;
  background: #fffcf5;
  color: var(--ink);
}
body.discovery.discovery-lesson::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: radial-gradient(ellipse at 0 0, #e0f3c48c, transparent 45%), radial-gradient(ellipse at 100% 70%, #ffe5ab80, transparent 38%), radial-gradient(#7b964e1a .8px, transparent .8px);
  background-size: auto, auto, 24px 24px;
  filter: none;
  animation: none;
  pointer-events: none;
}
body.discovery.discovery-lesson::after, body.discovery.space .screen::before { content: none; }
body.discovery .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 47px;
  padding: 12px 20px;
  border: 1px solid #3b6840;
  border-radius: 14px;
  background: #3b6840;
  box-shadow: 0 4px 0 #295531, 0 8px 15px #375b3410;
  color: white;
  font: 900 14px/1.4 var(--body);
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, background .2s;
}
body.discovery .btn:hover { background: #315c38; transform: translateY(-2px); box-shadow: 0 6px 0 #295531, 0 10px 18px #375b341a; }
body.discovery .btn:active { transform: translateY(3px); box-shadow: 0 1px 0 #295531; }
body.discovery .btn--ghost { background: #fffefa; color: #3c5737; border-color: #c2d5af; box-shadow: 0 3px 0 #d5e0be; }
body.discovery .btn--ghost:hover { background: #e8f3db; box-shadow: 0 4px 0 #c2d5af; }
body.discovery .btn--check { background: #ffebb4; color: #664d1b; border-color: #f3d17a; box-shadow: 0 3px 0 #eec662; }
body.discovery .btn--check:hover { background: #ffd97a; }
body.discovery .btn--cert { background: #ffc445; color: #573f19; border-color: #f4b737; box-shadow: 0 4px 0 #e09f2b; }
body.discovery .btn--cert:hover { background: #fab832; }
body.discovery .btn:disabled { box-shadow: none; transform: none; opacity: .55; }
body.discovery .btn--wide { display: flex; width: 100%; }
body.discovery .back { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; color: #52634b; font: 800 13px var(--body); text-decoration: none; }
body.discovery .back:hover { color: #2f5e30; }
body.discovery .lesson > .back { padding: 9px 14px; border: 1px solid #c5daad; border-radius: 12px; background: #fffefb; box-shadow: 0 3px 0 #d4e2c040; }
body.discovery .sticker { border: 1px solid #ffffffb0; background: var(--c, #d5e8b2); box-shadow: 0 4px 0 #5e754220; border-radius: 15px; color: #3c5633; }
body.discovery .input { border: 1.5px solid #c2d5af; background: #fffefb; border-radius: 14px; color: var(--ink); font: 600 16px/1.6 var(--body); box-shadow: inset 0 2px 3px #586b4505; }
body.discovery .input::placeholder { color: #6e7865; }
body.discovery .input:focus { background: #fff; border-color: #6a8d51; outline: 0; box-shadow: 0 0 0 4px #98c0732b; }
body.discovery .field > label { font: 800 15px/1.5 var(--body); }
body.discovery .field--bad .input { background: #fff5f6; border-color: #d36072; }
body.discovery .field-error { color: #8b354d; font-size: 13px; }

/* Topic: an illustrated introduction and a five-stop discovery trail. */
body.discovery .lesson { max-width: 1248px; padding: 16px 24px 44px; }
.discover-lesson-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 20px; overflow: hidden; margin-top: 12px; padding: 34px 42px; background: linear-gradient(115deg, #f0f5d7, #f2f8dc 55%, #ddecc5); border: 1px solid #d5e4bc; border-radius: 29px; }
.discover-lesson-hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background: url('../img/multimedia/discovery-world.webp') right 60% / cover; opacity: .24; }
.discover-lesson-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #f4f8dc 30%, #f4f8dcba 58%, transparent); }
.discover-lesson-intro { min-width: 0; }
.discover-lesson-intro > .discover-eyebrow { margin-bottom: 15px; font-size: 11px; }
body.discovery .discover-lesson-intro h1 { max-width: 19ch; font: 500 clamp(30px, 3.4vw, 45px)/1.13 var(--display); letter-spacing: -.8px; }
.discover-lesson-intro > p:not(.discover-eyebrow):not(.discover-lesson-complete) { max-width: 52ch; margin: 14px 0 0; font-size: 15px; color: #515d4a; }
.discover-lesson-facts { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 20px; }
.discover-lesson-facts > span { display: inline-flex; align-items: center; gap: 5px; color: #556344; font-size: 11px; font-weight: 700; }
.discover-lesson-facts .ico { width: 15px; height: 15px; color: #657e4a; }
.discover-lesson-facts b { font: 900 12px var(--body); }
body.discovery .lesson-start { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 17px; margin: 24px 0 0; }
body.discovery .lesson-start p { margin: 0; font: 700 11px var(--body); color: #59664e; }
.discover-lesson-picture { position: relative; display: grid; place-items: center; min-height: 230px; }
.discover-lesson-picture > svg { position: relative; width: min(270px, 100%); height: 235px; filter: drop-shadow(0 12px 6px #385e2814); transform: rotate(-4deg); }
.discover-picture-orbit { position: absolute; width: 230px; height: 230px; border: 1px solid #ffffffb3; border-radius: 50%; box-shadow: 0 0 0 22px #ffffff25, 0 0 0 23px #ffffff80, 0 0 0 45px #ffffff16; }
.discover-picture-spark { position: absolute; right: 6%; top: 13%; color: #dea739; font-size: 29px; transform: rotate(10deg); }
.discover-picture-label { position: absolute; bottom: 4px; padding: 8px 14px; border: 1px solid #fff; border-radius: 10px; background: #fffbee; font-size: 10px; font-weight: 900; color: #755d2e; transform: rotate(-5deg); box-shadow: 0 4px 12px #56634010; }
.discover-lesson-complete { display: flex; gap: 8px; align-items: center; color: #38622e; font-weight: 900; }
.discover-path-heading { margin: 38px 0 25px; text-align: center; }
body.discovery .stages-title { margin: 6px 0 0; font: 500 29px var(--display); letter-spacing: -.4px; }
.discover-path-heading > p:last-child { margin: 8px 0 0; color: #59644d; font-size: 13px; }
body.discovery .folders { gap: 16px; padding: 0; margin-top: 25px; }
body.discovery .folder { position: relative; display: flex; flex: 1; flex-direction: column; min-width: 0; padding: 20px 17px 17px; overflow: hidden; border: 1px solid #d3e0c0; border-radius: 23px; background: linear-gradient(180deg, color-mix(in srgb, var(--c) 60%, white), #fffefa 58%); box-shadow: 0 4px 0 #cadab250, 0 10px 20px #3a523306; text-decoration: none; filter: none; transition: transform .25s, box-shadow .25s, border-color .25s; }
body.discovery .folder--open:hover { transform: translateY(-6px); border-color: #9fbc82; box-shadow: 0 6px 0 #cadab250, 0 16px 25px #3a523310; }
body.discovery .folder--shut, body.discovery .folder--soon { filter: none; opacity: .9; }
body.discovery .folder--shut { border-style: dashed; }
body.discovery .folder--shut:hover { opacity: 1; transform: translateY(-3px); }
body.discovery .folder-tab { top: 12px; left: 12px; width: 25px; height: 26px; border: 1px solid #fff; border-radius: 9px; background: #ffffffb3; color: #525e3e; box-shadow: none; font: 800 11px var(--body); }
body.discovery .folder--done .folder-tab { background: #4b723f; border-color: #4b723f; color: white; }
.discover-stage-art { display: block; width: 115px; height: 100px; margin: 2px auto 12px; filter: drop-shadow(0 7px 4px #4153340e); transition: transform .25s; }
body.discovery .folder--open:hover .discover-stage-art { transform: rotate(-5deg) scale(1.05); }
body.discovery .folder-name { margin-top: 0; font: 900 9px var(--body); letter-spacing: 1.8px; color: #5c6b4d; }
body.discovery .folder-sheet { margin-top: 7px; padding: 0; border: 0; border-radius: 0; background: none; }
body.discovery .folder-sheet b { font: 900 16px var(--body); color: var(--ink); }
body.discovery .folder-sheet > span { margin-top: 9px; font-size: 12px; line-height: 1.65; color: #536049; }
body.discovery .folder-go { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: auto; padding: 18px 0 0; color: #446039; font: 900 11px/1.5 var(--body); }
body.discovery .folder-go .ico { width: 16px; height: 16px; }
body.discovery .folder-go--shut { justify-content: flex-start; color: #58614b; font-size: 10px; }
body.discovery .folder-go--soon { justify-content: flex-start; }
body.discovery .soon-note { display: flex; align-items: center; gap: 13px; margin-top: 25px; padding: 16px 20px; border: 1px dashed #d9c88e; border-radius: 16px; background: #fff5dc; box-shadow: none; color: #645734; font: 600 13px/1.6 var(--body); }
body.discovery .soon-note .ico { color: #926f2e; }

/* A consistent toolbar, progress trail and game canvas. */
body.discovery .screen { max-width: 1440px; padding: 18px 28px 23px; gap: 18px; }
body.discovery .stage-bar { align-items: center; gap: 12px; padding: 0 0 16px; border-bottom: 1px solid #d5e2be; }
.discover-brand--compact { margin-right: 10px; flex-shrink: 0; }
.discover-brand--compact .discover-brand-mark { width: 34px; height: 36px; border-radius: 12px; font-size: 24px; }
.discover-brand--compact .discover-brand-mark > svg { width: 14px; height: 14px; top: -5px; right: -5px; }
.discover-brand--compact b { font-size: 24px; }
body.discovery.discovery-lesson .stage-bar .lesson-menu > summary, body.discovery.discovery-lesson .stage-bar > .back, body.discovery.discovery-lesson .stage-who { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 9px 13px; border: 1px solid #d1dfbd; border-radius: 12px; background: #fffefb; backdrop-filter: none; box-shadow: none; color: #4b5e43; font: 800 12px var(--body); }
body.discovery.discovery-lesson .stage-bar > .back { max-width: 250px; }
body.discovery .stage-bar > .back .back-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.discovery.discovery-lesson .stage-bar .lesson-menu > summary:hover, body.discovery.discovery-lesson .stage-bar .lesson-menu[open] > summary, body.discovery.discovery-lesson .stage-bar > .back:hover { background: #e6f3d3; color: #3e5c33; }
body.discovery.discovery-lesson .stage-chip { display: inline-flex; align-items: center; gap: 7px; margin-left: auto; padding: 9px 13px; border: 1px solid #fff; border-radius: 12px; background: var(--c); color: #2f3a27; box-shadow: 0 3px 0 #abbb8a40; font: 900 12px var(--body); }
body.discovery .stage-chip .ico, body.discovery .stage-who .ico, body.discovery .back .ico { width: 16px; height: 16px; }
body.discovery.discovery-lesson .stage-who { margin-left: 0; }
body.discovery.discovery-lesson .stage-who--peek { background: #ffeec5; border-color: #f6d78a; color: #72592a; }
body.discovery .stage-bar .rail { order: 5; flex-basis: 100%; flex-grow: 1; max-width: none; justify-content: center; gap: 8px; padding: 8px 0 0; margin: 0; }
body.discovery .rail-step { flex: 0 1 180px; }
body.discovery.discovery-lesson .rail-step::before { top: 17px; height: 2px; background: #cde0b4; opacity: 1; }
body.discovery.discovery-lesson .rail-step.is-done::before, body.discovery.discovery-lesson .rail-step.is-current::before { background: #9bb875; }
body.discovery .rail-link { min-height: 42px; position: relative; gap: 7px; }
body.discovery.discovery-lesson .rail-dot { width: 32px; height: 32px; border: 1px solid #c4d7ac; background: #fffefb; color: #59664a; font: 800 13px var(--body); }
body.discovery.discovery-lesson .rail-step.is-current .rail-dot { background: #496d3f; border-color: #496d3f; color: white; box-shadow: 0 0 0 4px #deedca; }
body.discovery.discovery-lesson .rail-step.is-done .rail-dot { background: #daedc0; color: #436134; border-color: #aece89; }
body.discovery.discovery-lesson .rail-label { color: #5a664f; font: 700 10px/1.3 var(--body); }
body.discovery.discovery-lesson .rail-step.is-current .rail-label { color: #33522c; font-weight: 900; }
body.discovery.discovery-lesson .lesson-menu-panel { border: 1px solid #c5daad; border-radius: 19px; background: #fffef9; backdrop-filter: none; color: var(--ink); box-shadow: 0 18px 45px #334b3126; }
body.discovery.discovery-lesson .lesson-menu-panel a { color: var(--ink); font-family: var(--body); }
body.discovery.discovery-lesson .lesson-menu-panel a:hover, body.discovery.discovery-lesson .lesson-menu-panel a[aria-current] { background: #e6f3d3; color: #32562b; }
body.discovery .lesson-menu-panel :is(small, .lesson-menu-locked) { color: #556449; }
body.discovery .lesson-menu-topic, body.discovery .lesson-menu-steps { border-color: #d1e2bc; }
body.discovery .lesson-menu-stages > li > a { font-size: 14px; font-weight: 800; }
body.discovery .lesson-menu-stages small { font-size: 11px; }
body.discovery .lesson-menu-steps { font-size: 12px; }
body.discovery.discovery-lesson .task { padding: 25px 30px 23px; border: 1px solid #d5e0c0; border-radius: 27px; background: #fffefa; box-shadow: var(--sheet-lift); backdrop-filter: none; }
body.discovery .task-head { position: relative; margin-bottom: 5px; padding-right: 92px; }
.discover-task-art { position: absolute; right: 0; top: -10px; width: 85px; height: 75px; opacity: .9; transform: rotate(7deg); }
body.discovery.discovery-lesson .task-eyebrow { margin-bottom: 10px; padding: 6px 12px; border: 1px solid color-mix(in srgb, var(--c) 70%, #8fae78); border-radius: 10px; background: color-mix(in srgb, var(--c) 85%, white); color: #33402a; font: 800 11px var(--body); letter-spacing: .3px; }
body.discovery.discovery-lesson .task-title { color: #243b31; font: 500 clamp(25px, 2.5vw, 35px)/1.15 var(--display); letter-spacing: -.5px; text-shadow: none; }
body.discovery.discovery-lesson .task-lead { color: #505f49; font: 600 15px/1.65 var(--body); }
body.discovery.discovery-lesson .task-saved { padding: 8px 13px; margin-top: 12px; border: 1px dashed #dec473; border-radius: 11px; background: #fffae9; color: #685830; font-size: 12px; font-weight: 700; }
body.discovery .task-saved .ico { width: 15px; height: 15px; }
body.discovery .task-alert { background: #fff3f4; border-color: #d96e7d; border-radius: 15px; color: #853443; }
body.discovery .task-nav { gap: 12px; padding-top: 17px; border-top: 1px solid #dce5cb; margin-top: 22px; }
body.discovery .task-hint { color: #5d6b4d; font: 600 11px/1.6 var(--body); }
body.discovery .task-skip { border: 1px dashed #c6d5ac; border-radius: 11px; padding: 9px 12px; color: #5b674c; font: 800 12px var(--body); }
body.discovery .task-skip:hover { background: #edf5dc; border-color: #91b175; }

/* Stage covers: generous illustration, friendly task list and one main action. */
body.discovery .cover-split { gap: 23px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
body.discovery.discovery-lesson .cover, body.discovery.discovery-lesson .done { position: relative; isolation: isolate; padding: 29px; border: 1px solid #d6e1c3; border-radius: 27px; background: radial-gradient(ellipse at 50% 30%, #fffefa90, transparent 66%), linear-gradient(155deg, color-mix(in srgb, var(--c) 84%, #fffef5), #fbfbef); box-shadow: var(--sheet-lift); }
body.discovery .cover::before { content: "✧"; position: absolute; top: 20%; left: 9%; color: #c5ab5e; font-size: 40px; transform: rotate(-12deg); z-index: -1; }
body.discovery .cover::after { content: "✦"; position: absolute; right: 8%; bottom: 21%; color: #a7c276; font-size: 29px; z-index: -1; }
body.discovery .cover-mid { margin: auto 0; padding-block: 15px; }
.discover-cover-art { display: block; flex-shrink: 0; width: clamp(125px, 18vh, 180px); height: clamp(110px, 16vh, 158px); margin: 0 auto 14px; filter: drop-shadow(0 10px 5px #5b704215); }
body.discovery .rail5 { gap: 16px; justify-content: center; }
body.discovery .rail5-mark { width: 37px; height: 37px; border-radius: 13px; border: 1px solid #fff; background: #ffffffa6; box-shadow: 0 3px 0 #6f825824; color: #546242; }
body.discovery .rail5-item.is-current .rail5-mark { width: 43px; height: 43px; border-color: #86a761; background: #fffef9; box-shadow: 0 0 0 4px #ffffff80; }
body.discovery .rail5-item.is-done .rail5-mark { background: #50713f; border-color: #50713f; color: white; }
body.discovery .rail5-item + .rail5-item::before { background: #b0c688; }
body.discovery .rail5-item.is-soon .rail5-mark { opacity: .72; border-color: #9ab279; }
body.discovery .cover-eyebrow, body.discovery .done-eyebrow { color: #5e6b47; font: 900 10px var(--body); letter-spacing: 1.5px; }
body.discovery .cover h1 { margin-top: 9px; color: #263e2e; font: 500 clamp(28px, 3vw, 43px)/1.15 var(--display); letter-spacing: -.7px; }
body.discovery .cover-lead { color: #505d42; font: 600 15px/1.65 var(--body); }
body.discovery .cover-facts { margin-top: 22px; }
body.discovery .cover-facts li, body.discovery .cover-progress { background: #fffefaaf; border: 1px solid #ffffffc9; box-shadow: 0 4px 0 #b3c58b33; border-radius: 17px; }
body.discovery .cover-facts li { padding: 12px 24px; }
body.discovery .cover-facts b { color: #3e5f33; font: 500 30px var(--display); }
body.discovery .cover-facts span, body.discovery .cover-progress i { font-size: 11px; }
body.discovery .cover-progress .meter { height: 10px; background: #d8e7bc; }
body.discovery .cover-progress b { font: 900 18px var(--body); }
body.discovery .meter--cover .meter-fill { background: #5c813c; }
body.discovery .cover-note { align-self: center; padding: 10px 14px; border: 1px dashed #b9c798; border-radius: 14px; background: #fffdf08c; box-shadow: none; color: #5a6142; font: 700 11px/1.6 var(--body); }
body.discovery .cover-note .ico { flex: none; width: 17px; height: 17px; color: #937132; }
body.discovery.discovery-lesson .cover-panel, body.discovery.discovery-lesson .review-panel { padding: 26px 13px 26px 26px; border: 1px solid #d5e0c0; border-radius: 27px; background: #fffefa; box-shadow: var(--sheet-lift); }
body.discovery .cover-scroll { justify-content: safe center; }
body.discovery .cover-head, body.discovery .review-head { margin-bottom: 20px; font: 500 25px var(--display); color: #294033; }
body.discovery .preview { gap: 12px; }
body.discovery .preview-item { padding: 17px; border: 1px solid #d3e0bd; border-radius: 16px; background: #fdfef9; box-shadow: 0 3px 0 #dce5c950; }
body.discovery .preview-item > a { margin: -17px; padding: 17px; gap: 13px; }
body.discovery .preview-no { width: 38px; height: 39px; border: 1px solid #cde2b1; border-radius: 12px; background: #e7f3d3; font: 500 21px var(--display); color: #526f3c; }
body.discovery .preview-text b { font: 900 14px/1.4 var(--body); }
body.discovery .preview-text > span { margin-top: 4px; font: 600 12px/1.5 var(--body); }
body.discovery .preview-item.is-done { background: #ecf8df; }
body.discovery .preview-item.is-done .preview-no { background: #587a45; color: white; border-color: #587a45; }
body.discovery .preview-go { padding-left: 0; color: #72875b; }
body.discovery .preview-go .ico { width: 18px; height: 18px; }
body.discovery .start-card { padding: 22px; border: 1px solid #d5e2b9; border-radius: 19px; background: linear-gradient(130deg, #eaf5d7, #fafbf2); }
body.discovery .start-card h2 { display: flex; align-items: center; gap: 9px; font: 500 24px/1.3 var(--display); color: #304d2d; }
body.discovery .start-note { font: 600 13px/1.7 var(--body); color: #556447; }
body.discovery .start-nav { margin-top: 15px; align-items: center; }
body.discovery .start-card--done { background: #e6f9d7; }
body.discovery .start-card--peek { background: #fff9e9; border-style: dashed; border-color: #e6c87a; }
body.discovery .reset-confirm > summary { color: #70593a; border-color: #d6c9a4; background: #fffdf5; box-shadow: none; border-radius: 12px; font: 700 12px var(--body); }
body.discovery .reset-confirm[open] { background: #fff8ea; border-color: #e4b465; border-radius: 15px; }

/* Game components: keep their states and mechanics, soften their surfaces. */
body.discovery .screen--fixed:has(.task--grid, .task--passport) { height: auto; }
body.discovery .task--grid .signs-wrap { display: block; width: 100%; max-width: 100%; overflow-x: auto; }
body.discovery .signs { border-spacing: 7px; }
body.discovery .signs thead th { border: 1px solid #c1d79f; border-radius: 12px; background: color-mix(in srgb, var(--c) 88%, white); color: #495d3a; font: 900 12px var(--body); }
body.discovery .signs thead th:first-child { border: 0; background: none; }
body.discovery .signs tbody th { border: 1px solid #cde0b3; border-radius: 12px; background: #f2f7e1; font: 800 14px var(--body); }
body.discovery .signs td { border: 1px solid #cde0b3; border-radius: 13px; background: #fffefb; }
body.discovery .signs .pick { border-color: #c4dca9; border-radius: 10px; box-shadow: none; }
.signs-mobile-label { display: none; }
body.discovery .bin-head { border: 1px solid color-mix(in srgb, var(--c) 55%, #7f9f6c); border-radius: 13px; background: color-mix(in srgb, var(--c) 92%, #fffef5); color: #364d2f; padding: 9px 12px; font: 900 14px var(--body); }
body.discovery .bin-count { border: 1px solid #ffffffb3; border-radius: 9px; background: #fffefa; color: #516441; font: 900 12px var(--body); }
body.discovery .bin-body { border: 1.5px dashed #adc98b; border-radius: 13px; background: #f9fbf3; }
body.discovery .tray-head { color: #435939; font: 800 13px/1.6 var(--body); }
body.discovery .tray-body { border: 1px solid #c8daab; border-radius: 17px; background: #eff6dc; }
body.discovery .habit { border: 1px solid #b6d096; border-radius: 14px; background: color-mix(in srgb, var(--card, #ffffff) 84%, #fffefb); color: #344a2c; box-shadow: 0 3px 0 #cddeb360; font: 700 13px var(--body); }
body.discovery .habit.is-picked { border-color: #deb448; background: #ffe59c; box-shadow: 0 0 0 3px #ffd56175; }
body.discovery .sort.is-picking .bin-body, body.discovery .sort.is-picking .tray-body { border-color: #82a65d; }
body.discovery .bin-body.is-over, body.discovery .tray-body.is-over { border-color: #9ebc60; border-style: solid; background: #f0fac1; }
body.discovery :is(.memo-stat, .memo-album, .memo-back, .memo-face, .nest-cell, .nest-drop, .track, .pp, .lock-box, .case-file, .unite-tile, .unite-q) { border-color: #c0d7a2; box-shadow: 0 4px 0 #caddae50; }
body.discovery .memo-stat { border-radius: 12px; background: #f2f8df; font: 700 12px var(--body); }
body.discovery .memo-btn { border: 1px solid #ebcb75; background: #ffe9af; color: #6d5726; border-radius: 11px; box-shadow: 0 3px 0 #f0cb68; font: 800 12px var(--body); }
body.discovery .memo-album { border-radius: 18px; background: #f2f7e3; }
body.discovery .album-item, body.discovery .album-pic { border-color: #c2d6a5; border-radius: 12px; }
body.discovery .memo-card.is-matched .memo-face { border-color: #648f49; box-shadow: 0 0 0 3px #aadd73; }
body.discovery .memo-card.is-miss .memo-face { border-color: #ce697d; box-shadow: 0 0 0 3px #f2a8b5; }
body.discovery .poster { border: 1px solid #dae1c3; border-radius: 24px; box-shadow: 0 25px 70px #29412930; background: #fffdf5; }
body.discovery .poster::backdrop { background: #21352c80; backdrop-filter: blur(5px); }
body.discovery .poster-close { border-color: #c3d6a9; border-radius: 12px; background: #f2f7e1; color: #4a6140; box-shadow: none; }
body.discovery .nest-cell { background: #fbfdf5; border-radius: 20px; }
body.discovery .nest-drop { background: #ebf4d6; border-radius: 13px; }
body.discovery .nest-pic figcaption { color: #475c3c; font-family: var(--body); }
body.discovery .track { border-radius: 17px; background: #fffef8; }
body.discovery .track-no { border-color: #b1d18f; background: #f2f9e1; box-shadow: none; border-radius: 10px; }
body.discovery .track-no:has(input:checked) { background: #d3ecb1; border-color: #82ac5e; }
body.discovery .pp-head { border-color: #cddeb3; background: #ecf5db; }
body.discovery .case-file { border-radius: 20px; background: #fbf4db; }
body.discovery .unite-tile { border-radius: 20px; }
body.discovery .unite-opt { border-color: #c7dcad; border-radius: 13px; background: #f8fbf0; font-family: var(--body); }
body.discovery .unite-opt:has(input:checked) { border-color: #8fb66a; background: #e2f3c7; }
body.discovery.space .btn:not(.btn--ghost) { background: #684c97; border-color: #684c97; color: white; box-shadow: 0 4px 0 #523f70; }
body.discovery.space .btn:not(.btn--ghost):hover { background: #5e4785; }
body.discovery .pass-card { border: 1px solid #cabfea; border-radius: 22px; background: linear-gradient(135deg, #f5f0fb, #e6f1f5); }
body.discovery .pass-head { border-color: #c2b1df; }
body.discovery .pass-head b { color: #594672; font: 900 18px var(--body); }
body.discovery .pass-head i { color: #7f679d; font: 700 12px var(--body); }
body.discovery .pass-seal { border: 1px solid #ae8cdb; background: #dcc3f8; }
body.discovery .prow { border: 1px solid color-mix(in srgb, var(--c) 70%, #8fae78); background: #ffffffb3; border-radius: 15px; }
body.discovery .prow > label { color: #4e5f42; font: 800 13px/1.5 var(--body); }
body.discovery .prow .input { border: 1px solid #c9dab2; }
body.discovery .shot-slot { border: 2px dashed #aa8fcb; background: #e3d6f1; }
body.discovery .shot-slot:hover { background: #decbf0; border-color: #8e6eb8; }
body.discovery .shot-hint, body.discovery .shot-hint > span { color: #6d5982; }
body.discovery .shot-hint > span { font-family: var(--body); font-weight: 900; }
body.discovery .shot-again { border: 1px solid #c3a9e0; background: #fffdf7e6; color: #69517a; font-family: var(--body); }
body.discovery :is(.qcard, .card2, .claim, .riddle, .recipe, .organ, .slot, .pair, .quad-card, .bin, .bucket, .note, .clue, .secret-card, .case-card) { border-color: #cddeb6; border-radius: 18px; box-shadow: 0 3px 0 #cddeb360; }
body.discovery :is(.qcard, .card2, .riddle, .claim) { background: #fffefb; }
body.discovery :is(.qcard-no, .claim-no, .riddle-no) { border-color: #cddeb6; border-radius: 11px; background: color-mix(in srgb, var(--c) 90%, white); color: #3d4f33; box-shadow: none; font-family: var(--body); }
body.discovery .qcard { padding: 16px; }
body.discovery .qcard-head { margin-bottom: 12px; font-size: 15px; }
body.discovery .qcard-text { font-family: var(--body); font-weight: 800; line-height: 1.5; }
body.discovery .qopts { gap: 7px; }
body.discovery .qopt { min-height: 42px; padding: 7px 10px; border-radius: 12px; border-color: #d9e4c8; background: #f7f9f0; font: 700 14px/1.4 var(--body); }
body.discovery .qopt-letter { border-color: #c7daaf; background: #fffefa; color: #5f6f4f; font: 900 11px var(--body); }
body.discovery .qopt:has(input:checked) { background: #deefc8; border-color: #86ac5e; }
body.discovery .qopt:has(input:checked) .qopt-letter { background: #53743f; border-color: #53743f; color: white; }
body.discovery :is(.drop-btn, .drop-list, .pick, .tile-btn, .icon-btn) { border-color: #b2ce96; box-shadow: 0 3px 0 #c4dba840; }
body.discovery .drop-btn { border-radius: 12px; background: #fffefa; color: #34462f; }
body.discovery .drop-list { border-radius: 14px; background: #fffefa; }
body.discovery .drop-opt { font-family: var(--body); }
body.discovery .drop-opt.is-active { background: #dfefc6; }
body.discovery .tally { border: 1px solid #cfe0b6; border-radius: 11px; background: #ecf5d9; color: #576944; font: 700 12px var(--body); box-shadow: none; }
body.discovery .check { border: 1px dashed #c9d7a2; border-radius: 17px; background: #f4f8df; box-shadow: none; }
body.discovery .check-score { color: #51623f; font-family: var(--body); }
body.discovery .photo, body.discovery .qpic, body.discovery .scheme, body.discovery .shot { border-radius: 20px; border-color: #d5dec0; box-shadow: 0 4px 0 #cad9b460; }
body.discovery .photo img, body.discovery .qpic img { border-radius: inherit; }
body.discovery .shot figcaption { background: #eaf4d7; border-color: #d5dec0; color: #435a38; font: 800 13px var(--body); }
body.discovery .exp-screen { border-color: #d2e3b7; border-radius: 22px; background: linear-gradient(135deg, color-mix(in srgb, var(--c) 58%, white), #fffef8); box-shadow: 0 5px 0 #cddeb340; }
body.discovery .exp-label { font-family: var(--display); font-weight: 500; }
body.discovery .exp-box, body.discovery .exp-read { border-color: #c6d9aa; border-radius: 17px; box-shadow: none; }
body.discovery .exp-step { font-family: var(--body); color: #576645; font-weight: 900; }
body.discovery .dial-plate { fill: #fffdf5; stroke: #cedfab; }
body.discovery .dial-track { stroke: #d8e7bc; }
body.discovery .dial-ring { stroke: #6c9144; }
body.discovery .recipe-steps li { border-color: #c9dcad; background: #f0f8de; box-shadow: none; border-radius: 13px; }
body.discovery .wordgrid { border-color: #c3d9a6; box-shadow: 0 5px 0 #cddeb350; border-radius: 18px; }
body.discovery .wchip { border-color: #c9dcad; box-shadow: none; border-radius: 10px; font-family: var(--body); }
body.discovery .puz-btn { border-color: #b6d49d; box-shadow: 0 3px 0 #cde0b6; border-radius: 11px; background: #f2f7e3; font-family: var(--body); }
body.discovery :is(.qcard, .card2, .claim, .riddle, .organ, .slot, .pair, .quad-card, .bin).is-right { border-color: #548a4c; background: #e8fbdf; }
body.discovery :is(.qcard, .card2, .claim, .riddle, .organ, .slot, .pair, .quad-card, .bin).is-wrong, body.discovery :is(.qcard--bad, .card2--bad, .claim--bad, .organ--bad) { border-color: #d1697b; background: #fff4f5; }

/* Results and certificate keep the real scores and original printable artwork. */
body.discovery .done-split { gap: 23px; }
body.discovery .done h1 { margin-top: 12px; font: 500 clamp(26px, 2.8vw, 37px)/1.16 var(--display); color: #2b4330; }
.discover-done-art { display: block; flex-shrink: 0; width: 145px; height: 127px; margin: 0 auto 13px; }
body.discovery .done-lead { font: 600 14px/1.7 var(--body); color: #4e5d43; }
body.discovery .done-facts li { border-color: #fff; background: #fffef9b3; box-shadow: 0 4px 0 #aac28430; border-radius: 16px; }
body.discovery .done-facts b { color: #3c5e32; font: 500 28px var(--display); }
body.discovery .done-facts span { font: 700 11px var(--body); }
body.discovery .done-status { border-color: #b4cf93; background: #edf9d9; box-shadow: none; color: #4f6540; font-size: 11px; }
body.discovery .done-status-dot { background: #648547; }
body.discovery .done-note { color: #536341; font: 600 12px/1.7 var(--body); }
body.discovery .done-missing { border: 1px dashed #dabc70; border-radius: 17px; background: #fff6de; color: #675731; }
body.discovery .done-missing b { font: 800 13px/1.6 var(--body); }
body.discovery .done-missing a { color: #64563a; font: 700 12px var(--body); }
body.discovery .done-missing > span { font-size: 11px; }
body.discovery .done-nav { gap: 12px; justify-content: center; }
body.discovery .score-ring { stroke: #698e45; }
body.discovery .score-face b { color: #436333; font-family: var(--display); }
body.discovery .score-rows li { border-color: #fff; background: #fffdf4b3; border-radius: 11px; font: 700 12px var(--body); }
body.discovery .score-row-pts { color: #586d3c; font-family: var(--body); }
body.discovery .score-row-hits { font-size: 11px; }
body.discovery .done-practice { border-color: #c4d6a4; border-radius: 12px; background: #fffdf2b3; font: 600 12px/1.6 var(--body); color: #536341; }
body.discovery .review-panel { --panel: #fffefa; }
body.discovery .review { margin-bottom: 17px; padding: 19px; border: 1px solid #d3e2b9; border-radius: 18px; background: #fcfdf6; box-shadow: 0 3px 0 #d6e3bf50; }
body.discovery .review-eyebrow { color: #64734f; font: 800 10px var(--body); letter-spacing: .7px; }
body.discovery .review h3 { margin-top: 7px; font: 900 17px var(--body); }
body.discovery .review-list dt { color: #546146; font: 800 13px/1.6 var(--body); }
body.discovery .review-list dd { border-color: #cce1ae; border-radius: 12px; background: #fffefa; color: #34462c; font: 600 14px/1.65 var(--body); }
body.discovery .review-edit { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; margin-top: 10px; border-radius: 10px; background: #e7f5d1; color: #496836; font: 800 11px var(--body); text-decoration: none; }
body.discovery .review-empty { color: #626f54; font-size: 13px; }
body.discovery .review-list .dd--right { border-color: #94bd77; background: #e8f9d9; }
body.discovery .review-list .dd--wrong { border-color: #e38190; background: #fff4f5; }
body.discovery .cert-page { max-width: 1200px; margin-inline: auto; padding: 30px 24px; }
body.discovery .cert-head { text-align: center; }
body.discovery .cert-head h1 { display: inline-flex; align-items: center; gap: 12px; color: #426435; font: 500 35px var(--display); }
body.discovery .cert-head h1 .ico { width: 30px; height: 30px; color: #ac812c; }
body.discovery .cert-head p { font: 700 14px var(--body); color: #5a664a; }
body.discovery.discovery-lesson .cert { width: min(100%, 850px); border: 6px solid #fffefa; border-radius: 22px; box-shadow: 0 6px 0 #cadbb360, 0 20px 40px #435a3312; }
body.discovery .cert-page .done-nav { flex-wrap: wrap; }

/* Account entry and a student's personal discovery journal. */
body.discovery .gate { padding: 30px 24px 55px; }
body.discovery .gate-card { border: 1px solid #d1e2bb; border-radius: 28px; background: #fffefa; box-shadow: var(--sheet-lift); }
body.discovery .gate-card > .sticker { margin-bottom: 20px; transform: rotate(-6deg); }
body.discovery .gate-card h1 { font: 500 37px var(--display); }
body.discovery .gate-lead { color: #556449; font: 600 14px/1.7 var(--body); }
body.discovery .gate-return { color: #676b4a; background: #f3f6dc; border-color: #d3dfb1; font: 700 12px var(--body); border-radius: 11px; }
body.discovery .gate-foot { color: #58644c; font: 600 13px var(--body); }
body.discovery .gate-foot a { color: #426635; font-weight: 900; }
body.discovery .gate-alert { background: #fff3f4; border-color: #de7f8d; border-radius: 15px; color: #8b3546; }
body.discovery .role { border-color: #cde0b3; border-radius: 18px; background: #f9fbf2; box-shadow: none; }
body.discovery .role:has(input:checked) { border-color: #88ad66; background: #e6f5d1; box-shadow: 0 3px 0 #b3d397; }
body.discovery .role-name { font: 900 15px var(--body); }
body.discovery .role-text { color: #59654d; font: 600 11px/1.5 var(--body); }
body.discovery .role-tick { border-color: #a0c27e; background: #fff; color: #4e723b; }
body.discovery .panel { max-width: 1248px; padding: 25px 24px 50px; }
body.discovery .panel-head { padding: 26px 30px; border: 1px solid #d2e3b7; border-radius: 24px; background: linear-gradient(115deg, #e9f4d4, #fff6de); margin-bottom: 25px; }
body.discovery .panel-eyebrow { font: 800 11px var(--body); color: #5e6c4a; }
body.discovery .panel-head h1 { font: 500 36px var(--display); }
body.discovery .panel-lead { font: 600 14px/1.7 var(--body); color: #516047; }
body.discovery .tile { border: 1px solid #d5e2bc; border-radius: 20px; background: linear-gradient(150deg, color-mix(in srgb, var(--c) 58%, white), #fffefa); box-shadow: 0 4px 0 #cddeb340; }
body.discovery .tile b { font: 500 37px var(--display); color: #3d5733; }
body.discovery .tile span { font: 700 12px var(--body); color: #59674c; }
body.discovery .work { border: 1px solid #cde0b4; border-radius: 22px; background: #fffefa; box-shadow: var(--sheet-lift); }
body.discovery .work-head { padding: 21px; background: #f1f9e2; border-color: #d4e2c0; }
body.discovery .work-title h2 { font: 900 19px var(--body); }
body.discovery .work-title p { color: #59654b; font-size: 12px; }
body.discovery .work-cert { border: 1px solid #f3cf6b; background: #ffebb5; color: #695222; box-shadow: none; border-radius: 12px; font: 900 12px var(--body); }
body.discovery .stage-row { border-color: #dde9c9; }
body.discovery .stage-row-name b { font: 800 11px var(--body); color: #627253; }
body.discovery .stage-row-name i { color: #3f5534; font: 800 14px var(--body); }
body.discovery .stage-row-go { color: #456638; font: 900 12px var(--body); }
body.discovery .meter { border: 0; background: #e0ebcd; border-radius: 99px; }
body.discovery .meter-fill { background: #71954a; border-radius: inherit; }
body.discovery .pill { border-color: #cee0af; background: #ecf5d9; color: #5a6947; font: 700 10px var(--body); box-shadow: none; }
body.discovery .pill--score { background: #ffecb7; border-color: #f0ce6d; color: #765b23; }
body.discovery .snack, body.discovery .toast { border-color: #c6dbaa; background: #fffdf2; color: #435639; box-shadow: 0 10px 30px #3f572920; border-radius: 15px; font-family: var(--body); }
body.discovery .snack-mark, body.discovery .toast-mark { background: #d6efb1; color: #466234; }

@media (max-width: 1100px) {
  body.discovery .folders { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; }
  body.discovery .folder { padding-inline: 12px; }
  body.discovery .folder-sheet b { font-size: 15px; }
  body.discovery .screen { padding-inline: 20px; }
  body.discovery .stage-bar > .back { display: none !important; }
  body.discovery .cover-split, body.discovery .done-split { gap: 17px; }
  body.discovery .cover, body.discovery .done { padding: 23px; }
  body.discovery .cover-panel, body.discovery .review-panel { padding-left: 21px; }
}
@media (max-width: 800px) {
  .discover-lesson-hero { padding: 28px; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
  .discover-lesson-picture > svg { height: 190px; }
  .discover-picture-orbit { width: 170px; height: 170px; }
  .discover-picture-label { font-size: 9px; padding-inline: 10px; }
  body.discovery .folders { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
  body.discovery .folder { padding: 20px; }
  body.discovery .cover-split, body.discovery .done-split { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; }
  body.discovery .screen--fixed:has(.cover-split, .done-split) { height: auto; }
  body.discovery .cover-scroll, body.discovery .review-scroll { overflow: visible; }
  body.discovery .cover-mid { margin: 20px 0; }
  body.discovery .cover { overflow: visible; }
  body.discovery .cover-note { margin-top: 5px; }
  body.discovery .done > :first-child, body.discovery .done > :last-child { margin-top: 0; margin-bottom: 0; }
  body.discovery .review-panel::after { display: none; }
}
@media (max-width: 600px) {
  body.discovery .lesson { padding: 8px 18px 28px; }
  .discover-lesson-hero { grid-template-columns: minmax(0, 1fr); padding: 25px; gap: 8px; text-align: center; }
  .discover-lesson-intro > .discover-eyebrow { font-size: 9px; }
  body.discovery .discover-lesson-intro h1 { margin-inline: auto; font-size: 34px; }
  .discover-lesson-intro > p:not(.discover-eyebrow):not(.discover-lesson-complete) { font-size: 13px; }
  .discover-lesson-facts, body.discovery .lesson-start { justify-content: center; }
  .discover-lesson-facts { gap: 11px; }
  .discover-lesson-facts > span { font-size: 9px; }
  .discover-lesson-facts > span:last-child { display: none; }
  body.discovery .lesson-start { margin-top: 20px; }
  .discover-lesson-picture { min-height: 205px; }
  .discover-lesson-picture > svg { width: 210px; height: 183px; }
  .discover-picture-orbit { width: 170px; height: 170px; }
  .discover-picture-label { bottom: 0; }
  .discover-lesson-complete { justify-content: center; font-size: 13px; }
  .discover-path-heading { margin-top: 32px; }
  body.discovery .stages-title { font-size: 26px; }
  .discover-path-heading > p:last-child { font-size: 12px; }
  body.discovery .folders { grid-template-columns: minmax(0, 1fr); gap: 18px; margin-top: 21px; }
  body.discovery .folder { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 0 15px; padding: 22px 18px; background: linear-gradient(110deg, color-mix(in srgb, var(--c) 58%, white), #fffefa 80%); border-radius: 21px; }
  .discover-stage-art { grid-row: 1 / 4; width: 88px; height: 92px; margin: auto 0; }
  body.discovery .folder-tab { width: 21px; height: 22px; top: 8px; left: 9px; font-size: 10px; }
  body.discovery .folder-name { grid-column: 2; font-size: 8px; }
  body.discovery .folder-sheet { grid-column: 2; margin-top: 6px; }
  body.discovery .folder-sheet b { font-size: 17px; }
  body.discovery .folder-sheet > span { margin-top: 6px; font-size: 12px; }
  body.discovery .folder-go { grid-column: 2; margin-top: 11px; padding-top: 0; font-size: 11px; }
  body.discovery .folder-go--shut { font-size: 10px; }
  body.discovery .soon-note { margin-top: 20px; padding: 14px; font-size: 11px; }
  body.discovery .screen { padding: 14px 13px 20px; gap: 15px; }
  body.discovery .stage-bar { gap: 8px; padding-bottom: 12px; }
  .discover-brand--compact { gap: 6px; margin-right: auto; }
  .discover-brand--compact .discover-brand-mark { width: 28px; height: 30px; font-size: 20px; border-radius: 10px; }
  .discover-brand--compact b { font-size: 20px; }
  body.discovery.discovery-lesson .stage-bar .lesson-menu > summary { padding: 8px 10px; min-height: 38px; font-size: 11px; }
  body.discovery.discovery-lesson .stage-chip { padding: 8px 9px; font-size: 10px; margin-left: 0; min-height: 36px; }
  body.discovery .stage-chip .ico { width: 14px; height: 14px; }
  body.discovery.discovery-lesson .stage-who { display: none; }
  body.discovery .stage-bar .rail { gap: 3px; padding-top: 7px; }
  body.discovery.discovery-lesson .rail-label { font-size: 8px; overflow-wrap: anywhere; }
  body.discovery .rail-link { min-width: 0; }
  body.discovery.discovery-lesson .rail-dot { width: 29px; height: 29px; font-size: 12px; }
  body.discovery.discovery-lesson .rail-step::before { top: 15px; }
  body.discovery.discovery-lesson .task { padding: 21px 16px 19px; border-radius: 22px; }
  body.discovery .task-head { padding-right: 0; }
  .discover-task-art { width: 48px; height: 42px; top: -13px; right: -7px; opacity: .7; }
  body.discovery.discovery-lesson .task-eyebrow { max-width: calc(100% - 34px); font-size: 9px; padding: 6px 9px; line-height: 1.5; }
  body.discovery.discovery-lesson .task-title { font-size: 28px; }
  body.discovery.discovery-lesson .task-lead { font-size: 13px; }
  body.discovery .task-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-top: 19px; padding-top: 17px; }
  body.discovery .task-nav > .btn { padding: 11px 10px; min-height: 44px; font-size: 11px; gap: 7px; }
  body.discovery .task-nav > .task-hint { grid-column: 1 / -1; grid-row: 2; font-size: 10px; }
  body.discovery .task-nav > .task-skip { grid-column: 1 / -1; grid-row: 3; width: 100%; font-size: 11px; }
  body.discovery .task-nav > button[type=submit], body.discovery .task-nav > a.btn:last-child { grid-column: 2; grid-row: 1; }
  body.discovery .task-nav .ico { width: 15px; height: 15px; }
  body.discovery .cover, body.discovery .done { padding: 25px 21px; border-radius: 23px; }
  body.discovery.discovery-lesson .cover-panel, body.discovery.discovery-lesson .review-panel { padding: 22px 18px; border-radius: 23px; }
  body.discovery .cover-scroll, body.discovery .review-scroll { padding-right: 0; }
  .discover-cover-art { width: 142px; height: 124px; }
  body.discovery .cover h1 { font-size: 32px; }
  body.discovery .cover-lead { font-size: 14px; }
  body.discovery .cover-note { border-radius: 13px; font-size: 10px; }
  body.discovery .cover-head, body.discovery .review-head { font-size: 24px; }
  body.discovery .preview-item { padding: 14px; }
  body.discovery .preview-item > a { padding: 14px; margin: -14px; gap: 10px; }
  body.discovery .preview-text b { font-size: 13px; }
  body.discovery .preview-text > span { font-size: 11px; }
  body.discovery .preview-no { width: 32px; height: 34px; border-radius: 11px; font-size: 18px; }
  body.discovery .start-card { padding: 19px; }
  body.discovery .start-card h2 { font-size: 23px; }
  body.discovery .start-note { font-size: 12px; }
  body.discovery .start-nav .btn { flex-grow: 1; }
  body.discovery .qcard { padding: 13px; }
  body.discovery .qopt { font-size: 13px; min-height: 44px; }
  body.discovery .qcard-head { font-size: 14px; }
  body.discovery .signs, body.discovery .signs tbody { display: block; width: 100%; }
  body.discovery .signs thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  body.discovery .signs tbody { display: grid; gap: 15px; }
  body.discovery .signs tbody tr { display: block; padding: 12px; border: 1px solid #cddeb3; border-radius: 17px; background: #fbfdf5; }
  body.discovery .signs tbody th { width: 100%; padding: 9px 12px; border: 0; background: #e2f3c7; border-radius: 11px; font-size: 14px; margin-bottom: 6px; }
  body.discovery .signs td { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 0; border: 0; border-bottom: 1px solid #d7e4c3; border-radius: 0; background: none; }
  body.discovery .signs td:last-child { border-bottom: 0; }
  body.discovery .signs .picks { gap: 7px; flex-shrink: 0; }
  body.discovery .signs .pick { width: 39px; height: 39px; border-radius: 11px; font-size: 16px; }
  .signs-mobile-label { display: inline; color: #435938; font: 800 12px/1.5 var(--body); }
  body.discovery .pass-head { flex-wrap: wrap; gap: 8px; }
  body.discovery .pass-head b { font-size: 15px; }
  body.discovery .pass-head i { font-size: 10px; }
  body.discovery .field > label { font-size: 14px; }
  body.discovery .input { font-size: 16px; }
  body.discovery .check .btn { font-size: 12px; }
  body.discovery .done h1 { font-size: 30px; }
  body.discovery .done-lead { font-size: 13px; }
  body.discovery .done-nav > .btn { flex: 1 1 auto; padding-inline: 13px; font-size: 12px; }
  body.discovery .scoreboard { flex-wrap: wrap; gap: 15px; }
  body.discovery .score-dial { width: 155px; }
  body.discovery .score-rows { width: 100%; }
  body.discovery .review { padding: 16px; }
  body.discovery .cert-page { padding: 25px 17px; }
  body.discovery .cert-head h1 { font-size: 30px; }
  body.discovery .cert-head p { font-size: 12px; line-height: 1.7; }
  body.discovery .cert-page .done-nav { justify-content: stretch; }
  body.discovery .gate { padding: 20px 18px 35px; }
  body.discovery .gate-card { padding: 25px 22px; border-radius: 24px; }
  body.discovery .gate-card h1 { font-size: 33px; }
  body.discovery .gate-lead { font-size: 13px; }
  body.discovery .panel { padding: 20px 18px 35px; }
  body.discovery .panel-head { padding: 23px; }
  body.discovery .panel-head h1 { font-size: 30px; overflow-wrap: anywhere; }
  body.discovery .panel-lead { font-size: 13px; }
  body.discovery .tile { padding: 18px; }
  body.discovery .tile b { font-size: 30px; }
  body.discovery .work-head { padding: 17px; }
  body.discovery .work-title h2 { font-size: 16px; }
  body.discovery .work-title p { font-size: 11px; }
}
@media (max-height: 760px) and (min-width: 801px) {
  body.discovery .screen { gap: 13px; padding-block: 13px 17px; }
  body.discovery .stage-bar { padding-bottom: 10px; }
  body.discovery .cover { padding: 20px; }
  body.discovery .cover-mid { padding-block: 10px; }
  .discover-cover-art { height: 110px; width: 125px; margin-bottom: 8px; }
  body.discovery .cover h1 { font-size: 32px; }
  body.discovery .cover-facts { margin-top: 15px; }
  body.discovery .cover-note { margin-top: 10px; }
  body.discovery .task { padding: 19px 25px; }
  body.discovery .task-nav { margin-top: 15px; padding-top: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  body.discovery *, body.discovery *::before, body.discovery *::after { animation: none !important; transition: none !important; }
}