.science-extra-lab{max-width:780px;margin:auto;font-size:calc(1rem * var(--reading-scale,1));color:#302447;background:#fffdf6;border:2px solid #ddd2ef;border-radius:30px;padding:22px;box-shadow:0 7px 0 #ddd1ef}.science-extra-lab header{text-align:center}.science-extra-art{display:inline-block;width:108px;aspect-ratio:1;background-image:url('/assets/generated/science-extra/atlas.png');background-size:300% 200%;background-repeat:no-repeat;vertical-align:middle}.science-extra-lab h2{font-size:1.55em;margin:0}.science-extra-lab p{line-height:1.55}.science-extra-stage{background:#f0eaff;border-radius:24px;overflow:hidden}.science-extra-stage svg{width:100%;display:block}.science-extra-result{display:block;padding:14px;background:#ffeaa4;border:2px solid #a78830;border-radius:16px;text-align:center;font-weight:850;font-size:1.15em;margin:12px 0}.science-extra-controls fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.science-extra-field{display:grid;gap:4px;line-height:1.4;font-weight:750;background:#f4f0fb;padding:12px;border-radius:16px}.science-extra-field input{min-height:48px;width:100%;accent-color:#7253bc}.science-extra-field output{float:right}.science-extra-controls :is(button,select){min-height:52px;font:inherit}.science-extra-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.science-extra-actions button{min-height:54px;flex:1}.science-extra-lab details{border-top:1px solid #d5c9e5;margin-top:14px}.science-extra-lab summary{min-height:50px;display:flex;align-items:center;cursor:pointer;font-weight:800}.science-extra-lab li small{display:block;overflow-wrap:anywhere}.science-extra-mission{background:#fff0cf;border:2px solid #d2b873;border-radius:18px;padding:16px;margin:12px 0}.science-extra-complete{background:#def7e8;border-radius:18px;padding:16px;text-align:center;font-weight:850}.science-more-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.science-more-options button{min-width:0;display:grid;justify-items:center;border:2px solid #bcb0d4;border-bottom-width:6px;border-radius:20px;background:#fff;font:inherit;font-weight:800;padding:8px;cursor:pointer}.science-more-options button:active{transform:translateY(3px)}.science-more-options .science-extra-art{width:90px}.science-extra-picker{max-width:780px;margin:0 auto 16px;border:2px solid #d2c6e6;border-radius:20px;padding:0 16px;background:#fff}.science-extra-picker summary{min-height:56px;cursor:pointer;padding:12px 0;font-weight:800}.science-extra-picker .science-core-art{width:80px;height:90px;object-fit:contain}html[data-color-mode=contrast] .science-extra-lab,html[data-color-mode=contrast] .science-extra-picker{color:#111;border-color:#111;background:#fff}html[data-color-mode=contrast] .science-extra-stage{background:#fff}html[data-reduced-motion=true] .science-more-options button:active{transform:none}@media(max-width:540px){.science-extra-lab{padding:14px}.science-extra-controls fieldset{grid-template-columns:1fr}.science-more-options{grid-template-columns:repeat(2,1fr)}}
/* Keep the student's experiment and its controls ahead of decorative header art. */
body[data-role=student] #content:has(.science-extra-lab) h1,
body[data-role=student] .science-extra-lab>header>.science-extra-art,
body[data-role=student] .science-header .science-topic-art{display:none}