/* One shared Deer Studio website: learner tasks and Volunteer are sections. */
:root{--forest:#14675f;--forest-deep:#104e49;--teal:#296e60;--cream:#fff;--white:#fff;--ink:#243e37}
body{background:#fff}
.unified-site.focus-shell{background:#fff;max-width:none;border:0;display:block}
.unified-site .topbar{position:relative;display:flex;align-items:center;gap:22px;padding:18px max(24px,calc((100vw - 1380px)/2));border-top:4px solid var(--forest);border-bottom:1px solid #e4eae6;background:white;min-height:96px}
.unified-site .topbar .brand{margin:0;padding:0;gap:10px;color:#203e36;flex-shrink:0}
.unified-site .brand-mark{stroke:currentColor;width:32px;height:42px}
.unified-site .brand strong{font-size:23px;letter-spacing:-.6px;white-space:nowrap}
.unified-site .brand small{display:inline;font-size:13px;letter-spacing:0;color:var(--forest);margin-left:4px}
.unified-site .desktop-nav{display:flex;gap:7px;align-items:center;margin-left:12px;flex:1}
.unified-site .topbar .nav-item{width:auto;min-height:50px;padding:12px 15px;font-size:17px;color:#3b514b;gap:8px;white-space:nowrap;border-radius:8px}
.unified-site .topbar .nav-item.active{background:#e9f3ef;color:#124e43;box-shadow:inset 0 -3px 0 #14675f}
.unified-site .topbar .nav-item:hover{background:#edf4ef}
.unified-site .topbar-actions{gap:4px;margin:0}
.unified-site .top-action{font-size:16px;min-height:48px;background:white;border:0;padding:10px;min-width:44px}
.unified-site .top-action:hover{background:#edf4ef}
.unified-site .menu-trigger{padding:8px;border:0;min-width:42px}
.unified-site .menu-trigger span{display:none}
.unified-site .main-content{width:100%;max-width:1320px;padding:40px 40px 92px;margin:0 auto}
.unified-site .identity-label{display:none}
.unified-site .sidebar{background:white;color:#243e37}
.site-menu-connection{margin:24px 0}.site-menu-caption{font-size:15px;color:#62776e;margin-top:auto}
.unified-site .sidebar nav .nav-item{color:#25473c;white-space:normal}.unified-site .sidebar nav .nav-item.active{background:#e9f3ef}
.unified-site .section-navigation{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #dce5dd;padding-bottom:12px;margin:0 0 30px}
.unified-site .section-navigation .nav-item{width:auto;color:#37584d;padding:10px 15px;font-size:17px;min-height:48px;border-radius:8px;gap:9px}
.unified-site .section-navigation .nav-item.active{background:#e9f3ef;color:#104e49;box-shadow:inset 0 -2px #14675f}
.site-welcome{display:grid;grid-template-columns:1.02fr 1fr;gap:54px;align-items:center;margin:10px 0 52px}
.site-welcome h1{font-size:clamp(34px,3.4vw,50px);line-height:1.12;max-width:540px;margin:0 0 22px;letter-spacing:-1.4px;color:#203e36}
.site-intro{font-size:20px;line-height:1.6;color:#566a62;max-width:520px;margin-bottom:26px}
.site-welcome>img{width:100%;height:470px;object-fit:cover;border-radius:22px 22px 70px 22px}
.site-current{border-left:4px solid #14675f;padding:2px 0 2px 20px;margin:24px 0 12px}
.site-current>p{font-size:16px;color:#61766b;margin:0 0 6px}.site-current>h2{font-size:25px;line-height:1.25;margin-bottom:20px}
.site-current .btn{min-height:58px;font-size:20px;padding:15px 24px;border-radius:10px}
.site-welcome-copy>.text-link{margin-left:24px;margin-top:3px;font-size:17px}
.site-growth{border-top:1px solid #dce5dd;padding-top:30px;margin-bottom:36px}
.site-growth>div{display:flex;gap:20px;justify-content:space-between;align-items:center}.site-growth h2{font-size:26px;margin-bottom:22px}.site-growth .text-link{font-size:16px;white-space:nowrap}
.site-growth ol{display:grid;grid-template-columns:1fr 1fr 1fr;list-style:none;padding:0;margin:0;gap:28px}
.site-growth li{display:flex;gap:15px;margin:0;padding:12px 0}.site-growth li>.icon{color:#387b67;width:32px;height:32px;margin-top:1px}
.site-growth h3{font-size:22px;letter-spacing:-.3px;margin-bottom:7px}.site-growth p{font-size:17px;color:#61736b;margin:0}
.site-volunteer-invite{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#eef4f0;padding:26px 30px;border-radius:12px}
.site-volunteer-invite>div{display:grid;grid-template-columns:32px 1fr;gap:6px 14px}.site-volunteer-invite h2{font-size:23px;margin:0}.site-volunteer-invite p{grid-column:2;margin:0;max-width:600px;font-size:17px}.site-volunteer-invite .btn{flex-shrink:0}
.site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px;border-top:1px solid #dce5dd;margin-top:54px;padding-top:25px;font-size:15px;color:#62766c}
.site-footer span{margin-right:auto}.site-footer button{background:none;text-align:left;padding:10px 0;min-height:44px;font-size:15px}
.unified-site .course-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start}
.course-directory{position:sticky;top:24px;border-right:1px solid #dce5dd;padding-right:22px}
.course-directory>.text-link{font-size:17px}.course-directory summary{font-size:18px;font-weight:650;line-height:1.5;cursor:pointer;margin-bottom:14px;list-style:none;display:flex;gap:9px;align-items:flex-start}
.course-directory-lesson{display:flex;gap:12px;text-align:left;background:white;padding:16px 12px;width:100%;font-size:16px;line-height:1.4;border-bottom:1px solid #e3e9e4;border-radius:0}
.course-directory-lesson>span:first-child{color:#718275;flex-shrink:0}.course-directory-lesson.current{background:#e9f3ef;color:#174f42;border-left:3px solid #14675f;font-weight:650}
.course-main{min-width:0}.unified-site.is-lesson .main-content{max-width:1420px}.unified-site .course-main .lesson-media,.unified-site .course-main .session-one-page{min-width:0;max-width:100%}
.unified-site .course-main h1{font-size:clamp(28px,2.5vw,39px)}
.programme-about{max-width:1000px;margin:auto}.programme-about .lead{max-width:780px;font-size:21px}.programme-intro{max-width:800px;font-size:19px}
.programme-steps{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin:26px 0 36px}
.programme-steps li{display:flex;gap:18px;padding:22px 0;border-top:1px solid #dce5dd;margin:0}.programme-step-number{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#edf4ef;color:#14675f;flex-shrink:0;font-weight:700}
.programme-steps h2{font-size:23px;margin:6px 0 10px}.programme-steps p{font-size:18px;margin:0;color:#566a62}
.programme-practical{background:#eef4f0;padding:28px;border-radius:12px;font-size:19px}.programme-practical .text-link{margin:0 0 0 20px}
.programme-partner{padding:26px 0;border-bottom:1px solid #dce5dd}.programme-partner summary{cursor:pointer;min-height:44px;font-weight:650;font-size:21px}.programme-partner p{font-size:18px;max-width:850px}.programme-legacy{margin-top:30px;font-size:18px;max-width:850px}
.unified-site .support-home-hero{margin-top:15px}.unified-site .youth-connection-row{margin-top:10px}
@media(min-width:960px){.unified-site+.bottom-nav{display:none}.unified-site .course-directory details>nav{display:block}}
@media(max-width:1190px){.unified-site .topbar{gap:12px;padding:14px 20px}.unified-site .desktop-nav{margin-left:0;gap:0}.unified-site .topbar .nav-item{font-size:16px;padding:11px 10px}.unified-site .topbar .nav-item>.icon{display:none}.unified-site .brand strong{font-size:21px}.site-welcome{gap:32px}.site-welcome>img{height:440px}}
@media(max-width:959px){.unified-site .desktop-nav,.unified-site .desktop-learning{display:none}.unified-site .topbar{min-height:80px;gap:15px;padding:12px 22px}.unified-site .topbar-actions{margin-left:auto}.unified-site .main-content{padding:26px 24px 145px}.unified-site+.bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.unified-site+.bottom-nav .nav-item{width:auto;min-width:0;font-size:14px;padding:8px 3px;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:65px;color:#395b4d}.unified-site+.bottom-nav .nav-item.active{background:#e9f3ef;color:#124e43}.unified-site .course-workspace{display:block}.course-directory{position:static;border:1px solid #dce5dd;border-radius:10px;padding:12px 18px;margin-bottom:24px}.course-directory>.text-link{margin-bottom:0}.course-directory summary{margin:0;padding:8px 0}.course-directory details:not([open])>nav{display:none}.course-directory details[open]>nav{display:block}.site-welcome{gap:24px}.site-welcome>img{height:390px}.site-welcome h1{font-size:35px}.site-intro{font-size:19px}.site-current>h2{font-size:23px}.site-growth ol{gap:18px}.site-growth h3{font-size:20px}.site-volunteer-invite{flex-direction:column;align-items:flex-start}.site-volunteer-invite .btn{margin-left:46px}.unified-site .section-navigation{margin-bottom:24px}.unified-site .section-navigation .nav-item{font-size:16px;padding:8px 10px}}
@media(max-width:640px){.unified-site .topbar{gap:8px;padding:10px 12px}.unified-site .brand strong{font-size:20px}.unified-site .brand-mark{width:25px}.unified-site .brand small{font-size:11px;margin-left:1px}.unified-site .top-action{font-size:15px;padding:8px;min-width:42px}.unified-site .main-content{padding:25px 19px 145px}.site-welcome{display:flex;flex-direction:column;align-items:stretch;gap:22px;margin:0 0 30px}.site-welcome h1{font-size:35px;max-width:420px;letter-spacing:-1px}.site-intro{font-size:19px;margin-bottom:20px}.site-welcome>img{height:220px;object-position:50% 40%;border-radius:14px 14px 40px 14px}.site-current{margin-top:20px}.site-current .btn{font-size:19px;min-height:56px}.site-growth>div{display:block}.site-growth h2{font-size:25px;margin:0}.site-growth .text-link{margin:8px 0 14px}.site-growth ol{display:block}.site-growth li{padding:17px 0;border-bottom:1px solid #e3eae5}.site-volunteer-invite{padding:23px 20px;gap:17px}.site-volunteer-invite>div{display:block}.site-volunteer-invite>div>.icon{margin-bottom:12px}.site-volunteer-invite h2{margin-bottom:10px}.site-volunteer-invite .btn{margin:0;width:100%}.site-footer{display:block;margin-top:35px}.site-footer span,.site-footer button{display:block}.unified-site .section-navigation{gap:4px;display:grid;grid-template-columns:1fr 1fr}.unified-site .section-navigation .nav-item{font-size:16px;justify-content:flex-start;gap:7px}.programme-steps{display:block}.programme-practical{padding:23px}.programme-practical .text-link{margin:14px 0 0}.programme-about .lead{font-size:19px}}
@media(max-width:360px){.unified-site .topbar{gap:4px;padding:8px}.unified-site .brand strong{font-size:18px}.unified-site .brand-mark{width:20px}.unified-site .brand small{display:none}.unified-site .top-action{min-width:40px;padding:7px}.site-welcome h1{font-size:31px}.unified-site .main-content{padding-left:15px;padding-right:15px}.unified-site+.bottom-nav .nav-item{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.unified-site *{transition:none!important}}
/* September demo pass: shared visual hierarchy across the product. */
:root{--forest:#245b45;--forest-deep:#173f30;--ink:#233d33;--cream:#f5f7f2;--muted:#607169;--line:#dce4db}
body,.unified-site.focus-shell{background:#f5f7f2;color:#233d33}
.unified-site{font-size:18px;line-height:1.55}
.unified-site h1,.unified-site h2,.unified-site h3{font-family:'Trebuchet MS','Segoe UI',sans-serif;letter-spacing:-.035em;color:#233d33}
.unified-site h1{font-size:36px;line-height:1.15;font-weight:700}
.unified-site h2{font-size:26px;line-height:1.25}.unified-site h3{font-size:21px;line-height:1.3}
.unified-site .topbar{min-height:82px;padding-top:11px;padding-bottom:11px;border-top:0;box-shadow:0 1px 0 #dfe6dc;gap:20px}
.unified-site .topbar .brand strong{font-family:'Trebuchet MS','Segoe UI',sans-serif;font-size:23px;letter-spacing:-1px}
.unified-site .topbar .nav-item{font-size:17px;min-height:48px;border-radius:8px;padding:10px 15px}
.unified-site .topbar .nav-item.active{box-shadow:none;background:#e8efe5;color:#214d38;font-weight:700}
.unified-site .topbar-actions .desktop-learning .nav-item{border:1px solid #dce4db}
.unified-site .main-content{max-width:1240px;padding:34px 36px 110px}
.unified-site .page-heading{margin:0 0 26px;padding:0}.unified-site .page-heading h1{margin:0 0 9px}.unified-site .page-heading .lead{font-size:18px;line-height:1.55;max-width:650px;color:#627269;display:block;margin:0}
.unified-site .btn{border-radius:10px;min-height:52px;padding:13px 22px;font-size:18px;line-height:1.35;font-weight:650;gap:10px;box-shadow:none;white-space:normal}
.unified-site .btn.primary{background:#245b45;color:white;border:1px solid #245b45}.unified-site .btn.primary:hover{background:#173f30;border-color:#173f30}
.unified-site .btn.secondary{background:white;color:#245b45;border:1px solid #a6b6a6}.unified-site .btn:disabled{background:#e0e6df;color:#526558;border-color:#d5ded2;opacity:1}
.unified-site .text-link{font-size:17px;min-height:44px;color:#245b45;gap:9px;font-weight:650}
.unified-site :is(button,a,summary,input,textarea,select):focus-visible{outline:3px solid #b97f17;outline-offset:4px}
.unified-site :is(input,textarea,select){font:inherit;border:1px solid #a8b8aa;border-radius:8px;background:#fff;padding:13px 15px;color:#233d33;max-width:100%}
.unified-site summary{cursor:pointer}.unified-site p{color:#566b5e}.unified-site .card{box-shadow:none;border:1px solid #dde5db;border-radius:16px;background:#fff}
.demo-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.demo-page-heading h1{margin:0 0 9px}.demo-page-heading p{font-size:18px;margin:0;color:#607169}.demo-page-heading>.text-link{flex-shrink:0}
.demo-lesson-hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:345px;background:#e6eedf;border:1px solid #d9e3d0;border-radius:20px;overflow:hidden}
.demo-lesson-copy{padding:34px 38px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.demo-context{display:flex;gap:9px;align-items:center;color:#587058;font-size:16px;font-weight:650;margin:0 0 14px}.demo-context .icon{width:21px;height:21px}
.demo-lesson-copy h2{font-size:36px;line-height:1.16;margin:0 0 12px;max-width:460px}.demo-lesson-copy>p{margin:0 0 24px;font-size:17px}.demo-lesson-copy .primary{min-height:56px;padding:14px 26px}.demo-lesson-copy>.text-link{margin:10px 0 -6px;padding-left:0}
.demo-lesson-hero>img{width:100%;height:100%;max-height:405px;min-height:345px;object-fit:cover;object-position:48% 43%}
.demo-home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 34px}
.demo-shortcut{padding:24px;background:#fff;border:1px solid #dce4d7;border-radius:14px;display:flex;align-items:center;gap:18px;text-align:left;color:#233d33;min-height:114px;transition:background .12s,border-color .12s}
.demo-shortcut:hover{background:#eff4ea;border-color:#91a98b}.demo-shortcut>span:nth-child(2){flex:1}.demo-shortcut strong{display:block;font-size:22px;line-height:1.3;margin-bottom:5px}.demo-shortcut small{display:block;font-size:17px;line-height:1.45;color:#64756a;font-weight:400}
.demo-shortcut-icon{width:54px;height:54px;display:grid;place-items:center;background:#ecf1e8;color:#3c6650;border-radius:13px;flex-shrink:0}.demo-shortcut-icon .icon{width:27px;height:27px}.volunteer-shortcut .demo-shortcut-icon{background:#f4edda;color:#806327}.after-class-shortcut{border-color:#e6c23e;background:#fffdf0}.after-class-shortcut .demo-shortcut-icon{background:#fff0a8;color:#765b00}
.demo-pathway{padding:0 0 8px}.demo-pathway>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-pathway h2{font-size:23px;margin:0}.demo-pathway ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:18px 0 0;border-top:1px solid #d9e1d5}
.demo-pathway li{display:flex;gap:15px;align-items:flex-start;padding:22px 20px 0 0;color:#819184}.demo-pathway li[aria-current]{color:#245b45}.demo-pathway li>.icon{width:27px;height:27px;flex-shrink:0}.demo-pathway h3{font-size:20px;margin:0 0 5px}.demo-pathway p{font-size:16px;margin:0}.demo-pathway li[aria-current] p{color:#245b45;font-weight:650}
.unified-site .lessons-page{max-width:none}.unified-site .lesson-resume{background:white;border:1px solid #dce4d7;border-left:5px solid #668866;border-radius:12px;padding:24px 28px;margin:0 0 30px;gap:28px;display:flex;justify-content:space-between;align-items:center}.unified-site .lesson-resume h2{font-size:27px;margin:4px 0 7px}.unified-site .lesson-resume-copy>p{font-size:16px;margin:0}.unified-site .lesson-resume .btn{flex-shrink:0;font-size:17px}
.unified-site .lesson-catalogue h2{font-size:24px;margin:0 0 5px}.unified-site .lesson-catalogue-hint{font-size:17px;margin:0 0 20px}
.unified-site .lesson-topics{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.unified-site .lesson-topic{border:1px solid #dbe3d7;background:white;border-radius:14px;margin:0;overflow:hidden;box-shadow:none}.unified-site .lesson-topic>summary{min-height:126px;padding:24px;display:flex;align-items:center;gap:18px;background:white;list-style:none}.unified-site .lesson-topic>summary:hover{background:#f0f5ed}.unified-site .lesson-topic-title{font-size:21px;line-height:1.3;font-weight:650;flex:1}.unified-site .lesson-topic-title small{font-size:16px;font-weight:400;margin-top:8px;color:#6a7a6c}.unified-site .lesson-topic-icon{width:52px;height:52px;border-radius:13px;flex-shrink:0;background:#e6eedf;color:#587645;display:grid;place-items:center}.unified-site .lesson-topic-icon .icon{width:26px;height:26px}.unified-site .lesson-topic:nth-child(3n+2) .lesson-topic-icon{background:#f5ecd9;color:#93722f}.unified-site .lesson-topic:nth-child(3n+3) .lesson-topic-icon{background:#e6eff0;color:#46727b}
.unified-site .lesson-topic[open]{grid-column:1/-1;border-color:#789575}.unified-site .lesson-topic[open]>summary{min-height:96px;border-bottom:1px solid #dce5d7;background:#edf3e7}.unified-site .lesson-topic-list{padding:0 24px}.unified-site .lesson-topic-row{padding:17px 10px;min-height:76px;border-radius:0;border-bottom:1px solid #e3e9df;font-size:18px;gap:18px}.unified-site .lesson-topic-row:last-child{border-bottom:0}.unified-site .lesson-topic-row.current{background:#f3f7ee}.unified-site .lesson-topic-row b{font-size:19px}.unified-site .lesson-topic-row small{font-size:15px;color:#637663}.unified-site .lesson-topic-number{background:#eef2e8;color:#66795b}
.unified-site .section-navigation{padding:0 0 16px;margin:0 0 25px;border-color:#d8e1d2;gap:6px}.unified-site .section-navigation .nav-item{min-height:44px;border-radius:8px;font-size:16px;padding:9px 15px;background:transparent}.unified-site .section-navigation .nav-item.active{background:#e4ecdD;box-shadow:none}
.unified-site .demo-learning-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:26px;align-items:start}.unified-site .activity-next{background:#e9efdf;border:1px solid #d9e3cf;border-radius:16px;margin:0}.unified-site .activity-library .activity-next-copy{padding:26px}.unified-site .activity-next h2{font-size:27px;margin:12px 0}.unified-site .activity-next p{font-size:17px;margin-bottom:16px}.unified-site .activity-next-copy>.feature-symbol{float:none;width:42px;height:42px;margin:0 0 20px;background:#dce8cc}.unified-site .activity-next-actions{display:grid;gap:10px;margin-top:24px}.unified-site .activity-next-actions>*{width:100%;justify-content:center;font-size:17px}.unified-site .activity-saved{margin:0;background:#fff;border:1px solid #dce4d7;border-radius:16px;padding:26px;min-height:350px}.unified-site .activity-section-heading h2{font-size:24px;margin:0}.unified-site .activity-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:36px 20px;gap:16px}.unified-site .activity-empty>span{width:66px;height:66px;background:#f1f4e9;border-radius:50%;display:grid;place-items:center;color:#6c845d}.unified-site .activity-empty>span .icon{width:30px;height:30px}.unified-site .activity-empty h3{font-size:23px}.unified-site .activity-empty p{font-size:17px;max-width:310px;margin:0}.unified-site .activity-storage-note{font-size:15px;line-height:1.5}.unified-site .activity-folder{border:1px solid #dce4d7;box-shadow:none;border-radius:10px}.unified-site .activity-drafts{grid-column:1/-1}.unified-site .activity-capture{max-width:790px;margin:auto}.unified-site .response-card{padding:32px}.unified-site .record-panel{background:#f1f5e9;border:1px solid #d9e5cd;border-radius:14px;padding:26px}.unified-site .written-response{border-top:1px solid #dde5d7;padding-top:18px}
.volunteer-welcome{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #dde4d3;border-radius:18px;overflow:hidden;background:#eef2e5;margin:0 0 24px}.volunteer-welcome>div{padding:32px 36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.volunteer-welcome h2{font-size:34px;max-width:400px;margin:0 0 16px}.volunteer-welcome p{font-size:18px;max-width:420px;margin:0 0 24px;line-height:1.55}.volunteer-welcome>img{height:340px;object-fit:cover;width:100%;object-position:48% 42%}
.volunteer-current{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #dce4d7;border-radius:14px;background:#fff;padding:26px 30px}.volunteer-current h2{font-size:27px;margin:0 0 8px}.volunteer-current p{margin:0;font-size:17px}.volunteer-current .support-source{font-size:15px;margin-top:9px}.volunteer-current .btn{flex-shrink:0}.volunteer-current .demo-context{margin-bottom:12px}.unified-site .help-inbox-empty{padding:18px 23px;background:#eaf2e4;border:1px solid #d9e4cf;border-radius:12px;margin-bottom:20px}.unified-site .incoming-help{padding:26px 30px;border-radius:16px;border:2px solid #b88a38;background:#fff6df}.unified-site .youth-connection-row{margin:0 0 18px}.unified-site .support-source{font-size:16px}
.unified-site .partner-action{background:#e7efdd;border:1px solid #d1dec3;border-radius:16px;padding:28px}.unified-site .volunteer-action{border:1px solid #dce4d7;border-top:4px solid #bca059;border-radius:16px;padding:28px;background:white}.unified-site .support-more{background:#fff;border:1px solid #dce4d7;border-radius:12px;padding:20px}.unified-site .support-more summary{min-height:44px;font-size:18px}.unified-site .support-notes-empty{background:white;border:1px solid #dce4d7;padding:40px;border-radius:16px}.unified-site .support-note-card{background:#fff;border:1px solid #dce4d7;border-radius:14px}.unified-site .confirmed-support{margin-top:28px;padding-top:24px;border-top:1px solid #dce4d7}
.unified-site .course-directory{background:#fff;border:1px solid #dce4d7;padding:20px 16px;border-radius:14px;top:20px}.unified-site .course-directory summary{font-size:17px;margin:12px 0}.unified-site .course-directory-lesson{font-size:16px;padding:16px 9px}.unified-site .course-directory-lesson.current{background:#e7efdd;border-left-color:#567947}.unified-site .course-workspace{grid-template-columns:245px minmax(0,1fr);gap:28px}.unified-site .course-main .page-heading{margin-bottom:23px}.unified-site .s1-stage-panel{background:#fff;border-color:#dce4d7;border-top-color:#789565}.unified-site .s1-overview-video>summary,.unified-site .s1-stage-menu>summary{background:#fff;border:1px solid #dce4d7;border-radius:10px}.unified-site .s1-step-actions .btn{min-height:54px}
.unified-site .growth-page{max-width:1000px;margin:auto}.unified-site .growth-achievements{background:#fff;border:1px solid #dce4d7;border-radius:14px;padding:26px;margin:24px 0}.unified-site .growth-next{background:#e9efdf;border:1px solid #d9e3cf;border-radius:14px;padding:26px}.unified-site .learning-pathway{background:white;border:1px solid #dce4d7;border-radius:12px;padding:12px}.unified-site .learning-pathway>span{border:0;background:transparent}.unified-site .learning-pathway>span[aria-current]{background:#e8efdf;box-shadow:none;border-radius:8px}
.unified-site .programme-about{max-width:980px}.unified-site .programme-intro{padding:25px 30px;border-radius:14px;background:white;border:1px solid #dce4d7}.unified-site .programme-steps{background:transparent;gap:18px;margin:24px 0}.unified-site .programme-steps li{background:white;border:1px solid #dce4d7;border-radius:12px;padding:24px}.unified-site .programme-practical{background:#e7efdd}.unified-site .dialect-feature{background:white;border:1px solid #dce4d7;box-shadow:none;border-radius:18px;overflow:hidden}.unified-site .dialect-switch{background:transparent}.unified-site .programme-empty{background:white;border:1px solid #dce4d7;border-radius:16px;padding:32px}
.site-footer{margin-top:42px;padding-top:20px;color:#61725f}.site-footer button{font-size:15px}
.help-dock .always-help{background:#edc367;color:#3b482c;border:1px solid #c49b43;border-radius:12px;box-shadow:0 4px 18px #38402b15;min-height:52px;font-size:18px}
@media(min-width:960px){.unified-site .btn{white-space:nowrap}.unified-site .activity-next .btn{white-space:normal}}
@media(max-width:1150px) and (min-width:960px){.unified-site .topbar{gap:10px;padding-left:20px;padding-right:20px}.unified-site .topbar .nav-item{font-size:16px;padding:10px}.unified-site .topbar .brand strong{font-size:21px}.unified-site .demo-learning-layout{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:959px){.unified-site .main-content{padding:28px 24px 145px}.unified-site .topbar{min-height:76px;padding:10px 16px;gap:12px}.unified-site .course-workspace{display:block}.unified-site .course-directory{padding:12px 18px;margin-bottom:20px}.unified-site .demo-learning-layout{grid-template-columns:1fr}.unified-site .activity-next-copy>.feature-symbol{float:right}.unified-site .activity-next-actions{display:flex;flex-wrap:wrap}.unified-site .activity-next-actions>*{width:auto}.unified-site .course-directory summary{margin:0}.demo-lesson-copy{padding:28px}.demo-lesson-copy h2{font-size:31px}.demo-lesson-hero>img{min-height:330px}.demo-page-heading h1{font-size:32px}.demo-page-heading>.text-link{display:none}}
@media(max-width:640px){.unified-site .main-content{padding:24px 18px 145px}.unified-site h1{font-size:30px}.unified-site .topbar{min-height:72px;gap:5px;padding:8px 10px}.unified-site .topbar .brand strong{font-size:20px}.unified-site .topbar .brand{gap:6px}.unified-site .topbar-actions{gap:0}.unified-site .page-heading{margin-bottom:21px}.unified-site .page-heading .lead{font-size:17px}.demo-page-heading{margin-bottom:22px}.demo-page-heading h1{font-size:31px}.demo-page-heading p{font-size:17px;max-width:290px}.demo-lesson-hero{display:flex;flex-direction:column;min-height:0;border-radius:16px}.demo-lesson-copy{padding:26px}.demo-lesson-copy h2{font-size:31px}.demo-lesson-copy>p{margin-bottom:20px}.demo-lesson-copy .primary{width:100%;justify-content:center;font-size:18px}.demo-lesson-copy .text-link{align-self:center}.demo-lesson-hero>img{height:180px;min-height:0;object-position:50% 43%}.demo-home-shortcuts{grid-template-columns:1fr;gap:12px;margin:16px 0 26px}.demo-shortcut{padding:19px;min-height:100px;gap:14px}.demo-shortcut strong{font-size:21px}.demo-shortcut small{font-size:16px}.demo-shortcut-icon{width:46px;height:46px;border-radius:10px}.demo-pathway>div h2{font-size:22px}.demo-pathway ol{display:block}.demo-pathway li{padding:18px 0;border-bottom:1px solid #dce4d7}.demo-pathway li:last-child{border:0}.demo-pathway h3{font-size:20px}.unified-site .lesson-resume{display:block;padding:22px;border-left-width:4px;margin-bottom:26px}.unified-site .lesson-resume h2{font-size:26px}.unified-site .lesson-resume .btn{width:100%;margin-top:20px}.unified-site .lesson-topics{grid-template-columns:1fr;gap:12px}.unified-site .lesson-topic>summary{padding:20px;min-height:112px;gap:14px}.unified-site .lesson-topic-title{font-size:20px}.unified-site .lesson-topic-icon{width:44px;height:44px}.unified-site .lesson-topic-list{padding:0 12px}.unified-site .lesson-topic-row{gap:12px}.unified-site .lesson-topic-row b{font-size:18px}.unified-site .section-navigation{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:24px}.unified-site .section-navigation .nav-item{font-size:15px;padding:9px 10px;flex:1 1 auto;justify-content:center}.unified-site .section-navigation .nav-item .icon{display:none}.unified-site .demo-learning-layout{gap:20px}.unified-site .activity-library .activity-next-copy{padding:24px}.unified-site .activity-next-actions{display:grid}.unified-site .activity-next-actions>*{width:100%}.unified-site .activity-saved{padding:24px;min-height:300px}.unified-site .response-card{padding:23px}.unified-site .record-panel{padding:20px}.volunteer-welcome{display:flex;flex-direction:column}.volunteer-welcome>div{padding:26px}.volunteer-welcome h2{font-size:30px}.volunteer-welcome p{font-size:17px}.volunteer-welcome .btn{width:100%;font-size:17px}.volunteer-welcome>img{height:180px;object-position:50% 38%}.volunteer-current{display:block;padding:24px}.volunteer-current .btn{width:100%;margin-top:22px}.volunteer-current h2{font-size:26px}.unified-site .programme-intro{padding:22px}.unified-site .programme-steps{display:grid;grid-template-columns:1fr}.unified-site .support-notes-empty{padding:28px}.unified-site .site-footer{margin-top:32px}.help-dock .always-help{font-size:17px;min-height:49px;padding:11px 17px}.unified-site .growth-achievements,.unified-site .growth-next{padding:23px}}
@media(max-width:360px){.unified-site .topbar .brand strong{font-size:17px}.unified-site .topbar .brand-mark{display:none}.unified-site .main-content{padding-left:14px;padding-right:14px}.demo-lesson-copy,.volunteer-welcome>div{padding:22px}.demo-lesson-copy h2{font-size:28px}.demo-shortcut{gap:11px;padding:17px}.demo-shortcut strong{font-size:19px}.demo-shortcut small{font-size:15px}.unified-site .lesson-topic>summary{padding:18px}.unified-site .lesson-topic-title{font-size:18px}}
.large-text .unified-site{font-size:21px}.large-text .unified-site .btn{font-size:21px}.large-text .unified-site p,.large-text .unified-site .lesson-topic-title,.large-text .unified-site .text-link{font-size:21px}.large-text .demo-shortcut small{font-size:19px}
@media(prefers-reduced-motion:reduce){.unified-site *{animation:none!important;transition:none!important}}

.unified-site .lesson-topics{border:0;background:transparent;border-radius:0;overflow:visible}
.unified-site .activity-next{order:1}.unified-site .activity-saved{order:2}.unified-site .activity-drafts{order:3}
.unified-site .demo-volunteer{max-width:none;margin:0}
@media(min-width:641px){.demo-lesson-hero{min-height:350px}.demo-lesson-hero>img{height:350px;min-height:350px}.demo-lesson-copy{padding-top:28px;padding-bottom:28px}}
@media(max-width:360px){.demo-lesson-copy .btn{padding-left:14px;padding-right:14px;font-size:18px}}
.unified-site .activity-next-actions>*{margin:0}
@media(max-width:640px){.unified-site .activity-next-copy>.feature-symbol{display:none}.unified-site .activity-next h2{font-size:24px;margin:8px 0 16px}.unified-site .activity-next-copy>p:last-of-type{display:none}.unified-site .activity-next-actions{margin-top:18px;gap:10px}.unified-site .activity-next-copy>p:first-of-type{margin:0;font-size:16px}}
/* Volunteer application: one task before entering the support workspace. */
.volunteer-application-page{max-width:1120px;margin:auto}
.application-welcome{display:grid;grid-template-columns:1.1fr 1fr;background:#e7eedf;border-radius:22px;overflow:hidden;margin:28px 0}
.application-copy{padding:36px;align-self:center}
.application-copy h2{font-size:clamp(26px,3vw,36px);line-height:1.2;max-width:22ch;margin:20px 0 16px}
.application-copy>p{max-width:42ch;line-height:1.6;margin-bottom:24px}
.application-welcome>img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center}
.application-state,.application-approved{display:flex;align-items:center;gap:10px;font-weight:700;color:#245b45}
.application-state svg,.application-approved svg{width:24px;height:24px;flex:none}
.application-welcome.is-pending{background:#f5edda}
.application-welcome.is-declined{background:#f1e8e1}
.application-copy .application-notice,.application-notice{font-size:15px;color:#526256;line-height:1.5;margin:20px 0 0}
.application-steps{list-style:none;padding:0;display:flex;gap:24px;margin:26px 0}
.application-steps li{display:flex;align-items:center;gap:10px;color:#5b6c61;flex:1}
.application-steps li>span{display:grid;place-items:center;background:#e4e9e0;width:34px;height:34px;border-radius:50%;flex:none}
.application-steps .is-current{font-weight:700;color:#245b45}
.application-steps .is-current>span{background:#245b45;color:white}
.application-form{display:grid;gap:12px;text-align:left}
.application-form .application-notice{margin:0 0 12px;padding:14px;background:#f1f4ed;border-radius:10px}
.application-form label{font-weight:700;margin-top:6px}
.application-form input,.application-form select{width:100%;min-height:52px;border:1px solid #839587;border-radius:10px;padding:12px;background:white;color:#233d33;font:inherit}
.application-form #application-error:empty{display:none}
.application-form #application-error{color:#9a3426;margin:2px 0}
.application-demo{margin-top:28px;padding:18px 0;border-top:1px solid #dce5dd;color:#526256}
.application-demo summary{cursor:pointer;font-size:16px;font-weight:600;padding:8px 0}
.application-demo p{font-size:16px;line-height:1.5}
.application-demo-actions{display:flex;flex-wrap:wrap;gap:12px}
.application-demo-actions [aria-pressed=true]{border-color:#245b45;background:#e7eedf}
.application-approved{font-size:17px;margin:10px 0 20px}
@media(max-width:700px){.application-welcome{grid-template-columns:1fr;margin:20px 0}.application-copy{padding:24px}.application-welcome>img{min-height:0;height:185px;order:-1}.application-copy h2{font-size:28px}.application-steps{gap:12px;flex-direction:column}.application-copy .btn{width:100%}.application-demo-actions{flex-direction:column}}

/* After-class follow-up: a guided thread that points back to the physical session. */
.after-class-page{max-width:1120px;margin:auto}
.after-class-context{display:flex;align-items:center;gap:16px;padding:18px 22px;background:#fff;border:1px solid #e0e5de;border-left:6px solid #ffd54a;border-radius:12px;margin:24px 0}
.after-class-context>span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fff5c9;color:#315b4b;flex:none}.after-class-context svg{width:26px;height:26px}
.after-class-context p{margin:0 0 4px;color:#68736b;font-size:15px}.after-class-context h2{font-size:22px;margin:0 0 3px}.after-class-context small{color:#647068}
.after-class-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:20px;align-items:start}
.after-class-thread,.after-class-prompts{background:#fff;border:1px solid #e0e5de;border-radius:14px;padding:22px}
.thread-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:1px solid #edf0eb;padding-bottom:16px}.thread-heading h2{margin:5px 0 0;font-size:25px}.section-kicker{display:flex;align-items:center;gap:8px;color:#337054;font-weight:700;margin:0}.section-kicker svg{width:20px;height:20px}
.connection-chip{display:flex;align-items:center;gap:6px;background:#edf6ed;color:#28634d;border-radius:999px;padding:8px 11px;font-size:14px;white-space:nowrap}.connection-chip svg{width:16px;height:16px}
.message-list{min-height:140px;max-height:390px;overflow:auto;padding:16px 4px;display:flex;flex-direction:column;gap:10px}.message-bubble{max-width:78%;padding:10px 14px;border-radius:14px;background:#f1f3f0}.message-bubble.from-senior{align-self:flex-start;border-top-left-radius:4px}.message-bubble.from-youth{align-self:flex-end;background:#fff1b3;border-top-right-radius:4px}.message-role{display:block;color:#66736b;font-size:13px;margin-bottom:4px}.message-bubble p{margin:0;line-height:1.45;white-space:pre-wrap}.message-empty{color:#67746b;text-align:center;margin:auto}
.after-class-composer{border-top:1px solid #edf0eb;padding-top:18px}.after-class-composer label{display:block;font-weight:700;margin-bottom:8px}.after-class-composer textarea{width:100%;min-height:88px;resize:vertical;border:1px solid #9da99f;border-radius:10px;padding:12px;font:inherit;color:#24332b}.composer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.composer-note{font-size:14px;color:#657168;margin:12px 0 0}.connection-error:empty{display:none}
.after-class-prompts{background:#f8f9f6}.topic-prompt{display:flex;width:100%;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid #e2e6df;border-radius:10px;padding:13px 12px;margin-top:10px;color:#24332b;cursor:pointer;font:inherit;min-height:64px}.topic-prompt>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff4bb;color:#775900;flex:none}.topic-prompt>span:nth-child(2){display:grid;gap:3px;flex:1}.topic-prompt small{color:#657168;line-height:1.35}.topic-prompt>svg:last-child{width:18px;flex:none;color:#758078}.topic-prompt.selected{border:2px solid #d3aa00;background:#fffdf0}.call-note{margin-top:20px;padding:14px;background:#fff2bb;border-radius:10px}.call-note strong{display:flex;align-items:center;gap:8px}.call-note svg{width:18px;height:18px}.call-note p{margin:8px 0 0;color:#5f5a39;line-height:1.45;font-size:14px}.after-class-empty{text-align:center;background:#fff;border:1px solid #e0e5de;border-radius:14px;padding:48px 24px;max-width:620px;margin:30px auto}.after-class-empty>span{display:grid;place-items:center;background:#fff2bb;color:#685600;border-radius:50%;width:60px;height:60px;margin:0 auto 16px}.after-class-empty>span svg{width:28px;height:28px}.after-class-empty h2{margin:0 0 8px}.after-class-empty p{max-width:44ch;margin:0 auto 20px;color:#657168}
@media(max-width:780px){.after-class-grid{grid-template-columns:1fr}.after-class-prompts{order:-1}.after-class-context{align-items:flex-start}.message-bubble{max-width:88%}.thread-heading{align-items:flex-start;flex-direction:column}.connection-chip{font-size:13px}}
.after-class-entry{display:flex;align-items:center;gap:10px;width:100%;background:#fff4bf;border:1px solid #e6c23e;border-radius:10px;padding:14px 16px;color:#294b3d;font:inherit;font-weight:700;cursor:pointer;margin:16px 0}.after-class-entry svg{width:22px;height:22px}.after-class-entry svg:last-child{margin-left:auto}