/* One current action, a short visual cue, and optional detail. */
.support-home-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);overflow:hidden;border-radius:20px;background:#e4eff1;border:1px solid #bed2d7}
.support-home-copy{padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.support-kicker{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:700;letter-spacing:.01em;margin:0 0 24px;color:#315f70}.support-kicker .icon{width:25px;height:25px;flex-shrink:0}
.support-lesson-label{font-size:1rem;color:#476974;margin:0 0 12px}.support-home-copy h2{font-size:clamp(1.75rem,2.9vw,2.65rem);line-height:1.15;letter-spacing:-.035em;color:#234b59;margin:0;max-width:16ch}.support-home-copy .youth-stage-track{width:100%;max-width:360px;margin:24px 0}.support-home-copy .primary,.volunteer-action .primary{background:#315f70;border-color:#315f70}.support-home-hero>img{width:100%;height:100%;min-height:340px;object-fit:cover;object-position:48% 45%;display:block}.support-source{font-size:.83rem;color:#516c74;line-height:1.5;margin:18px 0 0}
.support-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.support-shortcuts button{display:flex;align-items:center;gap:16px;min-height:78px;padding:18px 22px;background:#fff;border:1px solid #d2ded6;border-radius:12px;color:#2c5359;font:inherit;font-weight:650;text-align:left;cursor:pointer}.support-shortcuts button>span{flex:1}.support-shortcuts button>.icon:first-child{width:28px;height:28px}.support-shortcuts button:hover{background:#eaf2f3;border-color:#9bbac3}
.simple-youth .help-inbox-empty{border:0;padding:0;margin-bottom:20px;gap:12px}.simple-youth .help-inbox-empty h2{font-size:.95rem}.simple-youth .help-inbox-empty p{font-size:.82rem}.simple-youth .help-inbox-empty .btn{min-height:44px;padding:8px 14px}
.simple-support .page-heading{margin-bottom:22px}.simple-support .page-heading .lead{font-size:1rem;margin-top:8px}.simple-support .support-stage-picker{display:flex;align-items:center;gap:18px;padding:0;border:0;margin:0 0 24px}.simple-support .support-stage-picker label{display:flex;align-items:center;gap:8px;font-size:.9rem;white-space:nowrap}.simple-support .support-stage-picker select{flex:1;min-width:0}
.support-action-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:22px;margin:0 0 22px}.partner-action,.volunteer-action{padding:clamp(24px,2.7vw,34px);border-radius:16px}.partner-action{background:#e7efdc;border:1px solid #c7d7b5}.partner-action .support-kicker{color:#456044}.partner-action h2{font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.4;margin:0;max-width:32ch;font-weight:650}.volunteer-action{background:white;border:1px solid #c4d8de;border-top:5px solid #315f70}.volunteer-action .support-kicker{margin-bottom:16px}.support-action-cues{padding:0;list-style:none;display:grid;gap:17px;margin:0 0 27px}.support-action-cues li{display:flex;align-items:center;gap:12px;font-size:1rem;line-height:1.45}.support-action-cues .icon{width:25px;height:25px;flex-shrink:0;color:#356f82}.support-more summary{display:flex;align-items:center;gap:10px;list-style:none}.support-more summary:after{content:'+';margin-left:auto}.support-more[open] summary:after{content:'−'}.support-more summary::-webkit-details-marker{display:none}.support-more .icon{width:21px;height:21px}.volunteer-action .support-saved{margin-top:14px}
.youth-page .section-intro>p{max-width:55ch}.youth-role-board:has(.simple-role){display:grid;grid-template-columns:1fr 1fr;gap:16px}.youth-role-row.simple-role{display:block;padding:0;min-width:0;background:#fff;border:1px solid #d7ded4;border-top:4px solid #456e64;border-radius:12px}.simple-role[data-accent="1"]{border-top-color:#b08035}.simple-role[data-accent="2"]{border-top-color:#36778b}.simple-role[data-accent="3"]{border-top-color:#896590}.simple-role>.youth-role-main{display:flex;align-items:center;gap:16px;cursor:pointer;padding:22px;min-height:128px;list-style:none}.simple-role>summary::-webkit-details-marker{display:none}.simple-role summary>div{flex:1}.simple-role summary>.icon{width:18px;height:18px}.simple-role[open] summary>.icon{transform:rotate(180deg)}.simple-role .youth-role-main h3{font-size:1.05rem;line-height:1.35}.simple-role .youth-role-icon{width:44px;height:44px;flex-shrink:0}.simple-role .youth-role-scope{font-size:.72rem}.simple-role-body{padding:0 22px 22px}.simple-role-body .youth-role-description{font-size:.95rem;line-height:1.6}.simple-role-body .youth-role-output{margin-top:16px;min-height:0;padding:18px;font-size:.9rem}.role-current-link{margin:0 0 24px}
.activity-library .activity-next{display:block}.activity-next-copy>.feature-symbol{float:right;margin:0 0 12px 20px}.activity-library .activity-next-copy{padding:28px 32px}.activity-library .activity-next-copy>p{max-width:64ch}.activity-next-actions .text-link{border:1px solid #97ad89;border-radius:9px;padding:12px 20px;min-height:56px;background:#fff}.activity-library .activity-empty{padding:22px 0}.activity-empty>span{height:44px;width:44px}.activity-saved{margin-top:28px}
.dialect-entry.dialect-entry-compact{display:grid;grid-template-columns:160px minmax(0,1fr);gap:0;min-height:0;margin-top:26px;align-items:stretch;border-radius:14px}.dialect-entry-compact .dialect-entry-photo{height:100%;min-height:180px;width:100%;object-fit:cover;display:block}.dialect-entry-compact .dialect-entry-copy{padding:22px 26px}.dialect-entry-compact h2{font-size:1.35rem;margin:4px 0 12px}.dialect-entry-compact .dialect-entry-version{font-size:.78rem;margin:0}.dialect-entry-compact .dialect-entry-languages{margin:12px 0 16px}.dialect-entry-compact .dialect-entry-languages li{font-size:.82rem}.dialect-entry-compact .dialect-entry-note{font-size:.76rem;margin:10px 0 0}.dialect-entry-compact .btn{min-height:46px;font-size:.9rem;padding:10px 16px}
.s1-response-simple{margin:20px 0;padding:24px;border:1px solid #c4d6bd;background:#f3f7ef;border-radius:12px}.s1-response-simple .record-panel{margin:0;border:0;padding:0;background:none}.record-consent{display:flex;align-items:flex-start;gap:12px;font-size:.94rem;line-height:1.5;cursor:pointer;margin:22px 0 12px}.record-consent input{flex-shrink:0;width:24px;height:24px;margin:0;accent-color:#21594b}.s1-response-simple .written-response{margin:12px 0 0}.record-panel #record-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.record-panel #record-status{font-size:.95rem;line-height:1.6;margin:16px 0}.record-panel #record-status[data-phase="recording"]{color:#973a2c;font-weight:700}.record-panel #record-status[data-phase="recording"]:before{content:'';display:inline-block;background:#bb4133;width:12px;height:12px;border-radius:50%;margin-right:10px}.record-panel #record-review{display:flex;flex-direction:column;gap:14px}.record-panel #record-review:empty{display:none}.record-panel audio,.saved-audio audio{width:100%;max-width:100%;min-height:54px}.record-listen{align-self:flex-start}.record-panel #record-status[data-phase="error"]{background:#fff0db;border-left:4px solid #a87827;padding:14px;color:#67481e}.s1-response-simple .saved-response{background:#fff}.s1-response-simple+.btn{margin-top:10px}.saved-audio-play{margin-bottom:14px}.saved-audio .audio-download{display:block;margin-top:12px}
@media(max-width:760px){.support-home-hero{grid-template-columns:1fr}.support-home-hero>img{height:210px;min-height:0;object-position:50% 37%}.support-home-copy{padding:26px}.support-home-copy h2{max-width:none}.support-home-copy .btn{width:100%}.support-kicker{margin-bottom:18px}.support-shortcuts{gap:12px}.support-shortcuts button{padding:16px;flex-wrap:wrap;gap:10px;font-size:.94rem}.support-shortcuts button>span{min-width:110px}.support-action-layout{grid-template-columns:1fr;gap:16px}.partner-action h2{max-width:none;font-size:1.35rem}.volunteer-action .btn{width:100%}.simple-support .support-stage-picker{display:block}.simple-support .support-stage-picker label{margin:0 0 10px}.simple-support .support-stage-picker select{width:100%}.youth-role-board:has(.simple-role){grid-template-columns:1fr}.simple-role>.youth-role-main{min-height:100px;padding:20px}.activity-library .activity-next-copy{padding:24px}.activity-next-actions .text-link{width:100%;justify-content:center}.dialect-entry.dialect-entry-compact{grid-template-columns:90px minmax(0,1fr)}.dialect-entry-compact .dialect-entry-copy{padding:20px}.dialect-entry-compact .dialect-entry-photo{min-height:160px;object-position:39% 50%}.dialect-entry-compact .dialect-entry-languages{display:flex;flex-wrap:wrap;gap:6px}.dialect-entry-compact h2{font-size:1.15rem}.s1-response-simple{padding:20px}.record-panel #record-controls>.btn{width:100%}.record-listen{width:100%}}
@media(max-width:390px){.support-shortcuts{grid-template-columns:1fr}.support-shortcuts button{flex-wrap:nowrap}.dialect-entry.dialect-entry-compact{grid-template-columns:1fr}.dialect-entry-compact .dialect-entry-photo{display:none}.partner-action,.volunteer-action{padding:22px}.s1-response-simple{padding:16px}.simple-role>.youth-role-main{gap:12px;padding:18px}}