@import url('/assets/fonts.css');
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#213b36;background:#f6f7f3;font-synthesis:none;--green:#153f37;--lime:#d9edaa;--muted:#78847d;--line:#e3e7df;--cream:#f5f4e9}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.1px;font-weight:620;line-height:1.2;margin-bottom:12px}h2{font-size:20px;font-weight:600;letter-spacing:-.4px}h3{font-size:18px;line-height:1.45}p{line-height:1.65}small{line-height:1.5}button:focus-visible,a:focus-visible{outline:3px solid #8ea749;outline-offset:4px}.muted,.footnote{color:var(--muted)}.footnote{font-size:12px;line-height:1.65;margin:20px 0 0}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;display:block;margin-bottom:15px;color:#71826e}.brand{display:flex;gap:10px;align-items:center;font-size:21px;white-space:nowrap;font-weight:750}.brand-light{font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:1.25px;font-weight:500;margin-top:5px}.brand-icon{width:36px;height:42px;background:var(--green);color:var(--lime);border-radius:13px 3px 13px 3px;display:grid;place-items:center;font-family:Georgia,serif;font-size:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--green);background:var(--green);color:white;border-radius:7px;padding:12px 18px;font-weight:550;font-size:12px;min-height:43px}.button:hover{filter:brightness(1.12)}.button.secondary{background:transparent;color:var(--green);border-color:#d9dfd5}.button.cream{background:var(--lime);border-color:var(--lime);color:var(--green)}.button.wide{width:100%;justify-content:space-between}.text-button{border:0;background:none;color:var(--green);font-size:12px;font-weight:600;padding:10px 0}.danger{color:#a9584d!important}.icon-button{border:0;background:transparent;color:inherit;font-size:21px;padding:6px}.count{display:inline-block;padding:3px 8px;font-size:11px;background:#ebeee7;border-radius:5px;margin-left:7px;color:#798574}.workspace{display:flex;min-height:100vh}aside{width:243px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#fcfdf9;padding:32px 24px;display:flex;flex-direction:column}.nav-caption{font-size:9px;letter-spacing:1.5px;color:#96a08f;margin:55px 10px 17px}nav{display:grid;gap:8px}nav button{display:flex;gap:13px;align-items:center;background:transparent;border:0;text-align:left;padding:14px 12px;border-radius:6px;color:#7b887b;font-size:18px}nav button span{font-size:12px}nav button.active{background:#eaf0e2;color:var(--green);font-weight:600}.sidebar-bottom{margin-top:auto}.privacy-note{border:1px solid var(--line);padding:16px;border-radius:8px;margin:30px 0}.privacy-note>span{display:block;font-size:24px;margin-bottom:10px}.privacy-note strong{font-size:11px;display:block}.privacy-note p{font-size:10px;color:#859180;margin:8px 0 0}.account{display:flex;gap:8px;align-items:center}.avatar{background:#e8eddf;padding:10px 12px;border-radius:50%;font-size:12px}.account strong{font-size:11px;display:block}.account small{display:block;font-size:9px;color:var(--muted);max-width:120px;overflow:hidden;text-overflow:ellipsis}.account button{margin-left:auto}.main{margin-left:243px;width:calc(100% - 243px)}.topbar{height:79px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);background:#fcfdf9}.topbar strong{font-weight:500;color:#48584b}.slash{padding:0 12px;color:#c3ccbd}.top-label{letter-spacing:1.4px;font-size:8px;display:flex;align-items:center;gap:12px}.top-label i{width:7px;height:7px;border-radius:50%;background:#91ae66}#content{padding:40px 42px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.page-heading p{font-size:12px;margin-bottom:0}.page-heading .eyebrow{font-size:9px;margin-bottom:12px}.page-heading h1{font-size:29px}.hero{background:var(--green);color:#fff;border-radius:12px;min-height:247px;display:flex;align-items:center;justify-content:space-between;padding:35px 38px;overflow:hidden}.hero .eyebrow{color:#b9cd9a;font-size:9px}.hero h2{font-size:28px;margin-bottom:11px}.hero p{color:#becfc3;font-size:12px;margin-bottom:24px}.hero .button{font-size:11px;padding:10px 15px;min-height:37px}.hero-graphic{position:relative;align-self:stretch;width:34%;min-width:220px;display:grid;place-items:center}.graphic-ring{border:1px solid #486652;border-radius:50%;position:absolute;width:245px;height:245px;right:-10px}.graphic-ring:before{content:'';position:absolute;inset:30px;border:1px solid #486652;border-radius:50%}.mini-chart{z-index:1;transform:rotate(-6deg);background:#f0f4e4;padding:22px 23px;border-radius:8px;color:var(--green);width:185px;box-shadow:15px 12px 0 #214b3e}.mini-chart>span{font-size:7px;letter-spacing:2px}.mini-chart>div{height:76px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #b2bd9f;margin:15px 0}.mini-chart i{width:30px;border-radius:3px 3px 0 0;background:#456b4d;height:45%}.mini-chart i:nth-child(2){height:70%;background:#91b272}.mini-chart i:nth-child(3){height:55%;background:#bccf8d}.mini-chart i:nth-child(4){height:100%;background:#214f3e}.mini-chart strong{font-size:9px}.graphic-plus{position:absolute;color:#c6db8a;font-size:50px;right:0;top:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0 37px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.metrics span{display:block;font-size:10px;color:#71816f}.metrics strong{font-size:31px;display:block;font-weight:500;margin:12px 0 7px}.metrics small{font-size:9px;color:#98a28f}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:27px 0 17px}.section-title h2{font-size:16px;margin:0}.section-title>.muted{font-size:11px}.programs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.program{background:white;border:1px solid var(--line);border-radius:9px;padding:24px;max-width:560px}.program-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.tile-icon{display:grid;place-items:center;background:#edf1e6;color:#597445;width:37px;height:37px;font-size:24px;border-radius:8px}.subtle{font-size:8px;letter-spacing:1px;color:#99a28e}.program h3{font-size:16px;margin-bottom:10px}.program p{font-size:11px;color:#889180}.program-meta{display:flex;gap:12px;font-size:10px;color:#7c876f;margin:22px 0 17px}.program>.text-button{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;width:100%}.table-wrap{border:1px solid var(--line);border-radius:8px;overflow:auto;background:white}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:8px;letter-spacing:1px;color:#8a9784;font-weight:500;background:#fbfcf8;padding:16px 21px}td{padding:17px 21px;font-size:11px;border-top:1px solid var(--line)}td strong{display:block;font-size:11px}td small{display:block;font-size:9px;color:#96a08f;margin-top:5px}.badge{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;font-size:10px;padding:7px 9px;border-radius:5px;background:#edf1e5;color:#667852}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.badge.active{color:#276448;background:#e7f3df}.badge.completed{color:#727b7c;background:#eef0ed}.badge.paused{color:#9a7d3f;background:#faf1dd}.empty{padding:35px;text-align:center;color:var(--muted);font-size:13px}footer{display:flex;justify-content:space-between;color:#96a08e;font-size:9px;border-top:1px solid var(--line);margin-top:40px;padding-top:21px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.back{margin-bottom:20px}.info-box{background:#edf1e5;border:1px solid #e0e6d4;padding:18px;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:20px}.lesson{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:12px}.lesson summary{list-style:none;padding:21px;display:flex;gap:18px;align-items:center;cursor:pointer;font-size:13px}.lesson summary small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.lesson summary b{margin-left:auto;font-size:20px}.lesson-number{font-size:14px;color:#8a9c70;background:#f1f4e8;padding:12px;border-radius:5px}.lesson-body{padding:0 24px 24px;font-size:13px}.pre-line{white-space:pre-line}.question-item{border-top:1px solid var(--line);padding-top:22px;margin-top:18px}.question-item .eyebrow{font-size:8px}.answer-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.answer-preview>div{border:1px solid var(--line);padding:12px;border-radius:5px;font-size:11px}.answer-preview b{margin-right:9px}.answer-preview .correct{background:#eff6e6;border-color:#aec58a}.source{display:block;color:var(--muted);font-size:10px}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:23px}.session-status{display:flex;justify-content:space-between;align-items:center}.connection{font-size:10px;color:#86917d}.connection.online{color:#5a8a42}.connection.offline{color:#ad8247}.live-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.live-metrics article{border:1px solid var(--line);background:#fff;border-radius:7px;padding:16px}.live-metrics span{display:block;font-size:10px;color:var(--muted)}.live-metrics strong{display:block;font-size:27px;margin-top:10px;font-weight:500}.live-metrics small{font-size:13px;color:var(--muted)}.panel{padding:22px;border:1px solid var(--line);border-radius:9px;background:#fff;margin-bottom:20px}.panel .section-title{margin-top:0}.panel h3{font-size:17px}.controls{margin:18px 0}.controls .button{font-size:11px;padding:10px 13px}.join-panel{text-align:center}.join-panel .eyebrow{font-size:9px}.qr{background:#fff;padding:10px;border-radius:10px}.qr svg{width:100%;height:auto;display:block}.join-code{display:block;font-size:24px;margin:16px 0 10px;letter-spacing:2px}.join-panel p,.join-panel a{font-size:11px}.join-panel a{display:block;text-decoration:underline;margin-bottom:18px}.join-panel .button{justify-content:center;font-size:10px}.result-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-bottom:1px solid var(--line);padding:15px 0 23px;font-size:10px;color:var(--muted)}.result-summary strong{display:block;font-size:24px;color:var(--green);font-weight:500;margin-bottom:5px}.result-summary .success strong{color:#73994e}.bar-item{margin:16px 0}.bar-item>div{display:flex;justify-content:space-between;gap:20px;font-size:11px;margin-bottom:7px}.bar-item b{margin-right:7px}.bar-item strong{white-space:nowrap}.bar-item small{font-weight:400;color:var(--muted)}progress{display:block;width:100%;height:10px;border:0;background:#edf0e8;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#edf0e8}progress::-webkit-progress-value{background:#85a56b;border-radius:10px}progress::-moz-progress-bar{background:#85a56b}.explanation{background:#eff4e7;padding:17px;border-radius:7px;margin-top:23px;font-size:12px}.explanation p{margin:8px 0}.explanation small{font-size:9px;color:#7e8e6f}label{display:block;font-size:11px;font-weight:550;margin:18px 0;color:#53654e}input,select,textarea{display:block;width:100%;padding:12px 13px;border:1px solid #dbe1d4;border-radius:6px;background:#fff;margin-top:8px;color:#233d34;font-size:13px}input:focus,textarea:focus,select:focus{outline:2px solid #aac18e;outline-offset:1px}textarea{resize:vertical;min-height:75px}dialog{border:1px solid var(--line);border-radius:12px;width:min(570px,94vw);max-height:90vh;padding:28px;box-shadow:0 20px 100px #10291e33}dialog::backdrop{background:#0a251d70;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#notice{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#163e35;color:#fff;border:1px solid #58776b;border-radius:9px;padding:15px 23px;font-size:13px;max-width:90vw;opacity:0;pointer-events:none;transition:.2s;z-index:10000}#notice.visible{opacity:1;transform:translate(-50%,0)}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:var(--green);color:#f8f9ef;padding:40px 55px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-story .brand-icon{background:#d7e8af;color:#153f37}.login-story .eyebrow{color:#b8ca9d;margin-top:65px;font-size:9px}.login-story h1{font-size:48px;font-weight:450;letter-spacing:-1.6px;margin-top:22px}.login-story p{color:#b7c9b9;font-size:13px}.login-story>small{color:#8da792;font-size:8px;letter-spacing:2px}.story-art{height:230px;position:relative;margin:30px 0 40px;display:flex;align-items:center;justify-content:center}.art-card{transform:rotate(-7deg);background:#e7edce;color:var(--green);padding:22px 27px;border-radius:10px;width:240px;box-shadow:15px 12px 0 #386048}.art-card>span{font-size:8px;letter-spacing:1.5px}.art-card>strong{display:block;font-size:26px;margin:19px 0 5px;font-weight:500}.art-bars{display:flex;align-items:flex-end;gap:10px;height:55px}.art-bars i{display:block;width:38px;height:40%;background:#88a563;border-radius:3px}.art-bars i:nth-child(2){height:60%}.art-bars i:nth-child(3){height:80%}.art-bars i:nth-child(4){height:100%;background:#386048}.art-note{position:absolute;background:#fff;color:#50713a;padding:14px 20px;border-radius:7px;right:0;bottom:0;font-size:11px;box-shadow:0 10px 25px #09231833}.login-form{display:grid;place-items:center;padding:50px}.login-form>div{width:min(355px,100%)}.login-form h2{font-size:33px;margin-bottom:12px}.login-form .muted{font-size:12px;margin-bottom:33px}.login-form .button{margin-top:13px}.participant-page{max-width:590px;margin:auto;padding:24px;min-height:100vh}.participant-page header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:38px}.participant-page .brand{font-size:17px}.participant-page .brand small{font-size:6px}.mobile-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}.mobile-card h1{font-size:27px}.mobile-card h2{font-size:18px}.mobile-card p{font-size:13px}.mobile-card .eyebrow{font-size:8px}.mobile-question{margin-top:30px!important;font-size:23px!important;line-height:1.4}.mobile-options{display:grid;gap:12px;margin:20px 0}.option{display:flex;align-items:center;gap:14px;width:100%;background:#fff;border:1px solid #d9e0d2;border-radius:8px;padding:18px;text-align:left;font-size:14px;color:var(--green);min-height:64px}.option b{background:#eef2e7;border-radius:5px;padding:7px 10px}.option.chosen{border:2px solid #527f47;background:#f0f7e6}.option:disabled{opacity:1}.option:disabled:not(.chosen):not(.correct){color:#8c9684;background:#fafbf7}.option.correct{border-color:#679052;background:#edf5df}.answer-status{color:#5b7d45!important;font-size:12px!important}.waiting-state,.completion{text-align:center;padding:45px 5px}.waiting-state h2{margin-top:25px}.pulse-dot{width:40px;height:40px;border:12px solid #e8efd9;background:#8daa62;border-radius:50%;margin:auto}.completion>span{display:inline-grid;place-items:center;width:65px;height:65px;background:#e6efdb;border-radius:50%;font-size:35px;margin-bottom:25px}.participant-page footer{font-size:9px;display:block;text-align:center;line-height:1.7}.presentation{min-height:100vh;padding:32px 4.5vw;display:flex;flex-direction:column;background:#f7f8f1}.presentation header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.presentation .brand{font-size:25px}.presentation footer{margin-top:auto;padding-top:20px;font-size:11px}.presentation-top{display:flex;align-items:center;justify-content:space-between;margin:20px 0 50px}.presentation-top .eyebrow{margin:0;font-size:12px}.projection-layout{display:grid;grid-template-columns:minmax(0,1fr) 25%;gap:6vw;padding-bottom:55px;align-items:center}.projection-layout h1{font-size:clamp(32px,3.5vw,68px);line-height:1.15;font-weight:550;letter-spacing:-1.3px}.projection-layout .eyebrow{font-size:12px;margin-bottom:20px}.projection-lead{font-size:24px;color:#7d8c70;line-height:1.7}.projection-join{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;text-align:center}.projection-join>strong{font-size:clamp(20px,2vw,37px);letter-spacing:3px;display:block;margin:15px 0}.projection-join p{font-size:13px;color:var(--muted)}.attendance{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.attendance strong{font-size:40px;display:block;font-weight:500}.attendance span{font-size:26px;color:#a1ad91}.attendance small{font-size:12px;color:var(--muted)}.projection-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0}.projection-options>div{border:1px solid #dbe3cd;border-radius:9px;background:#fff;padding:22px;font-size:clamp(16px,1.4vw,25px);display:flex;gap:15px;align-items:center}.projection-options b{color:#859d68}.presentation .result-summary{font-size:15px}.presentation .result-summary strong{font-size:40px}.presentation .bar-item>div{font-size:clamp(14px,1.35vw,24px)}.presentation progress{height:18px}.presentation .explanation{font-size:17px}.presentation .explanation small{font-size:11px}.loading,.error-page{padding:80px;max-width:800px;margin:auto}.error-page .brand{margin-bottom:50px}@media(min-width:1600px){#content{padding:48px 65px}.hero{min-height:280px}.page-heading h1{font-size:35px}.program p{font-size:13px}}@media(max-width:1100px){aside{width:205px;padding:25px 18px}.main{margin-left:205px;width:calc(100% - 205px)}#content{padding:30px 24px}.topbar{padding:0 24px}.hero{padding:28px}.hero h2{font-size:24px}.live-layout{grid-template-columns:1fr}.live-layout>section:last-child{display:flex;gap:20px}.join-panel{max-width:280px}.hero-graphic{transform:scale(.8);min-width:170px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.login-story{padding:35px}.login-story h1{font-size:40px}}@media(max-width:760px){aside{position:static;width:100%;padding:17px;border-right:0;border-bottom:1px solid var(--line)}.workspace{display:block}aside .brand{font-size:18px}.nav-caption,.sidebar-bottom{display:none}nav{display:flex;margin-top:18px;gap:5px}nav button{padding:10px;font-size:14px;gap:7px}nav button span{font-size:10px}.main{margin:0;width:100%}.topbar{height:50px;padding:0 20px}.top-label{display:none}#content{padding:25px 18px}.page-heading{flex-direction:column;gap:18px}.page-heading h1{font-size:26px}.hero{padding:26px;min-height:240px}.hero-graphic{display:none}.hero h2{font-size:25px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{padding:17px}.programs{grid-template-columns:1fr}.program{max-width:none}.section-title{flex-wrap:wrap}.live-metrics{grid-template-columns:1fr 1fr}.live-layout>section:last-child{display:block}.join-panel{max-width:none}.join-panel .qr{max-width:240px;margin:auto}.answer-preview{grid-template-columns:1fr}.controls .button{flex-grow:1}.login{grid-template-columns:1fr}.login-story{padding:24px}.login-story>div:not(.brand),.login-story>small{display:none}.login-form{padding:45px 25px;align-items:start}.login-form h2{font-size:32px}.participant-page{padding:18px}.mobile-card{padding:23px}.participant-page header{margin-bottom:25px}.presentation{padding:22px}.presentation header{gap:10px}.presentation .brand{font-size:18px}.presentation-top{margin:0 0 30px}.projection-layout{grid-template-columns:1fr}.projection-layout h1{font-size:32px}.projection-join{max-width:270px;margin:auto}.projection-lead{font-size:18px}.projection-options{grid-template-columns:1fr}.projection-options>div{padding:15px}.presentation .result-summary strong{font-size:26px}.presentation .result-summary{font-size:11px}.presentation .explanation{font-size:13px}footer span{display:none}.projection-join .qr{width:190px;margin:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.projection-join>strong{font-size:clamp(15px,1.65vw,32px);letter-spacing:1.5px;white-space:nowrap}@media(min-width:761px){.projection-layout{grid-template-columns:minmax(0,1fr) minmax(230px,25%)}}
.lesson-content p { font-size: 1.1rem; line-height: 1.65; margin: 1.15rem 0; }
.lesson-content h1 { font-size: clamp(1.6rem, 3vw, 2.6rem); line-height: 1.15; }
.presentation .lesson-content p { font-size: clamp(1.1rem, 1.6vw, 1.65rem); line-height: 1.5; }
.presentation .lesson-content h1 { font-size: clamp(2rem, 3vw, 3.4rem); }
.pause-screen { text-align:center; padding:clamp(28px,6vh,80px) clamp(8px,2vw,32px); }
.pause-symbol { display:inline-grid; place-items:center; width:clamp(64px,8vw,112px); height:clamp(64px,8vw,112px); border-radius:50%; background:#e8efd9; color:var(--green); font-size:clamp(32px,4vw,56px); margin-bottom:24px; }
.pause-screen h1, .mobile-card .pause-screen h1, .projection-layout .pause-screen h1 { font-size:clamp(2.8rem,7vw,7rem); line-height:1.1; letter-spacing:-.04em; margin:16px 0 24px; overflow-wrap:anywhere; }
.pause-screen p, .mobile-card .pause-screen p { font-size:clamp(1rem,1.7vw,1.5rem); max-width:32em; margin:0 auto; color:#63745c; }
.session-recap { max-width:1050px; margin:auto; overflow-wrap:anywhere; }
.session-recap h1, .mobile-card .session-recap h1 { font-size:clamp(1.8rem,4vw,3.6rem); line-height:1.15; }
.session-recap ul { list-style:none; padding:0; display:grid; gap:16px; margin:24px 0; }
.session-recap li { border-left:4px solid #a2bb77; background:#eef3e5; border-radius:0 10px 10px 0; padding:16px 20px; }
.session-recap li strong { font-size:clamp(1rem,1.6vw,1.4rem); }
.session-recap li p, .mobile-card .session-recap li p { margin:8px 0 0; font-size:clamp(.95rem,1.3vw,1.2rem); line-height:1.5; }
.recap-lead, .recap-thanks { color:#63745c; }
.projection-layout.session-ending { grid-template-columns:minmax(0,1fr); gap:0; }
.session-ending .projection-join { display:none; }
.projection-layout.qr-hidden { grid-template-columns:minmax(0,1fr); }
.qr-hidden .projection-join { display:none; }
.bar-item.correct-answer { background:#e5f4df; border:2px solid #4d8a39; border-radius:10px; padding:14px 16px; color:#245b1d; }
.bar-item.correct-answer b { color:#245b1d; }
.correct-label { display:inline-block; color:#245b1d; font-weight:700; font-size:.8em; }
.option.correct { background:#e5f4df; border:2px solid #4d8a39; color:#245b1d; }
.option .correct-label { margin-left:auto; flex-shrink:0; }
.custom-brand img { width:200px; max-width:100%; height:60px; object-fit:contain; }
.participant-page .custom-brand img { width:165px; height:50px; }
.public-home { max-width:1050px; margin:auto; padding:32px 24px; min-height:100vh; }
.public-home header { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.public-welcome { padding:clamp(45px,10vh,120px) 0; }
.public-welcome h1 { font-size:clamp(2rem,5vw,4rem); }
.public-session { display:flex; align-items:center; gap:20px; flex-wrap:wrap; background:white; border:1px solid var(--line); border-radius:12px; padding:24px; margin:20px 0; }
.public-session h2 { flex:1; margin:0; min-width:180px; }
.citation { margin:16px 0; font-size:12px; color:#526349; overflow-wrap:anywhere; }
.citation summary { cursor:pointer; font-weight:650; padding:8px 0; }
.citation p, .presentation .citation p, .mobile-card .citation p { font-size:12px; line-height:1.6; margin:8px 0; }
.citation a, .source-entry a { text-decoration:underline; margin-right:12px; }
.source-entry { background:white; border:1px solid var(--line); border-radius:10px; padding:24px; margin:20px 0; overflow-wrap:anywhere; scroll-margin-top:20px; }
.lesson-content .scenario-note, .presentation .lesson-content .scenario-note, .mobile-card .lesson-content .scenario-note { font-size:12px; line-height:1.5; color:#63745c; }
@media(max-width:480px) { .option.correct { flex-wrap:wrap; } .option .correct-label { flex-basis:100%; text-align:right; } }
@media(max-width:480px) { .participant-page{padding:12px} .mobile-card{padding:20px 16px} .pause-screen{padding:36px 0} .session-recap li{padding:14px} .presentation header{flex-wrap:wrap} .presentation-top{gap:12px;flex-wrap:wrap} }

/* Participant feedback after the trainer reveals the answer. */
.option.wrong{border:2px solid #b93838;background:#fdeaea;color:#8f2020;flex-wrap:wrap}
.option.wrong b{background:#f8cfcf;color:#8f2020}
.option .wrong-label{margin-left:auto;flex-shrink:0;color:#8f2020;font-weight:600}
@media(max-width:700px){.option .wrong-label{flex-basis:100%;text-align:right}}