/* Original CMS composition, geometry and illustrations remain authoritative.
   Only brand colours/type are overridden; review form rules support new controls. */
html body.scientific-study-app{--navy:#252525;--navy2:#414141;--ink:#252525;--muted:#706f68;--blue:#defb06;--paper:#fff;--line:#e9e9df;background:#fff!important;color:#252525!important;font-family:WeduupRoboto,Helvetica,Arial,sans-serif!important}
body.scientific-study-app :is(button,input,textarea,select,h1,h2,h3,h4,p,a,label,summary){font-family:WeduupRoboto,Helvetica,Arial,sans-serif!important}
body.scientific-study-app :is(.welcome,.course-home){color:#252525}
body.scientific-study-app :is(.welcome h1,.welcome h2,.course-intro h1,.path-head h2,.mission-panel h2,.side-card h2,.path-text b,.course-logo,.welcome-brand,#review-panel h2,#review-panel h3,#review-panel p,#review-panel summary,#review-panel label,#review-panel strong){color:#252525!important}
body.scientific-study-app :is(.course-overline,.welcome-overline,.eyebrow,.check-label,.aside-label,.welcome-aside .aside-label){color:#626e00}
body.scientific-study-app :is(.welcome-copy,.course-intro p,.path-text small,.welcome-kicker,.course-back){color:#706f68}
body.scientific-study-app :is(.welcome-mark,.course-logo-mark,.brandmark){background:#252525}
body.scientific-study-app :is(.wizard-next,.primary,.mission-cta){background:#defb06;color:#252525;box-shadow:0 5px 0 #a5bb00}
body.scientific-study-app :is(.wizard-next,.primary,.mission-cta):hover{background:#d0eb06}
body.scientific-study-app :is(.wizard-next,.primary,.mission-cta):active{box-shadow:0 1px 0 #a5bb00}
body.scientific-study-app :is(.wizard-progress span.done,.progress-fill,.step.active .step-index){background:#defb06;color:#252525}
body.scientific-study-app :is(.pick.selected,.time-pick.selected,.answer.selected){background:#f9fce5;border-color:#c9df27;color:#414900;box-shadow:0 3px 0 #e3e9bc}
body.scientific-study-app :is(.welcome-aside,.study-mascot,.hero-art){background:#f5f8df;color:#252525}
body.scientific-study-app .welcome-aside{box-shadow:0 7px 0 #e4e9c7,0 20px 45px #373c260c}
body.scientific-study-app .welcome-aside :is(h3,p,.mini-step){color:#41452d}
body.scientific-study-app .welcome-aside::after{color:#e5ecc1}
body.scientific-study-app .study-mascot svg{filter:drop-shadow(0 5px 0 #dfe6b5)}
body.scientific-study-app :is(.course-pill,.path-count,.path-action,.review,.data-chip,.mini-dot){background:#f5f6e9;color:#5e6344}
body.scientific-study-app .course-profile{background:#defb06;color:#252525;border-color:#f5f8dc;box-shadow:0 3px 0 #a5bb00}
body.scientific-study-app .path-list::before{border-color:#e5e9ce}
body.scientific-study-app :is(.path-node:hover,.path-node.active){background:#fafcee}
body.scientific-study-app .path-medal{background:#f0f4d5;color:#687600;box-shadow:0 5px 0 #dce4b0,0 8px 16px #373c2612}
body.scientific-study-app .path-node.active .path-medal{background:#defb06;color:#252525;box-shadow:0 5px 0 #a5bb00,0 9px 19px #defb0633}
body.scientific-study-app .slide{background:#defb06;color:#252525;box-shadow:inset 0 -6px 0 #b8cf00}
body.scientific-study-app .slide :is(h2,.slide-kicker,.slide-note,.diagram-symbol,strong,span){color:#252525}
body.scientific-study-app .diagram-box{border-color:#67760055;background:#ffffff55}
body.scientific-study-app .method{background:#252525;box-shadow:0 6px 0 #141414}
body.scientific-study-app .method h2{color:#fff!important}
body.scientific-study-app :is(button,input,textarea,select,a,summary):focus-visible{outline-color:#899b00}
body.scientific-study-app input{accent-color:#a5bb00}
body.scientific-study-app #review-panel :is(textarea,select,input){display:block;width:100%;padding:12px;margin:8px 0 16px;background:#fff;color:#252525;max-width:100%;font:inherit}
body.scientific-study-app #review-panel fieldset{border:1px solid #dfe4c5;border-radius:15px;padding:16px;margin:18px 0;min-width:0}
body.scientific-study-app #review-panel legend{font-weight:700;padding:0 6px;color:#252525}
body.scientific-study-app #review-panel button{margin:6px 6px 6px 0;white-space:normal}
body.scientific-study-app #review-panel h3{font-size:18px;margin:0 0 12px}
body.scientific-study-app #review-panel p{line-height:1.65;white-space:pre-wrap}
body.scientific-study-app #review-panel details{margin:16px 0}
body.scientific-study-app .review-note{font-size:13px}
body.scientific-study-app .review-correct{background:#ecf8f3}
body.scientific-study-app .review-wrong{background:#fff0ee}
body.scientific-study-app :is(button,select):disabled{opacity:.55;cursor:not-allowed}
body.scientific-study-app svg [fill="#7651e8"]{fill:#defb06}
body.scientific-study-app svg [stroke="#7651e8"]{stroke:#defb06}
body.scientific-study-app svg [fill="#a78af4"]{fill:#eaf68b}
body.scientific-study-app svg [stroke="#a78af4"]{stroke:#eaf68b}
body.scientific-study-app svg [fill="#ddd4f2"]{fill:#edf1d5}
body.scientific-study-app svg [stroke="#ddd4f2"]{stroke:#edf1d5}
body.scientific-study-app svg [fill="#dfd5f4"]{fill:#edf1d5}
body.scientific-study-app svg [stroke="#dfd5f4"]{stroke:#edf1d5}
body.scientific-study-app svg [fill="#2b1e4b"]{fill:#252525}
body.scientific-study-app svg [stroke="#2b1e4b"]{stroke:#252525}
body.scientific-study-app svg [fill="#382755"]{fill:#333328}
body.scientific-study-app svg [stroke="#382755"]{stroke:#333328}
body.scientific-study-app svg [fill="#5537a6"]{fill:#a5bb00}
body.scientific-study-app svg [stroke="#5537a6"]{stroke:#a5bb00}
body.scientific-study-app svg [fill="#c7b4f2"]{fill:#dce6a1}
body.scientific-study-app svg [stroke="#c7b4f2"]{stroke:#dce6a1}
body.scientific-study-app .mission-panel .eyebrow{color:#795526}
body.scientific-study-app .path-progress{background:#f0f1e7}
body.scientific-study-app .path-node.active{box-shadow:0 3px 0 #e5e9c7}

/* Learning guidance adds no new layout/theme to the approved composition. */
body.scientific-study-app #learning-guide{background:#fafcee}
body.scientific-study-app #learning-guide p{white-space:pre-wrap;line-height:1.65;color:#252525}
body.scientific-study-app #learning-guide details{margin:14px 0}
body.scientific-study-app #learning-guide summary{cursor:pointer;font-weight:700}
body.scientific-study-app #learning-outcome{margin-top:18px;color:#252525}
body.scientific-study-app #learning-outcome p{color:#252525;white-space:pre-wrap}
body.scientific-study-app #learning-guide[hidden],body.scientific-study-app #learning-outcome[hidden]{display:none!important}
body.scientific-study-app :is(#checkpoint-title,#learning-outcome h3){color:#252525!important}
body.scientific-study-app .answer:disabled{opacity:1}
body.scientific-study-app .answer .choice-dot{color:#252525}

/* Structured slides: stored text only, independent from graded progress. */
body.scientific-study-app #slide{background:#fff;border:1px solid #e4e7d7;box-shadow:0 5px 0 #e8eadc;border-radius:24px;padding:28px;text-align:left;min-height:0;color:#252525}
body.scientific-study-app #slide-title{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.03em;color:#252525}
body.scientific-study-app #slide-kicker{color:#626e00;font-size:12px;letter-spacing:.08em}
body.scientific-study-app #slide .study-diagram{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;margin:24px 0;min-width:0}
body.scientific-study-app #slide .diagram-box{background:#f5f8e8;border:1px solid #e3e8cc;border-radius:18px;padding:20px;min-width:0;max-width:none;width:auto;text-align:left;display:flex;flex-direction:column;gap:12px}
body.scientific-study-app #slide .diagram-box:first-child{background:#defb06;border-color:#c9df27}
body.scientific-study-app #slide .diagram-box strong{font-size:clamp(20px,2.5vw,29px);line-height:1.2;overflow-wrap:anywhere}
body.scientific-study-app #slide .diagram-box span{font-size:15px;line-height:1.6;overflow-wrap:anywhere}
body.scientific-study-app #slide-note{background:#fff8e6;color:#393c2d;font-size:16px;line-height:1.6;border-radius:14px;padding:16px;margin:18px 0 0;max-width:none}
body.scientific-study-app #slide .study-slide-source{font-size:12px;color:#6d7262;line-height:1.5;margin:15px 0 0}
body.scientific-study-app #slide[data-kind="comparison"] .study-diagram,body.scientific-study-app #slide[data-kind="steps"] .study-diagram,body.scientific-study-app #slide[data-kind="bars"] .study-diagram{display:block}
body.scientific-study-app #slide table{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed}
body.scientific-study-app #slide th,body.scientific-study-app #slide td{padding:15px 12px;text-align:left;border-bottom:1px solid #e4e8d7;line-height:1.5;overflow-wrap:anywhere}
body.scientific-study-app #slide th{background:#f4f7e3}
body.scientific-study-app #slide .study-steps{padding-left:24px;margin:16px 0}
body.scientific-study-app #slide .study-steps li{padding:12px;background:#f5f8e9;margin-bottom:12px;border-radius:12px;line-height:1.5}
body.scientific-study-app #slide .study-steps p{margin:6px 0 0;white-space:pre-wrap}
body.scientific-study-app #slide .study-step-intro{font-size:16px;color:#646957}
body.scientific-study-app #slide .study-step-count{font-size:13px;margin-left:12px;display:inline-block}
body.scientific-study-app .study-slide-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 22px;flex-wrap:wrap;font-size:13px}
body.scientific-study-app .study-slide-nav button{font-size:13px}
body.scientific-study-app #slide .study-bar-row{display:grid;grid-template-columns:80px 1fr 90px;align-items:center;gap:12px;margin:20px 0;font-size:14px}
body.scientific-study-app #slide .study-bar-track{background:#f2f4e9;border-radius:8px;overflow:hidden}
body.scientific-study-app #slide .study-bar{height:32px;background:#defb06;border-radius:8px}
body.scientific-study-app #slide .study-bar-row:first-child .study-bar{background:#c8d886}
body.scientific-study-app #slide .study-chart-note{font-size:15px;line-height:1.6;background:#f5f8e9;border-radius:12px;padding:15px}
@media(max-width:560px){body.scientific-study-app #slide{padding:19px}body.scientific-study-app #slide .study-diagram{grid-template-columns:1fr}body.scientific-study-app #slide .study-bar-row{grid-template-columns:65px 1fr 75px;gap:7px}body.scientific-study-app .study-slide-nav{padding:12px}.study-slide-nav span{order:-1;width:100%;text-align:center}}
body.scientific-study-app #lesson-title{color:#252525!important}
@media(min-width:901px){body.scientific-study-app #lesson-section .layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:900px){body.scientific-study-app #lesson-section .layout{grid-template-columns:1fr}}
body.scientific-study-app .study-slide-nav[hidden]{display:none!important}
body.scientific-study-app .study-creation-status:not(:empty){padding:16px;background:#f3f7df;border:1px solid #d9e2ad;border-radius:12px;line-height:1.6;color:#252525}
body.scientific-study-app .study-creation-status[data-error="true"]:not(:empty){background:#fff0ea;border-color:#e9bca9;color:#7c2812}
body.scientific-study-app .study-time-preference{padding:16px;border:1px solid #e1e5d3;border-radius:14px;margin:16px 0;line-height:1.5}
body.scientific-study-app .study-time-preference summary{cursor:pointer;font-weight:700}
body.scientific-study-app .study-create-explanation{font-size:14px;line-height:1.6;color:#525749}
body.scientific-study-app .topic-list[hidden]{display:none!important}
/* Guided study: one task at a time, using the approved Weduup palette. */
body.study-guided [hidden]{display:none!important}
body.study-guided #lesson-section .layout{display:block;max-width:780px;margin:0 auto}
body.study-guided .study-step-heading{max-width:780px;margin:24px auto 18px;font-size:clamp(21px,3vw,28px);line-height:1.3;scroll-margin-top:24px;color:#252525!important}
body.study-guided .study-step-heading:focus{outline:none}
body.study-guided .study-practice{display:block;width:100%;margin:22px 0 32px;padding:18px}
body.study-guided .study-session-details{margin:28px 0;color:#5e6344}
body.study-guided .study-session-details summary,body.study-guided .study-voice-settings summary{cursor:pointer;padding:16px;font-weight:700}
body.study-guided .study-session-details .side-column{display:block}
body.study-guided .study-voice-settings{border-top:1px solid #e9e9df;font-size:14px}
body.study-guided #checkpoint{margin-top:0}
body.study-guided #checkpoint>button:first-child{margin-bottom:20px}
body.study-guided .checkpoint-footer{margin-top:22px}
body.study-guided #learning-guide{margin-top:18px}
body.study-guided .header .unit-meta,body.study-guided .play-caption{display:none}
body.study-guided #lesson-section .header{margin-bottom:20px}
body.study-guided #lesson-section .header h1{font-size:clamp(24px,4vw,36px)}
body.study-guided #lesson-section .header .subhead{font-size:16px}
body.study-guided .recall-actions{display:flex;gap:12px;flex-wrap:wrap}
body.study-guided .study-slide-nav{justify-content:flex-start}
body.study-guided .study-slide-nav span{margin-left:auto}
@media(max-width:600px){body.study-guided .checkpoint-footer{align-items:stretch;flex-direction:column}body.study-guided .checkpoint-footer button{width:100%}body.study-guided .recall-actions button{width:100%}}
@media(max-width:600px){
  body.study-guided #lesson-section .topmeta{display:none}
  body.study-guided .study-step-heading{scroll-margin-top:100px}
  body.study-guided #lesson-section{padding-bottom:110px}
  body.study-guided :is(.study-practice,#continue-btn,#show-model,#finish-btn){position:fixed;bottom:18px;left:20px;width:calc(100% - 40px);z-index:40;margin:0;padding:17px;box-shadow:0 5px 0 #a5bb00,0 0 0 8px #fff}
}
