/* Identity changes the job on the screen, not the learner's evidence. */
.identity-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}
.identity-heading .page-heading{margin:0!important;min-width:0}
.identity-switch.identity-label{cursor:default;background:transparent;border-color:transparent;padding-inline:0;min-height:40px}.identity-switch.identity-label:hover{background:transparent}
.identity-switch{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;flex-shrink:0;padding:10px 14px;border:1px solid #b7cabe;border-radius:10px;background:white;color:#264e40;font:inherit;font-size:.87rem;font-weight:650;cursor:pointer;line-height:1.4}
.identity-switch:hover{background:#edf3ec}.identity-switch>.icon{width:21px;height:21px}.identity-switch>.icon:last-child{width:16px}
.audience-youth .identity-switch{color:#315f70;border-color:#b8cfd9}.audience-youth .identity-switch:hover{background:#edf4f6}
.focus-shell .sidebar>.identity-switch{align-self:flex-start;margin-bottom:20px}
.identity-options{display:grid;gap:12px;margin:20px 0}
.identity-option{display:flex;align-items:center;gap:16px;min-height:98px;padding:18px;border:1px solid #d0ddd3;border-radius:12px;background:#fff;color:#223d37;text-align:left;width:100%;font:inherit;cursor:pointer}
.identity-option.selected{border:2px solid #164f46;background:#edf3ec;padding:17px}
.identity-option[data-audience="youth"] .feature-symbol{color:#366d80;background:#dcebef}.identity-option[data-audience="staff"] .feature-symbol{color:#705820;background:#f1e9d4}
.identity-option>span:nth-child(2){flex:1;min-width:0}.identity-option strong{display:block;font-size:1.05rem;margin-bottom:5px}.identity-option small{display:block;font-size:.87rem;line-height:1.5;color:#53685f}
.identity-option>.icon{width:21px;height:21px}.identity-preview-note{font-size:.86rem!important;color:#53685f;margin:18px 0 0;line-height:1.5!important}
.audience-youth .desktop-nav .nav-item.active,.bottom-nav:has([data-nav="support-session"]) .nav-item.active{background:#e0edf1;color:#315f70;box-shadow:inset 0 -3px #366d80}
.staff-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
.youth-workspace{max-width:1100px;margin:auto}
.youth-home-hero{display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;border-radius:18px;background:#edf4f6;border:1px solid #cadde3}
.youth-home-copy{padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.partner-label{display:flex;align-items:center;gap:10px;color:#426775;font-size:.95rem;font-weight:600;margin:0 0 18px}
.youth-home-hero h2{font-size:clamp(1.55rem,2.7vw,2rem);font-weight:700;line-height:1.2;max-width:22ch;margin:0 0 20px;color:#233f49}
.youth-home-stage{font-size:.88rem;color:#53727c;line-height:1.6;margin:0 0 24px}.youth-home-stage strong{display:block;color:#264c5a;font-size:1.2rem;line-height:1.4;margin-top:6px;font-weight:600}
.focus-shell .youth-home-hero .btn.primary,.focus-shell .youth-action-guide .btn.primary,.focus-shell .support-notes-empty .btn.primary{background:#315f70;color:#fff}
.focus-shell .youth-home-hero .btn.primary:hover,.focus-shell .youth-action-guide .btn.primary:hover,.focus-shell .support-notes-empty .btn.primary:hover{background:#214957}
.youth-home-hero>img{display:block;object-fit:cover;object-position:48% center;width:100%;height:100%;min-height:370px}
.pairing-note{display:flex;align-items:flex-start;gap:7px;line-height:1.5;font-size:.76rem;color:#55707a;margin:18px 0 0}.pairing-note .icon{width:17px;height:17px;margin-top:2px}
.youth-home-secondary{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:34px 0}
.youth-home-secondary section{padding:4px 0 12px}.youth-home-secondary section+section{border-left:1px solid #cfdcd4;padding-left:36px}
.youth-home-secondary h2{font-size:1.2rem;line-height:1.3;margin:0 0 14px}.youth-home-secondary p{font-size:.95rem;color:#53685f;line-height:1.6;max-width:47ch}
.youth-home-secondary .feature-symbol{width:42px;height:42px;float:right;margin-left:12px;background:#f1e9d4;color:#836622}.youth-home-secondary .feature-symbol .icon{width:24px;height:24px}
.youth-home-secondary .text-link{margin:0;color:#315f70;font-size:.95rem}
.note-context{font-size:.88rem!important;color:#53685f;margin:0 0 10px;line-height:1.5!important}
.support-note-summary>span{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;background:#e2edf0;color:#315f70;font-size:.9rem;font-weight:600;border-radius:7px}
.support-note-summary>p{margin:14px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;color:#334f44;max-width:65ch}
.support-session-page,.support-notes-page{max-width:920px;margin:auto}
.support-session-page .page-heading .lead{max-width:none}
.support-stage-picker{display:flex;align-items:center;gap:18px;margin:0 0 24px;padding:16px 20px;border:1px solid #cbdde2;border-radius:12px;background:#edf4f6}
.support-stage-picker label{font-size:.95rem;font-weight:600;flex-shrink:0;color:#315f70}
.support-stage-picker select{width:100%;min-width:0;min-height:54px;padding:12px;border:1px solid #b3cbd5;border-radius:8px;background:#fff;font:inherit;color:#264c5a;font-size:.95rem}
.support-planning{padding:14px 18px;border-left:4px solid #b39351;background:#f6efd9;margin:0 0 20px}.support-planning p{font-size:.95rem;margin:0 0 4px}.support-planning .text-link{font-size:.9rem;margin:0}
.senior-task-preview{padding:24px 28px;border-radius:14px;background:#eaf0e3;border:1px solid #cdddc5;margin-bottom:20px}
.senior-task-preview>span{display:flex;align-items:center;gap:8px;color:#4b684b;font-size:.86rem;font-weight:600;margin:0 0 14px}.senior-task-preview>span .icon{width:21px;height:21px}
.senior-task-preview h2{font-size:1.35rem;line-height:1.45;font-weight:650;margin:0;max-width:52ch}
.youth-action-guide{background:#fff;border:1px solid #cddde2;border-top:4px solid #366d80;border-radius:14px;padding:28px;margin-bottom:24px}
.youth-action-title{display:flex;align-items:center;gap:16px;margin-bottom:20px}.youth-action-title .feature-symbol{background:#dcebef;color:#315f70}.youth-action-title p{font-size:.86rem;color:#53727c;margin:0 0 6px}.youth-action-title h2{font-size:1.3rem;line-height:1.3;margin:0;color:#264c5a}
.youth-specific-cue{font-size:1.05rem;line-height:1.7;color:#334f44;max-width:66ch;margin-bottom:26px}
.support-record-action{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.support-saved{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#4a705b}.support-saved .icon{width:20px;height:20px}
.support-more{border-block:1px solid #d3ded5;padding:4px 0}.support-more summary{min-height:56px;display:list-item;padding:14px 0;cursor:pointer;font-weight:600;font-size:.95rem}.support-more p,.support-more li{font-size:.95rem;line-height:1.6;max-width:66ch}
.support-local-note{font-size:.84rem!important;line-height:1.6!important;color:#53685f;margin:20px 0 0;max-width:75ch}
.support-notes-list{display:grid;gap:18px}.support-note-card{padding:26px;border:1px solid #d0ddd4;border-left:4px solid #366d80;border-radius:0 12px 12px 0;background:#fff}
.support-note-card h2{font-size:1.3rem;margin:0 0 16px}.support-note-footer{border-top:1px solid #e0e7df;padding-top:12px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.support-note-footer time{font-size:.83rem;color:#53685f}.support-note-footer .text-link{margin:0;color:#315f70}
.support-notes-empty{padding:32px;border-radius:16px;border:1px dashed #b6ccd3;background:#fff}.support-notes-empty .feature-symbol{background:#dcebef;color:#315f70;margin-bottom:22px}.support-notes-empty h2{font-size:1.45rem;margin:0 0 14px}.support-notes-empty p{font-size:1rem;color:#53685f;margin-bottom:24px;max-width:48ch}
.support-note-form>select,.support-note-form textarea{width:100%;font:inherit;min-height:54px;padding:12px;border:1px solid #a9bfb2;border-radius:8px;color:#223d37;background:#fff}.support-note-form>label{display:block;font-weight:600;margin:16px 0 10px}.support-note-form details{border-top:1px solid #d5dfd7;margin:20px 0 0;padding-top:4px}.support-note-form summary{padding:10px 0;min-height:48px;font-size:.95rem;font-weight:600;cursor:pointer}.support-note-form details p{font-size:.82rem;color:#53685f;margin:8px 0}.support-note-form details label{display:block;margin:12px 0 8px}.support-form-error{color:#9a3530;font-size:.9rem!important;margin:14px 0}.support-form-error:empty{display:none}.support-note-form>.btn{margin-top:22px}.support-note-form>.support-local-note{font-size:.82rem!important;margin-top:14px}
.dash-heading-aside:has(.identity-switch){gap:10px}.dash-heading-aside .identity-switch{align-self:flex-end}.dash-heading-aside:has(.identity-switch)>p{margin-top:0}
@media(max-width:1080px){.youth-home-copy{padding:28px}.youth-home-hero h2{font-size:1.75rem}.youth-home-hero>img{min-height:380px}.desktop-nav:has([data-nav="support-session"]) .nav-item{font-size:.88rem;padding-inline:12px}}
@media(max-width:700px){
 .identity-heading{flex-direction:column-reverse;gap:18px;margin-bottom:24px}.identity-switch{min-height:44px;font-size:.85rem;padding:8px 12px}.identity-heading>.identity-switch{align-self:flex-start}
 .youth-home-hero{grid-template-columns:1fr}.youth-home-copy{padding:26px}.youth-home-hero h2{font-size:1.65rem}.youth-home-hero>img{height:180px;min-height:0;object-position:48% 45%}.youth-home-hero .btn{width:100%}.youth-home-stage strong{font-size:1.15rem}.pairing-note{font-size:.78rem}
 .youth-home-secondary{grid-template-columns:1fr;gap:22px;margin-top:28px}.youth-home-secondary section+section{border-left:0;border-top:1px solid #cfdcd4;padding:24px 0 0}
 .support-stage-picker{display:block;padding:16px}.support-stage-picker label{display:block;margin-bottom:10px}.support-stage-picker select{font-size:.94rem}.senior-task-preview{padding:22px}.senior-task-preview h2{font-size:1.23rem}.youth-action-guide{padding:22px}.youth-action-title{align-items:flex-start;gap:12px}.youth-action-title .feature-symbol{width:42px;height:42px}.youth-action-title h2{font-size:1.15rem}.youth-specific-cue{font-size:1rem}.support-record-action>.btn{width:100%}.support-note-card{padding:22px}.support-notes-empty{padding:26px}
 .identity-option{padding:15px;gap:12px}.identity-option.selected{padding:14px}.identity-option .feature-symbol{width:40px;height:40px}.identity-option strong{font-size:1rem}.identity-option small{font-size:.85rem}.identity-option>.icon{width:18px}.identity-options{gap:10px}.dash-heading-aside .identity-switch{align-self:flex-start}
}
@media(max-width:380px){.identity-option .feature-symbol{display:none}.youth-home-copy{padding:22px}.senior-task-preview,.youth-action-guide{padding:20px}.youth-action-title .feature-symbol{display:none}.support-note-footer{align-items:flex-start;flex-wrap:wrap}}
