:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20364a;background:#f5f7fa;font-size:16px;font-synthesis:none;--navy:#183958;--red:#be2944;--line:#dfe5ec;--muted:#657182;--white:#fff;--soft:#f5f7fa}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d64b68;outline-offset:3px}a{color:inherit}button{color:inherit}svg{width:21px;height:21px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:2rem;letter-spacing:-.035em;line-height:1.2}h2{font-size:1.18rem;letter-spacing:-.02em}h3{font-size:1.05rem;line-height:1.35}p{line-height:1.65}.muted{color:var(--muted)}.small{font-size:.875rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:750}.skip{position:fixed;top:-100px;z-index:20;padding:16px;background:#fff}.skip:focus{top:10px;left:10px}.sidebar{width:245px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:32px 22px 22px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;margin:0 5px 42px}.brandmark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:var(--red);color:white;font-size:26px;flex-shrink:0}.brand strong{display:block;font-size:1.05rem;letter-spacing:-.035em}.brand small{font-size:.7rem;color:var(--muted);display:block;line-height:1.6}.nav-label{padding:0 14px;margin-bottom:10px;color:#87909d;font-size:.7rem;letter-spacing:.14em;font-weight:750}.nav{display:flex;flex-direction:column;gap:5px}.nav a{text-decoration:none;display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:10px;font-size:.9rem;font-weight:550;color:#637080}.nav a.active{color:var(--red);background:#fbeef1;font-weight:700}.nav a:hover{background:#f3f5f8}.nav a.active:hover{background:#fbeef1}.nav .count{margin-left:auto;border-radius:5px;background:var(--red);color:#fff;min-width:22px;padding:2px 5px;text-align:center;font-size:.75rem}.side-end{margin-top:auto;padding-top:30px}.side-note{padding:18px 14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.8rem;line-height:1.7}.side-note strong{display:block;color:var(--navy);font-size:.875rem}.side-profile{display:flex;align-items:center;gap:10px;margin-top:20px;padding:0 9px;font-size:.875rem}.avatar{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#eaf0f7;color:var(--navy);border:2px solid #fff;border-radius:50%;font-size:.75rem;font-weight:750;flex-shrink:0}.workspace{margin-left:245px;min-height:100vh}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar-left{font-size:.875rem;color:var(--muted);display:flex;gap:10px;align-items:center}.topbar-right{display:flex;align-items:center;gap:16px}.mode-select{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--navy);padding:9px 30px 9px 12px;font-size:.875rem;max-width:100%}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center}.demobar{padding:10px 40px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#edf2f8;color:#486077;font-size:.75rem;line-height:1.5}.demobar strong{letter-spacing:.02em}.demobar button{border:0;background:none;text-decoration:underline;font-size:.75rem;color:#486077;padding:4px}.main{max-width:1500px;margin:auto;padding:32px 40px 60px}.page-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.page-title p{font-size:.925rem;margin-top:7px;color:var(--muted)}.page-title .eyebrow{color:var(--red);margin-bottom:8px}.title-action{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;border:1px solid var(--navy);background:var(--navy);color:#fff;padding:10px 17px;text-decoration:none;font-size:.875rem;font-weight:650;line-height:1.4}.btn:hover{filter:brightness(.92)}.btn.secondary{color:var(--navy);background:#fff;border-color:var(--line)}.btn.light{background:#fff;color:var(--navy);border-color:white}.btn.danger{color:#aa203b;background:#fff;border-color:#e3bdc7}.btn.text{background:transparent;border-color:transparent;color:var(--navy);padding:8px 0}.btn.compact{min-height:36px;padding:7px 12px;font-size:.8rem}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(265px,1fr);gap:24px}.stack{display:flex;flex-direction:column;gap:24px;min-width:0}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0}.card-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:21px}.card-header h2{line-height:1.3}.next-card{background:var(--navy);color:white;border:0;padding:28px;position:relative;overflow:hidden}.next-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.next-top .eyebrow{color:#c4d2df}.pill{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:650;border-radius:20px;padding:5px 10px;background:#f2f5f8;color:#496076;line-height:1.3;white-space:nowrap}.pill.red{background:#fbedf0;color:#ac2540}.pill.green{background:#eaf5ef;color:#2b7050}.pill.gold{background:#fff4da;color:#866219}.pill.outline{border:1px solid #657d94;background:transparent;color:#fff}.next-info{display:flex;gap:22px;align-items:flex-start}.date-tile{width:64px;text-align:center;border-radius:10px;border:1px solid var(--line);flex-shrink:0;background:#f8fafc;overflow:hidden;color:var(--navy)}.date-tile .month{display:block;font-size:.7rem;font-weight:700;padding:6px;background:#edf1f6;text-transform:uppercase;letter-spacing:.07em}.date-tile .day{display:block;font-size:1.65rem;font-weight:750;padding:5px 0 7px;line-height:1.3}.next-card .date-tile{border-color:#7890a6;background:transparent;color:#fff}.next-card .date-tile .month{background:#34516d;color:#e3eaf2}.next-card h2{font-size:1.6rem;line-height:1.25;letter-spacing:-.025em;margin-bottom:13px}.meta{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--muted);line-height:1.65}.meta svg{width:16px;height:16px}.next-card .meta{color:#d0dae4;margin-bottom:3px}.next-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding-top:22px;border-top:1px solid #45617b}.team{display:flex;align-items:center;gap:10px;font-size:.8rem}.avatars{display:flex;padding-left:6px}.avatars .avatar{margin-left:-6px;border-color:var(--navy);width:30px;height:30px;font-size:.65rem}.passport{background:#fdf2f4;border-color:#efdae0}.passport .eyebrow{color:#8c5260}.passport-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.passport-icon{color:var(--red)}.passport-icon svg{width:28px;height:28px}.passport-count{font-size:2.5rem;font-weight:750;letter-spacing:-.045em;line-height:1.1}.passport-count span{font-size:.95rem;font-weight:450;letter-spacing:0;color:#7d5a64;margin-left:5px}.passport p{color:#7d5a64;font-size:.825rem;margin-top:8px}.progress{height:6px;background:#eee3e7;border-radius:10px;overflow:hidden;margin:17px 0 5px}.progress div{height:100%;background:var(--red);border-radius:10px}.progress.blue{background:#e7edf3}.progress.blue div{background:var(--navy)}.three-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.stat{padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}.stat .stat-icon{color:var(--red);margin-bottom:13px}.stat strong{font-size:1.7rem;font-weight:700;display:block;letter-spacing:-.04em}.stat span{display:block;color:var(--muted);font-size:.8rem;line-height:1.4;margin-top:5px}.event-row{display:flex;align-items:center;gap:17px;padding:18px 0;border-top:1px solid #e9edf2}.event-row:first-child{border-top:none;padding-top:0}.event-row:last-child{padding-bottom:0}.event-row .date-tile{width:53px}.event-row .date-tile .day{font-size:1.25rem}.event-row-content{flex:1;min-width:0}.event-row-content h3{margin:2px 0 6px}.event-row-content .meta{font-size:.8rem}.event-row-end{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.notice{padding:17px;border-radius:10px;background:#fff6e7;border:1px solid #f2e7d2}.notice h3{font-size:.925rem;display:flex;gap:9px;align-items:center;color:#795a26}.notice p{font-size:.85rem;color:#766342;margin-top:7px;line-height:1.6}.notice.neutral{background:#f3f6fa;border-color:#e4eaf1}.notice.neutral h3,.notice.neutral p{color:#496076}.notice+.notice{margin-top:12px}.quick-list{display:flex;flex-direction:column;gap:5px}.quick-list a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;text-decoration:none;border-bottom:1px solid #edf0f4;font-size:.9rem}.quick-list a:last-child{border:0}.quick-list .row svg{color:#73879b}.split-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8rem;color:var(--muted)}.footer{margin-top:28px;color:#768292;font-size:.75rem;display:flex;justify-content:space-between;align-items:center;gap:16px;line-height:1.6}.footer button{font-size:.75rem;border:0;background:none;text-decoration:underline;color:inherit;padding:4px 0}.mobile-nav{display:none}.filterbar{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:7px;font-size:.875rem;font-weight:550}.field input,.field select,.field textarea,.filterbar select,.filterbar input{border:1px solid #ccd5df;border-radius:8px;background:#fff;padding:11px 12px;min-width:0;color:#243d55;max-width:100%;font-weight:400}.field textarea{min-height:100px;resize:vertical}.filterbar input{flex:1;min-width:150px}.filterbar select{min-width:150px}.shift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.shift-card{padding:23px}.shift-card .card-header{margin-bottom:17px}.shift-card h2{margin-bottom:6px}.shift-card .divider{margin:19px 0 16px}.shift-card .foot{display:flex;justify-content:space-between;gap:10px;align-items:center}.divider{height:1px;background:var(--line);margin:20px 0}.info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.info-list dt{color:var(--muted);font-size:.8rem;margin-bottom:5px}.info-list dd{margin:0;line-height:1.6;font-size:.9rem}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 15px;font-size:.875rem}.tabs button.active{color:white;background:var(--navy);border-color:var(--navy)}.empty{padding:50px 25px;text-align:center;border:1px dashed #bdcbd8;border-radius:12px;background:#fff}.empty h2{margin:14px 0 7px}.empty p{color:var(--muted);font-size:.925rem;max-width:440px;margin:0 auto 20px}.empty svg{width:32px;height:32px;color:#8a9bac}.calendar-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line);border-radius:8px;overflow:hidden}.cal-heading{text-align:center;padding:12px 0;font-size:.75rem;color:var(--muted);background:#f8fafc;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cal-day{background:#fff;min-height:95px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;min-width:0}.cal-day.outside{background:#f8fafc;color:#a3adba}.cal-day>span{font-size:.85rem}.cal-event{display:block;width:100%;text-align:left;padding:5px 6px;border:0;background:#f8eaf0;color:#a32844;font-size:.7rem;border-radius:5px;margin-top:8px;line-height:1.45;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cal-event.blue{background:#eaf0f7;color:#274e70}.calendar-list{margin-top:25px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-top:1px solid #e8edf2}.list-row:first-child{border-top:0}.check-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #edf0f4}.check-label{display:flex;gap:12px;align-items:flex-start;font-size:.925rem;cursor:pointer;line-height:1.6}.check-label input{accent-color:var(--red);width:19px;height:19px;flex-shrink:0;margin-top:3px}.check-label small{display:block;color:var(--muted);font-size:.8rem}.checked .check-label>span{text-decoration:line-through;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem;white-space:nowrap}th{color:var(--muted);font-weight:500;background:#f8fafc;font-size:.75rem}th,td{padding:15px 13px;border-bottom:1px solid #e6ecf2}td .btn{font-size:.75rem}.table-wrap table tr:last-child td{border-bottom:0}.metric-wide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.badge-card{text-align:center;padding:25px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.badge-card svg{width:36px;height:36px;color:#b58235;margin-bottom:14px}.badge-card h3{font-size:.95rem}.badge-card p{font-size:.8rem;color:var(--muted);margin-top:6px}.badge-card.locked{opacity:.6}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.inline-help{font-size:.8rem;color:var(--muted);font-weight:400;line-height:1.5}.operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.training-list{display:flex;flex-direction:column;gap:16px}.training-module{display:flex;align-items:center;gap:18px}.training-module .module-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#eaf0f7;color:var(--navy);flex-shrink:0}.training-module .module-main{flex:1}.training-module p{font-size:.8rem;color:var(--muted);margin-top:5px}.training-module .btn{flex-shrink:0}.profile-card{max-width:800px}.profile-summary{display:flex;gap:16px;align-items:center;margin-bottom:26px}.profile-summary .avatar{width:58px;height:58px;font-size:1.15rem}.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%);background:#153b30;color:#fff;border-radius:10px;padding:15px 23px;box-shadow:0 8px 28px #0002;z-index:25;font-size:.9rem;max-width:calc(100vw - 32px);line-height:1.5}.toast.error{background:#942b3d}dialog{border:0;border-radius:17px;box-shadow:0 20px 80px #0b243c40;padding:0;width:min(570px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:#20364a}dialog::backdrop{background:#132d456b;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding:26px 27px 17px;gap:20px}.dialog-head h2{font-size:1.35rem}.dialog-body{padding:0 27px 27px}.dialog-body>p{margin-bottom:18px;font-size:.925rem;color:var(--muted)}.dialog-body .notice{margin-bottom:18px}.close{border:0;background:#f0f3f7;border-radius:50%;width:31px;height:31px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dialog-error{color:#a3263c;background:#fbedf0;padding:12px;border-radius:8px;font-size:.875rem;margin-top:15px}.about-list{padding-left:20px;line-height:1.85;font-size:.9rem}.report-bar{display:grid;grid-template-columns:115px 1fr 45px;gap:15px;align-items:center;font-size:.85rem;margin:22px 0}.bar-track{background:#edf2f7;border-radius:4px;height:15px}.bar-track div{height:100%;background:var(--navy);border-radius:4px}.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.more-link{display:block;text-decoration:none;transition:border-color .15s}.more-link:hover{border-color:#8fa5b8}.more-link svg{color:var(--red);margin-bottom:15px}.more-link h2{font-size:1rem;margin-bottom:6px}.more-link p{font-size:.825rem;color:var(--muted)}.large-text{font-size:19px}.high-contrast{--muted:#384c5e;--line:#91a4b4}.high-contrast .muted,.high-contrast .meta{color:#384c5e}
@media(min-width:1500px){.main{padding-top:40px}.next-card{padding:34px}.next-card h2{font-size:1.8rem}}
@media(max-width:1150px){.sidebar{width:216px;padding-inline:15px}.workspace{margin-left:216px}.topbar{padding-inline:26px}.main{padding:28px 26px 45px}.demobar{padding-inline:26px}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);gap:19px}.next-card{padding:23px}.next-info{gap:16px}.next-card h2{font-size:1.35rem}.next-bottom{gap:10px}.team{font-size:.7rem}.card{padding:21px}.event-row{gap:12px}.event-row-end .pill{font-size:.65rem}.brand{margin-left:1px}.brand strong{font-size:.95rem}.brand small{font-size:.65rem}.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.sidebar{width:190px;padding-inline:10px}.workspace{margin-left:190px}.brandmark{width:32px;height:34px;font-size:22px}.brand{gap:7px}.brand strong{font-size:.85rem}.brand small{font-size:.58rem}.nav a{padding:12px 10px;font-size:.85rem;gap:9px}.main{padding-inline:22px}.topbar{padding-inline:22px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.stack:nth-child(2){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.dashboard-grid>.stack:nth-child(2)>.card:last-child{grid-column:1/-1}.shift-grid{grid-template-columns:1fr}.metric-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-day{padding:7px;min-height:78px}.cal-event{font-size:.65rem}.topbar-left{font-size:.75rem}.topbar-right{gap:8px}.page-title .btn{padding:10px 12px}.operation-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:70px;padding:0 18px;gap:9px}.topbar-left{color:var(--navy);font-weight:700;font-size:.925rem;gap:7px}.topbar-left svg{color:var(--red)}.topbar-right{gap:8px}.mode-select{font-size:.75rem;max-width:163px;padding:8px 20px 8px 8px}.topbar-right>.avatar{display:none}.topbar-right .icon-button{width:32px;height:32px}.demobar{padding:9px 18px;font-size:.68rem}.demobar .demo-detail{display:none}.demobar button{font-size:.68rem}.main{padding:25px 18px 105px}h1{font-size:1.75rem}.page-title{margin-bottom:23px;align-items:flex-start;gap:12px}.page-title p{font-size:.85rem}.page-title .eyebrow{font-size:.65rem}.page-title .title-action{display:none}.next-info{gap:15px}.next-card{padding:21px}.next-top{margin-bottom:20px}.next-card h2{font-size:1.28rem}.next-card .meta{font-size:.8rem}.next-card .date-tile{width:56px}.next-bottom{margin-top:23px;flex-wrap:wrap}.next-bottom .btn{font-size:.8rem;padding:9px 13px}.three-stats{gap:10px}.stat{padding:16px 13px}.stat strong{font-size:1.5rem}.stat span{font-size:.75rem}.stat .stat-icon{margin-bottom:10px}.dashboard-grid{gap:20px}.stack{gap:20px}.dashboard-grid>.stack:nth-child(2){display:flex;gap:20px}.event-row{gap:11px;align-items:flex-start}.event-row-content h3{font-size:.9rem}.event-row-content .meta{font-size:.75rem}.event-row-content .meta svg{display:none}.event-row-end{padding-top:2px}.event-row-end .pill{white-space:normal;text-align:center;max-width:85px;font-size:.65rem}.event-row-end .btn{font-size:.75rem;padding:6px 10px}.event-row .date-tile{width:43px}.event-row .date-tile .month{font-size:.6rem}.event-row .date-tile .day{font-size:1.1rem}.card{padding:20px}.card-header{gap:10px;margin-bottom:19px}.card-header h2{font-size:1.1rem}.card-header .btn.text{font-size:.8rem}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;background:#fffe;border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:10;backdrop-filter:blur(12px)}.mobile-nav a{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:7px 1px;text-decoration:none;font-size:.7rem;color:#6e7d8b;border-radius:9px;line-height:1.3}.mobile-nav a.active{color:var(--red);background:#fbeef1}.mobile-nav svg{height:21px;width:21px}.footer{display:block;text-align:center;font-size:.7rem;margin-top:24px}.footer button{display:block;margin:8px auto}.filterbar{gap:9px}.filterbar select{flex:1;min-width:130px;font-size:.875rem}.shift-card .foot{align-items:flex-end}.info-list{gap:15px}.cal-day{padding:7px 4px;min-height:64px}.cal-heading{font-size:.65rem}.cal-day>span{font-size:.75rem}.cal-event{font-size:0;padding:0;height:5px;border-radius:5px;width:18px;margin-top:9px;background:var(--red)}.cal-event.blue{background:var(--navy)}.calendar-card{padding:15px}.calendar-top h2{font-size:1.1rem}.calendar-list{margin-top:22px}.badge-grid{grid-template-columns:1fr}.badge-card{display:flex;text-align:left;gap:15px;align-items:center}.badge-card svg{margin-bottom:0;flex-shrink:0}.training-module{gap:13px;flex-wrap:wrap}.training-module .module-main{min-width:160px}.training-module .btn{margin-left:61px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.toast{left:50%;bottom:95px;width:max-content;font-size:.825rem;padding:13px 18px}.metric-wide{gap:12px}.more-grid{grid-template-columns:1fr}.more-link{display:grid;grid-template-columns:26px 1fr;gap:4px 14px}.more-link svg{grid-row:span 2;margin:3px 0 0}.more-link h2{margin-bottom:0}.dialog-head{padding:23px 22px 15px}.dialog-body{padding:0 22px 24px}.dialog-head h2{font-size:1.2rem}.list-row{flex-wrap:wrap}.report-bar{grid-template-columns:85px 1fr 36px;gap:10px;font-size:.8rem}.side-profile{display:none}}
@media(prefers-reduced-motion:no-preference){.main{animation:arrive .18s ease-out}@keyframes arrive{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}
@media print{.sidebar,.topbar,.demobar,.mobile-nav,.footer,button,.btn{display:none!important}.workspace{margin:0}.main{padding:0}.card{break-inside:avoid}.dashboard-grid{display:block}.stack{margin-bottom:20px}body{background:#fff}}

.volunteer-id{background:#183958;color:white;border-radius:20px;padding:28px;max-width:600px;box-shadow:0 12px 35px #18395814}.volunteer-id>.row{font-size:.95rem}.id-chip{border:1px solid #8ca0b5;border-radius:5px;padding:4px 7px;font-size:.7rem;letter-spacing:.1em}.id-person{margin:35px 0 32px}.id-person .avatar{width:58px;height:58px;font-size:1.1rem;border:0;margin-bottom:16px;background:#35536e;color:white}.id-person h2{font-size:1.7rem;letter-spacing:-.02em}.id-person p{font-size:.7rem;letter-spacing:.18em;color:#c8d6e3;margin-top:7px}.id-bottom{display:flex;gap:25px;justify-content:space-between;border-top:1px solid #456079;padding-top:20px}.id-bottom span{display:block;font-size:.6rem;letter-spacing:.12em;color:#b4c5d4;margin-bottom:6px}.id-bottom strong{font-size:.85rem;font-weight:550}.id-watermark{font-size:.62rem;letter-spacing:.12em;color:#c1d0de;border-top:1px solid #456079;padding-top:15px;margin-top:20px;line-height:1.7}@media(max-width:700px){.volunteer-id{padding:23px}.id-person{margin:26px 0}.id-person h2{font-size:1.5rem}.id-bottom{gap:15px}.id-bottom strong{font-size:.75rem}.id-watermark{font-size:.55rem;letter-spacing:.08em}.volunteer-id>.row{font-size:.85rem}}

.id-bottom span,.id-watermark{font-size:.75rem;letter-spacing:.06em}.id-person p{font-size:.8rem}.id-chip{font-size:.75rem}@media(max-width:700px){.id-bottom span,.id-watermark{font-size:.75rem;letter-spacing:.04em}}

/* HHH volunteer resources: supplied branding, readable guides and local practice. */
:root{--red:#c9202e}.sidebar{overflow-y:auto;padding-top:20px}.brand-logo{justify-content:center;margin:0 0 18px}.brand-logo img{width:126px;height:auto;display:block}.sidebar .nav a{padding-block:10px}.sidebar .side-note{margin-top:18px}.sidebar .nav-label{margin-top:12px!important}.mobile-brand-logo{object-fit:contain;width:42px;height:40px}.topbar-left{display:flex;align-items:center;gap:10px}.resource-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.resource-nav a{border:1px solid var(--line);background:white;padding:11px 15px;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:600}.resource-nav a[aria-current]{background:var(--navy);color:white;border-color:var(--navy)}.learning-overview{border-top:4px solid var(--red)}.learning-overview h2{margin:16px 0 10px;line-height:1.4}.learning-overview p{color:var(--muted);font-size:.9375rem}.learning-overview .btn{margin-top:20px}.learning-overview .split-label{gap:12px;flex-wrap:wrap;font-size:.875rem}.learning-banner{display:grid;grid-template-columns:1fr auto;gap:22px;padding:28px;border-radius:14px;background:var(--navy);color:white}.learning-banner .eyebrow{color:#d4e0eb}.learning-banner h2{font-size:1.55rem;margin:10px 0}.learning-banner p{color:#d5e0ea;max-width:660px}.learning-banner .progress{grid-column:1/-1;margin:0;background:#466078;height:8px}.learning-banner .progress div{background:#fff}.learning-count{text-align:right;align-self:center}.learning-count>strong{display:block;font-size:2.7rem;line-height:1.2}.learning-count strong span{font-size:1.15rem;font-weight:400;color:#d5e0ea}.learning-count>span{font-size:.875rem;color:#d5e0ea}.pathway{list-style:none;margin:22px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pathway li{border-left:3px solid var(--red);padding:7px 15px}.pathway strong,.pathway span{display:block;font-size:.9375rem;line-height:1.6}.pathway span{color:var(--muted);font-size:.875rem}.resource-notice{margin-bottom:27px}.resource-notice p{font-size:.9375rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:28px 0 18px}.section-heading h2{font-size:1.25rem}.section-heading .eyebrow{display:block;margin-bottom:9px}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.learning-card{display:flex;flex-direction:column;padding:21px}.module-number{font-size:1rem;color:var(--muted);font-weight:650}.learning-card h3{margin:18px 0 9px}.learning-card p{color:var(--muted);font-size:.9375rem;flex:1}.learning-card .btn{align-self:flex-start;margin-top:20px}.learning-card .pill{font-size:.8125rem}.role-section,.signoff-card,.media-preview,.policy-footer{margin-top:28px}.role-section .section-heading{margin-top:0}.role-select{margin:24px 0;max-width:440px}.role-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.role-columns h3{margin-bottom:7px}.preparation-list{display:grid;gap:17px;margin-top:20px}.preparation-list .check-label{font-size:1rem}.role-specific{border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:22px}.guide-list{margin:18px 0;padding-left:23px;font-size:1rem;line-height:1.75}.guide-list li{margin:0 0 12px;padding-left:4px}.guide-list li:last-child{margin-bottom:0}.scenario-grid,.forms-grid,.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.scenario summary,.policy-item summary,.form-guide summary{cursor:pointer;font-weight:650;font-size:1rem;line-height:1.5}.scenario summary:focus-visible,.policy-item summary:focus-visible,.form-guide summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}.scenario>p{margin-top:15px}.scenario-answer{border-left:3px solid var(--red);padding-left:15px;margin-top:20px}.scenario-answer strong{font-size:.875rem}.scenario-answer p{color:var(--muted);margin-top:8px}.signoff-card{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.signoff-card h2{margin:13px 0}.signoff-card p{font-size:.9375rem;color:var(--muted)}.signoff-status{align-self:center}.signoff-status p{margin:12px 0 18px}.source-note{color:var(--muted);font-size:.875rem;line-height:1.7;margin-top:25px;max-width:1000px}.policy-list{display:grid;gap:13px}.policy-item{padding:20px 24px}.policy-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}.policy-item summary::-webkit-details-marker{display:none}.policy-item summary>span:first-child{flex:1}.policy-item summary small{display:block;color:var(--muted);font-size:.8125rem;font-weight:450;margin-bottom:5px}.policy-item summary strong{display:block}.policy-item summary:after{content:'+';font-size:1.5rem;color:var(--red);width:18px;flex-shrink:0}.policy-item[open] summary:after{content:'−'}.policy-end{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px}.policy-footer p{margin:12px 0 20px;color:var(--muted)}.form-guide h2{margin:12px 0}.form-guide>p{color:var(--muted)}.form-guide details{margin:20px 0}.form-next{border-top:1px solid var(--line);padding-top:18px}.form-next strong{font-size:.875rem}.form-next p{margin-top:8px;font-size:.9375rem;color:var(--muted)}.media-preview h2{margin:16px 0 12px}.media-preview fieldset{margin:24px 0;padding:0;border:0}.media-preview legend{font-weight:650;margin-bottom:14px}.media-choice{display:flex;align-items:flex-start;gap:13px;padding:15px;border:1px solid var(--line);border-radius:9px;margin-bottom:10px;cursor:pointer}.media-choice input{width:20px;height:20px;accent-color:var(--red);margin:2px 0 0;flex-shrink:0}.media-choice strong,.media-choice small{display:block}.media-choice small{font-size:.9375rem;color:var(--muted);line-height:1.6;margin-top:5px}.media-preview>.small{margin:16px 0}.emergency-panel{background:#a92532;color:white;border-radius:14px;padding:28px;margin-bottom:23px}.emergency-panel h2{font-size:2.2rem;margin:12px 0}.emergency-panel p{max-width:780px}.emergency-panel .small{margin-top:15px;color:#ffdde0}.safety-grid .btn{margin-top:8px}.module-intro{margin-top:18px!important}.dialog-body .guide-list{font-size:1rem}.learning-count,.learning-card,.form-guide{min-width:0}
@media(max-width:1150px){.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-logo img{width:115px}.sidebar .nav a{font-size:.875rem;padding-inline:9px}.sidebar .side-note{display:none}}
@media(max-width:950px){.role-columns,.signoff-card{grid-template-columns:1fr}.learning-banner{gap:20px}.policy-item summary{gap:12px}.forms-grid,.safety-grid{grid-template-columns:1fr}.sidebar .nav a{font-size:.8125rem}}
@media(max-width:700px){.resource-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.resource-nav a{text-align:center;padding:10px 8px;font-size:.875rem}.learning-banner{grid-template-columns:1fr;padding:22px}.learning-count{text-align:left;display:flex;align-items:center;gap:14px}.learning-count>strong{font-size:2.1rem}.learning-count>span{max-width:150px}.pathway{grid-template-columns:1fr;gap:13px}.learning-grid,.scenario-grid{grid-template-columns:1fr}.learning-card{padding:20px}.learning-card .btn{min-height:44px}.policy-item{padding:18px}.policy-item summary{align-items:flex-start;flex-wrap:wrap}.policy-item summary>span:first-child{flex-basis:100%;padding-right:20px}.policy-item summary:after{margin-left:auto}.policy-item .pill{font-size:.8125rem}.learning-overview .row{flex-wrap:wrap}.source-note{font-size:.875rem}.signoff-status .pill{white-space:normal}.role-specific{padding:18px}.topbar-left{font-size:.875rem;gap:7px;min-width:0}.topbar-left .desktop-crumb{max-width:115px;line-height:1.25}.mobile-brand-logo{width:33px;height:34px}.mode-select{max-width:137px}.topbar-right .icon-button{display:none}.resource-notice{padding:17px}.learning-banner h2{font-size:1.4rem}.emergency-panel{padding:23px}.guide-list{padding-left:20px}.section-heading>.small{font-size:.875rem}.form-guide,.role-section{overflow-wrap:anywhere}.resource-nav a,.learning-card .btn{min-height:44px}}

/* Partner offer and personal gifting credit */
.gift-credit{font-weight:650;text-decoration:underline;text-underline-offset:3px}.gift-credit:hover{color:var(--red)}.partner-card{max-width:780px;padding:0;overflow:hidden}.partner-banner{padding:30px;background:linear-gradient(135deg,#183958,#11263d);color:#fff}.partner-banner .eyebrow{color:#e6d29b}.partner-banner h2{margin-top:24px;font-size:1.45rem;letter-spacing:.09em}.partner-discount{margin-top:18px;font-size:3.4rem;line-height:1.05;font-weight:750;letter-spacing:-.04em;color:#f3dfa7}.partner-discount span{display:block;margin-top:10px;font-size:1.15rem;letter-spacing:0;font-weight:500;color:#fff}.partner-body{padding:28px 30px}.partner-address{display:flex;align-items:center;gap:9px;margin:23px 0;color:var(--muted);font-size:.9rem}.partner-links{display:flex;flex-wrap:wrap;gap:10px}.partner-link-note{margin-top:12px;font-size:.75rem}@media(max-width:560px){.partner-banner{padding:24px}.partner-body{padding:24px}.partner-links .btn{flex:1 1 auto}.partner-links .btn:first-child{flex-basis:100%}.partner-discount{font-size:3rem}}
:root{--navy:#26282e;--red:#e1262d;--line:#e4e5e8;--muted:#68717d;--soft:#f7f8fa;--brand-red:#e1262d;--brand-ink:#24262b;--shadow-soft:0 10px 30px rgba(31,34,40,.06)}
body{background:#f7f8fa;color:var(--brand-ink)}
.sidebar{box-shadow:4px 0 24px rgba(31,34,40,.05)}
.brand-logo img{display:block;height:auto;filter:drop-shadow(0 5px 9px rgba(31,34,40,.08))}
.nav a.active{background:#fff0f1;color:var(--red);box-shadow:inset 3px 0 0 var(--red)}
.nav a:hover{background:#fff6f6}.nav a.active:hover{background:#fff0f1}
.topbar{box-shadow:0 1px 0 rgba(31,34,40,.03)}
.demobar{background:#fff1f2;border-bottom:1px solid #f4d4d7;color:#8e2b33}.demobar button{color:#8e2b33}
.btn{background:var(--red);border-color:var(--red);border-radius:10px;box-shadow:0 8px 16px rgba(225,38,45,.16);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn:hover{filter:none;background:#c91d25;border-color:#c91d25;box-shadow:0 10px 20px rgba(225,38,45,.2);transform:translateY(-1px)}
.btn.secondary{color:var(--navy);background:#fff;border-color:var(--line);box-shadow:none}.btn.secondary:hover{background:#fff5f5;border-color:#efbfc2;color:#a51d25}
.btn.light{background:#fff;color:var(--navy);border-color:#fff;box-shadow:none}.btn.text{color:var(--red);box-shadow:none}.btn.danger{color:#aa203b;background:#fff;border-color:#e3bdc7;box-shadow:none}
.card{border-radius:16px;box-shadow:var(--shadow-soft)}
.next-card{background:linear-gradient(135deg,#26282e 0%,#454850 100%);box-shadow:0 18px 40px rgba(31,34,40,.14)}
.next-card .btn{background:#fff;color:#26282e;border-color:#fff;box-shadow:none}.next-card .btn:hover{background:#fff5f5;border-color:#fff5f5}
.next-card .date-tile{border-color:#747982}.next-card .date-tile .month{background:#42454d;color:#f4f4f5}
.passport{background:#fff4f4;border-color:#f4d3d6}.stat{box-shadow:0 6px 18px rgba(31,34,40,.035)}
.avatar{background:#fff0f1;color:#9d1e26}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(225,38,45,.12);outline:none}
.tabs button.active{background:var(--red);border-color:var(--red)}
dialog::backdrop{background:rgba(27,29,34,.55)}
.auth-resend{font-size:.875rem;min-height:auto;padding:5px 0}

.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#183958 0,#102a42 50%,#284a68 100%)}.auth-card{width:min(100%,490px);padding:34px}.auth-card.wide{width:min(100%,800px)}.auth-card>img{display:block;margin:0 auto 24px;object-fit:contain}.auth-card>h1{font-size:1.75rem;margin-bottom:12px}.auth-card>p{margin-bottom:20px}.auth-card form{display:grid;gap:18px;margin-top:24px}.field{display:grid;gap:7px;margin:15px 0;font-size:1rem}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;font-size:1rem;background:#fff;color:var(--navy)}.field textarea{resize:vertical}.auth-links{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}.auth-card .footer{display:block;font-size:.8rem;margin-top:25px}.auth-card .footer>a{display:block;margin-top:10px}.check-row{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.5}.check-row input{margin-top:5px}.live-nav{gap:2px}.live-nav a{padding:9px 14px;font-size:.875rem}.live-nav+.side-end{padding-top:10px}.live-event h2{margin:18px 0 12px}.live-event .form-actions{margin-top:20px}.live-id{max-width:650px}.live-id .id-person h2{font-size:2rem;overflow-wrap:anywhere}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0}.guide-details p{margin:14px 0}.guide-details summary{cursor:pointer;font-weight:650;line-height:1.6}.guide-details[open] summary{margin-bottom:15px}.guide-details{padding:22px}.learning-grid{margin-top:24px}.learning-card .pill{align-self:start}.learning-card h2{margin-top:16px}.learning-card p{margin:12px 0}.form-error:empty{display:none}.form-error{color:#a5142f;line-height:1.5;margin:14px 0}.card p+p{margin-top:14px}.card>.btn{margin-top:16px}.card .table-wrap{margin-top:18px}.source-note{font-size:.875rem}.footer{font-size:.875rem}.form-actions{flex-wrap:wrap}dialog{max-width:min(640px,calc(100vw - 32px));max-height:85vh;overflow:auto}dialog p{margin:12px 0}dialog .field{margin:16px 0}.live-event .row{flex-wrap:wrap}.partner-link-note{font-size:.875rem}
@media(max-width:760px){.auth-shell{padding:16px}.auth-card{padding:26px}.live-id .id-person h2{font-size:1.6rem}.calendar-top{flex-wrap:wrap;gap:14px}.calendar-top .row{flex-wrap:wrap}.cal-event{font-size:.75rem}.main{overflow-wrap:anywhere}.topbar{padding:14px 18px;height:auto;min-height:76px}.topbar-right{gap:8px}.topbar .btn{padding:9px;font-size:.875rem}.mobile-nav a{justify-content:center}.partner-body,.partner-banner{padding:24px}.sidebar{display:none}.workspace{margin-left:0}.form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.auth-shell{background:radial-gradient(circle at 50% 0%,rgba(225,38,45,.24),transparent 42%),linear-gradient(145deg,#e1262d 0%,#34363d 55%,#17191e 100%)}
.auth-card{border:1px solid rgba(255,255,255,.68);border-radius:22px;box-shadow:0 24px 80px rgba(25,27,32,.24)}
.auth-card>img{filter:drop-shadow(0 6px 12px rgba(31,34,40,.12))}
.auth-card .btn{min-height:46px}.auth-card .btn.text{min-height:auto}.auth-links{align-items:center}

/* Keep the live card and benefits aligned with HHH's red and charcoal logo. */
.live-id{background:linear-gradient(135deg,#24262b 0%,#34363d 72%,#751d27 100%);border-top:5px solid var(--brand-red);box-shadow:0 16px 36px rgba(31,34,40,.14)}
.live-id .id-person p,.live-id .id-bottom span{color:#f5d9dc}
.live-id .id-chip{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.06);color:#fff}
.partner-banner{background:linear-gradient(135deg,#24262b 0%,#3b2a30 70%,#8b202c 100%);border-top:5px solid var(--brand-red)}
.partner-banner .eyebrow{color:#f5d9dc}.partner-discount{color:#fff}
.sidebar{overflow-y:auto}.live-nav a{min-height:44px}.btn{min-height:44px}

/* The live sidebar disappears at 760px, so mobile navigation must start there too. */
@media(max-width:760px){
  body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  .main{padding:24px 20px 36px}
  .topbar{flex-wrap:wrap}.topbar-right{margin-left:auto}.mobile-brand-logo{display:block}
  .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:10}
  .mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:7px 2px;text-decoration:none;font-size:.75rem;line-height:1.3;color:#586371;border-radius:9px}
  .mobile-nav a.active{color:#a51d25;background:#fff0f1;font-weight:700}
  .mobile-nav[aria-label="Coordinator navigation"]{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Managed partner offers share the same cards in both portals. */
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.managed-benefit{min-width:0;overflow:hidden;align-self:start}.managed-benefit .partner-banner h2{overflow-wrap:anywhere}.managed-offer-title{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;color:#fff;font-weight:750;margin-top:18px;overflow-wrap:anywhere}.managed-benefit .partner-body{overflow-wrap:anywhere}.managed-benefit .form-actions{margin-top:24px}.managed-benefit .partner-links{flex-wrap:wrap}.offer-intro{margin:0 0 24px;max-width:850px}.offer-links{margin:20px 0}.offer-links summary{cursor:pointer;font-weight:650;padding:10px 0}
@media(max-width:1000px){.benefit-grid{grid-template-columns:1fr}}

/* Live More links contain only a heading. The shared demo stylesheet reserves
   a 26px first column for an icon on phones; do not place the heading there. */
.more-grid>.more-link{display:flex;align-items:center;min-height:64px;text-align:left}
.more-grid>.more-link>h2{flex:1;min-width:0;margin:0;line-height:1.45;overflow-wrap:normal;word-break:normal}
.support-contacts{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.support-contacts>div{margin-top:20px}.support-contacts h2{font-size:1.2rem;line-height:1.4}
.support-contacts h3{font-size:1rem;line-height:1.5;margin:0 0 6px}.support-contacts p{line-height:1.6;margin:6px 0}
.support-contacts a{overflow-wrap:anywhere}.support-contacts.compact p{font-size:.875rem}.support-contacts.compact h3{font-size:.95rem}

/* Decorative icons use the existing links; labels and destinations are unchanged. */
.hhh-volunteer a[href="#home"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10a1%201%200%200%201-1%201h-5v-7H9v7H4a1%201%200%200%201-1-1Z%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer a[href="#calendar"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M16%203v4M8%203v4M3%2011h18m-13%204h2m4%200h2%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer a[href="#my-rsvps"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2217%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M9%203h6v3H9zm-1%2011%203%203%205-6%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer a[href="#passport"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%225%22%20width%3D%2219%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%2210%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M5.5%2016c0-3%206-3%206%200M15%2010h3m-3%204h3%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer a[href="#training"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205c-3-2-6-2-9-1v15c3-1%206-1%209%201%203-2%206-2%209-1V4c-3-1-6-1-9%201Zm0%200v15%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer a[href="#policies"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%208%203v6c0%205-8%209-8%209s-8-4-8-9V6Z%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer a[href="#forms"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203H6a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V9Z%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6M8%2013h8m-8%204h5%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer a[href="#benefits"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M5%2012v9h14v-9M12%208v13m0-13C6%208%205%206%206%204s5-1%206%204c1-5%205-6%206-4s0%204-6%204Z%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer a[href="#updates"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%2014-6v16L3%2014Zm14-2%204%202v4l-4%202M6%2015l2%206h4l-2-5%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer a[href="#safety"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021S3%2015%203%209a5%205%200%200%201%209-3%205%205%200%200%201%209%203c0%206-9%2012-9%2012Z%22%2F%3E%3Cpath%20d%3D%22M8%2012h8m-4-4v8%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer a[href="#profile"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%206%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer a[href="#privacy"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2211%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3m-4%204v3%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer a[href="#more"] {--hhh-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.hhh-volunteer :is(.live-nav a,.mobile-nav a,.more-link)::before {
  content:"";display:block;flex-shrink:0;width:21px;height:21px;
  background:currentColor;-webkit-mask:var(--hhh-icon) center/contain no-repeat;
  mask:var(--hhh-icon) center/contain no-repeat;
}
.hhh-volunteer .more-grid>.more-link::before {width:27px;height:27px;color:#b52331}
.hhh-volunteer .more-grid>.more-link::after {content:"";width:7px;height:7px;flex-shrink:0;border-top:1.5px solid #9a8290;border-right:1.5px solid #9a8290;transform:rotate(45deg)}

/* Volunteer visual refresh. The coordinator entry point does not carry this
   body class. Keep all content, routes, controls and application logic intact. */
body.hhh-volunteer {
  --navy:#25262b;
  --red:#bc202c;
  --line:#e5e3e2;
  --muted:#64636a;
  --soft:#f6f5f3;
  --shadow-soft:0 5px 20px rgba(38,28,31,.035);
  --hhh-radius:20px;
  background:var(--soft);
  color:var(--navy);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.hhh-volunteer :is(h1,h2,h3) {text-wrap:balance}
.hhh-volunteer h1 {font-size:clamp(1.8rem,2.7vw,2.4rem);font-weight:750;letter-spacing:-.045em;line-height:1.18}
.hhh-volunteer h2 {line-height:1.4;letter-spacing:-.025em}
.hhh-volunteer a {text-underline-offset:3px}
.hhh-volunteer :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid #a41c29;outline-offset:4px}
.hhh-volunteer .main {max-width:1440px;padding:40px clamp(24px,3.2vw,48px) 56px}
.hhh-volunteer .page-title {margin-bottom:30px;align-items:flex-start}
.hhh-volunteer .page-title p {font-size:.975rem;line-height:1.65;margin-top:10px;max-width:680px}
.hhh-volunteer .page-title p:empty {display:none}
.hhh-volunteer .card {border:1px solid var(--line);border-radius:var(--hhh-radius);padding:28px;box-shadow:var(--shadow-soft)}
.hhh-volunteer .card>h2+p {margin-top:12px}
.hhh-volunteer .stack {gap:22px}
.hhh-volunteer .dashboard-grid {gap:26px;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);align-items:start}
.hhh-volunteer .dashboard-grid>.stack:nth-child(2)>.card {padding:26px}
.hhh-volunteer .dashboard-grid>.stack:nth-child(2)>.card h2 {font-size:1.2rem}
.hhh-volunteer .dashboard-grid>.stack:nth-child(2)>.card .btn {margin-top:18px}

/* Familiar navigation, with light line icons and a clear current-page state. */
.hhh-volunteer .sidebar {width:248px;padding:26px 18px 20px;background:#fff;border-right:1px solid var(--line);box-shadow:none}
.hhh-volunteer .workspace {margin-left:248px}
.hhh-volunteer .brand-logo {padding:0 0 24px;margin:0 12px 22px;border-bottom:1px solid var(--line)}
.hhh-volunteer .brand-logo img {width:114px;filter:none}
.hhh-volunteer .live-nav {gap:5px}
.hhh-volunteer .live-nav a {gap:12px;min-height:46px;padding:11px 14px;border-radius:12px;font-size:.875rem;font-weight:550;color:#65616a}
.hhh-volunteer .live-nav a.active {color:#a81c29;background:#fcecee;box-shadow:inset 3px 0 0 #bc202c;font-weight:700}
.hhh-volunteer .live-nav a:hover {background:#f7f4f3;color:#27262c}
.hhh-volunteer .live-nav a.active:hover {background:#fcecee;color:#a81c29}
.hhh-volunteer .side-profile {margin:20px 4px 0;padding:19px 10px 0;border-top:1px solid var(--line);line-height:1.6;overflow-wrap:anywhere}
.hhh-volunteer .side-profile strong {font-size:.925rem}
.hhh-volunteer .topbar {height:auto;min-height:84px;padding:18px clamp(24px,3.2vw,48px);background:#fff;border-bottom:1px solid var(--line);box-shadow:none}
.hhh-volunteer .topbar-left {max-width:600px;min-width:0;line-height:1.45;font-weight:550;color:#605d65}
.hhh-volunteer .topbar-left .mobile-brand-logo {display:none}
.hhh-volunteer .topbar-right {gap:10px;flex-shrink:0}
.hhh-volunteer .topbar .btn {font-size:.8125rem;min-height:42px;padding:9px 14px}

/* Consistent controls. Use a darker red for readable white button labels. */
.hhh-volunteer .btn {min-height:46px;padding:12px 18px;border-radius:12px;line-height:1.4;background:#bc202c;border-color:#bc202c;box-shadow:0 3px 7px rgba(157,26,39,.10);font-weight:650;white-space:normal;text-align:center}
.hhh-volunteer .btn:hover {background:#a01a26;border-color:#a01a26;box-shadow:0 5px 12px rgba(157,26,39,.14);transform:none}
.hhh-volunteer .btn.secondary {background:#fff;color:#35323a;border-color:#dedbdb;box-shadow:0 1px 2px rgba(38,28,31,.025)}
.hhh-volunteer .btn.secondary:hover {background:#fff6f6;color:#a01a26;border-color:#d7b1b6;box-shadow:none}
.hhh-volunteer .btn.text {background:transparent;border-color:transparent;color:#aa1d29;box-shadow:none;padding:10px 0}
.hhh-volunteer .btn.text:hover {text-decoration:underline;background:transparent;box-shadow:none}
.hhh-volunteer .btn:disabled {transform:none;box-shadow:none}
.hhh-volunteer .field {font-size:.9375rem;gap:9px;margin:18px 0;color:#39343d}
.hhh-volunteer .field :is(input,select,textarea) {min-height:49px;border:1px solid #bdb9be;border-radius:12px;background:#fff;padding:12px 14px;color:#25262b;font-size:1rem;line-height:1.5}
.hhh-volunteer .field :is(input,select,textarea):focus {border-color:#a41c29;box-shadow:0 0 0 4px rgba(188,32,44,.09)}
.hhh-volunteer .check-row {justify-content:flex-start;gap:12px;padding:16px 0;line-height:1.65}
.hhh-volunteer .check-row input {accent-color:#bc202c;flex-shrink:0;width:19px;height:19px;margin:3px 0 0}
.hhh-volunteer .form-actions {gap:10px;align-items:center}
.hhh-volunteer .pill {font-size:.75rem;line-height:1.5;padding:5px 11px;background:#f1f0f2;color:#5c5460;white-space:normal}
.hhh-volunteer .pill.green {background:#e8f4ed;color:#246348}
.hhh-volunteer .notice {border-radius:14px;padding:20px}
.hhh-volunteer .notice.neutral {background:#f0f1f4;border-color:#dddfe5}
.hhh-volunteer .notice.neutral p {color:#4f505c;font-size:.9375rem}

/* Outreach stays the first task on Home. Only its presentation changes. */
.hhh-volunteer .live-event {padding:28px;position:relative;border-top:3px solid #e4a1a6}
.hhh-volunteer .live-event .eyebrow {letter-spacing:.09em;line-height:1.6;color:#a32330;font-size:.75rem}
.hhh-volunteer .live-event h2 {font-size:1.45rem;margin:22px 0 12px;overflow-wrap:anywhere}
.hhh-volunteer .live-event .meta {font-size:.95rem;font-weight:550;color:#55515b}
.hhh-volunteer .live-event>.muted {margin-top:6px;font-size:.9375rem}
.hhh-volunteer .live-event .form-actions {border-top:1px solid var(--line);padding-top:22px;margin-top:24px}
.hhh-volunteer .dashboard-grid>.stack:first-child>.live-event:first-child {background:radial-gradient(ellipse at 105% 0,rgba(177,47,61,.48),transparent 65%),#29272e;color:#fff;border:1px solid #3c2c35;border-top:3px solid #e1262d;box-shadow:0 12px 28px rgba(41,30,35,.10)}
.hhh-volunteer .dashboard-grid>.stack:first-child>.live-event:first-child h2 {font-size:clamp(1.5rem,2.4vw,1.85rem)}
.hhh-volunteer .dashboard-grid>.stack:first-child>.live-event:first-child .eyebrow {color:#ffbdc4}
.hhh-volunteer .dashboard-grid>.stack:first-child>.live-event:first-child :is(.meta,.muted) {color:#e4dce1}
.hhh-volunteer .dashboard-grid>.stack:first-child>.live-event:first-child .pill {background:#fff;color:#443c47}
.hhh-volunteer .dashboard-grid>.stack:first-child>.live-event:first-child .pill.green {background:#e8f4ed;color:#246348}
.hhh-volunteer .dashboard-grid>.stack:first-child>.live-event:first-child .form-actions {border-color:#665660}
.hhh-volunteer .dashboard-grid>.stack:first-child>.live-event:first-child .btn:not(.secondary) {background:#fff;color:#982030;border-color:#fff;box-shadow:none}
.hhh-volunteer .dashboard-grid>.stack:first-child>.live-event:first-child .btn:not(.secondary):hover {background:#fff0f2;border-color:#fff0f2}
.hhh-volunteer .dashboard-grid>.stack:first-child>.live-event:first-child .btn.secondary {background:transparent;color:#fff;border-color:#9e8591;box-shadow:none}
.hhh-volunteer .dashboard-grid>.stack:first-child>.live-event:first-child .btn.secondary:hover {background:#ffffff12}

/* Digital membership card and partner offers retain every existing detail. */
.hhh-volunteer .live-id {max-width:660px;position:relative;border:1px solid #56404a;border-top:4px solid #e1262d;border-radius:24px;padding:34px;background:radial-gradient(ellipse at 100% 0,rgba(183,45,62,.50),transparent 68%),linear-gradient(135deg,#28262d,#38303a);box-shadow:0 18px 34px rgba(44,29,38,.12)}
.hhh-volunteer .live-id>.row {flex-wrap:wrap;gap:12px}
.hhh-volunteer .live-id>.row strong {font-size:1.1rem}
.hhh-volunteer .live-id .id-chip {border-radius:7px;padding:6px 9px;font-size:.6875rem;letter-spacing:.12em}
.hhh-volunteer .live-id .id-person {margin:48px 0 38px}
.hhh-volunteer .live-id .id-person h2 {font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.2}
.hhh-volunteer .live-id .id-person p {color:#f7c6cd;line-height:1.7;letter-spacing:.16em;font-size:.75rem;margin-top:12px}
.hhh-volunteer .live-id .id-bottom {border-color:#79616e;padding-top:24px;flex-wrap:wrap;gap:22px}
.hhh-volunteer .live-id .id-bottom span {color:#decbd4;font-size:.6875rem;line-height:1.6;letter-spacing:.12em}
.hhh-volunteer .live-id .id-bottom strong {font-size:1rem;font-weight:600;letter-spacing:.015em}
.hhh-volunteer .benefit-grid {gap:26px;align-items:start}
.hhh-volunteer .managed-benefit {max-width:none;padding:0;border-radius:22px}
.hhh-volunteer .managed-benefit .partner-banner {padding:30px;background:radial-gradient(ellipse at 100% 0,rgba(158,54,72,.45),transparent 75%),#302a33;border-top:4px solid #e1262d}
.hhh-volunteer .managed-benefit .partner-banner .eyebrow {color:#f5c9d0;font-size:.6875rem;letter-spacing:.14em}
.hhh-volunteer .managed-benefit .partner-banner h2 {font-size:1.1rem;letter-spacing:.075em;line-height:1.5;margin-top:24px}
.hhh-volunteer .managed-offer-title {font-size:clamp(1.75rem,3vw,2.5rem);font-weight:750;letter-spacing:-.04em;margin-top:12px;line-height:1.15}
.hhh-volunteer .managed-benefit .partner-body {padding:28px 30px}
.hhh-volunteer .managed-benefit .partner-body h3 {font-size:1rem;line-height:1.6}
.hhh-volunteer .managed-benefit .preserve-lines {color:#605762;font-size:.9375rem}
.hhh-volunteer .managed-benefit .partner-links {gap:8px}
.hhh-volunteer .managed-benefit .partner-links .btn {padding:10px 13px;font-size:.8125rem}
.hhh-volunteer .managed-benefit .form-actions {border-top:1px solid var(--line);padding-top:22px;margin-top:22px;justify-content:stretch}
.hhh-volunteer .managed-benefit .form-actions .btn {width:100%}
.hhh-volunteer .partner-link-note {font-size:.8125rem}

/* The More headings retain their full flex column on every screen size. */
.hhh-volunteer .more-grid {gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.hhh-volunteer .more-grid>.more-link {display:flex;align-items:center;min-height:96px;padding:24px;gap:18px;border-radius:18px}
.hhh-volunteer .more-grid>.more-link>h2 {font-size:1rem;line-height:1.5;flex:1;min-width:0;margin:0;overflow-wrap:normal;word-break:normal}
.hhh-volunteer .more-link:hover {border-color:#d4a7af;background:#fffafa;box-shadow:0 6px 18px rgba(89,34,46,.055)}
.hhh-volunteer .learning-grid {gap:20px}
.hhh-volunteer .learning-card {padding:25px}
.hhh-volunteer .learning-card h2 {font-size:1.15rem;margin-top:20px}
.hhh-volunteer .learning-card p {font-size:.9375rem;color:#64606a;line-height:1.7}
.hhh-volunteer .learning-card .btn {margin-top:24px}
.hhh-volunteer .guide-details {padding:24px 26px}
.hhh-volunteer .guide-details summary {font-size:1rem;color:#343039;line-height:1.65;min-height:28px}
.hhh-volunteer .guide-details summary::marker {color:#b52331}
.hhh-volunteer .guide-details[open] {border-color:#d5b9be}
.hhh-volunteer .guide-list {line-height:1.8;color:#4f4a54}
.hhh-volunteer .calendar-grid {border-radius:12px}
.hhh-volunteer .cal-heading {background:#f5f3f3;color:#67616a;padding:15px 0;font-weight:600}
.hhh-volunteer .cal-day {min-height:105px;padding:12px 9px}
.hhh-volunteer .cal-day.outside {background:#f8f7f6}
.hhh-volunteer .cal-day>span {font-weight:600;color:#655e69}
.hhh-volunteer .cal-event {background:#fbe7eb;color:#9b2332;border-radius:6px;line-height:1.5}
.hhh-volunteer .calendar-top {gap:16px;margin-bottom:24px;flex-wrap:wrap}
.hhh-volunteer .calendar-top .row {flex-wrap:wrap;gap:8px}
.hhh-volunteer .calendar-top .btn {font-size:.8125rem;padding:9px 13px}
.hhh-volunteer .footer {border-top:1px solid var(--line);padding-top:24px;margin-top:40px;color:#69616b;line-height:1.8;font-size:.8125rem;align-items:flex-start}
.hhh-volunteer .footer>a {flex-shrink:0}
.hhh-volunteer .footer a {text-decoration-color:#c7bfc5}
.hhh-volunteer .footer a:hover {color:#9f1c2a;text-decoration-color:currentColor}
.hhh-volunteer .source-note {color:#69616b;line-height:1.8}
.hhh-volunteer dialog {padding:28px;border-radius:22px;color:#25262b;box-shadow:0 24px 80px #20152040;max-height:calc(100dvh - 32px)}
.hhh-volunteer .dialog-top {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}
.hhh-volunteer .dialog-top h2 {font-size:1.35rem}
.hhh-volunteer .dialog-top .icon-button {flex-shrink:0;font-size:1.4rem}
.hhh-volunteer .toast {background:#303039;border-radius:14px;box-shadow:0 10px 30px #28222b26;line-height:1.6}

/* Quiet, branded sign-in and support screens; no extra marketing content. */
.hhh-volunteer .auth-shell {min-height:100vh;min-height:100svh;padding:48px 24px;background:radial-gradient(ellipse at 5% 0,rgba(225,38,45,.10),transparent 42%),radial-gradient(ellipse at 100% 90%,rgba(174,132,148,.13),transparent 50%),#f6f3f2}
.hhh-volunteer .auth-card {width:min(100%,520px);padding:38px 40px;border:1px solid #e4dcde;border-top:4px solid #e1262d;border-radius:24px;box-shadow:0 20px 60px rgba(71,40,50,.075)}
.hhh-volunteer .auth-card.wide {width:min(100%,850px)}
.hhh-volunteer .auth-card>img {width:114px;height:auto;filter:none;margin-bottom:28px}
.hhh-volunteer .auth-card>h1 {font-size:1.85rem;letter-spacing:-.035em;text-align:center}
.hhh-volunteer .auth-card>p {color:#66606a;font-size:.9375rem;text-align:center;margin:14px 0 0;line-height:1.7}
.hhh-volunteer .auth-card form {gap:0;margin-top:24px}
.hhh-volunteer .auth-card form>.btn {margin-top:12px;min-height:50px}
.hhh-volunteer .auth-card .field {margin:12px 0}
.hhh-volunteer .auth-links {gap:4px 20px;justify-content:space-between;align-items:center;margin:18px 0 24px;font-size:.875rem;line-height:1.6}
.hhh-volunteer .auth-links>a {display:inline-flex;align-items:center;min-height:44px;color:#9f1c2a;font-weight:550}
.hhh-volunteer .auth-links .auth-resend {min-height:44px;width:100%;justify-content:flex-start;padding:8px 0;font-weight:500}
.hhh-volunteer .support-contacts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;padding-top:26px}
.hhh-volunteer .support-contacts>h2 {grid-column:1/-1;font-size:1.1rem}
.hhh-volunteer .support-contacts>div {margin:0;padding:20px;border:1px solid #e9e3e4;border-radius:14px;background:#faf8f8}
.hhh-volunteer .support-contacts h3 {font-size:.9375rem;line-height:1.5;color:#37313b}
.hhh-volunteer .support-contacts p {color:#625b66;font-size:.875rem;line-height:1.7}
.hhh-volunteer .support-contacts a {color:#9f1c2a;font-weight:550}
.hhh-volunteer .support-contacts.compact {grid-template-columns:1fr;gap:18px;background:#faf8f8;padding:22px;border:1px solid #e9e3e4;border-radius:16px;margin-top:22px}
.hhh-volunteer .support-contacts.compact>div {padding:0;border:0;border-radius:0;background:none}
.hhh-volunteer .support-contacts.compact h3 {font-size:.875rem}
.hhh-volunteer .support-contacts.compact p {font-size:.8125rem}
.hhh-volunteer .auth-card .footer {margin-top:26px;padding-top:20px;font-size:.75rem;text-align:center}

@media(min-width:761px) and (max-width:1150px) {
  .hhh-volunteer .sidebar {width:226px;padding-inline:14px}
  .hhh-volunteer .workspace {margin-left:226px}
  .hhh-volunteer .main {padding:32px 26px 48px}
  .hhh-volunteer .topbar {padding-inline:26px}
  .hhh-volunteer .dashboard-grid {grid-template-columns:1fr}
  .hhh-volunteer .dashboard-grid>.stack:nth-child(2) {display:flex}
}
@media(max-width:760px) {
  body.hhh-volunteer {padding-bottom:calc(94px + env(safe-area-inset-bottom))}
  .hhh-volunteer .sidebar {display:none}
  .hhh-volunteer .workspace {margin-left:0}
  .hhh-volunteer .main {padding:28px 18px 32px;overflow-wrap:anywhere}
  .hhh-volunteer h1 {font-size:1.9rem;letter-spacing:-.04em}
  .hhh-volunteer .page-title {margin-bottom:25px}
  .hhh-volunteer .page-title p {font-size:.9375rem;line-height:1.65;margin-top:9px}
  .hhh-volunteer .topbar {padding:14px 18px;min-height:78px;gap:12px;flex-wrap:wrap}
  .hhh-volunteer .topbar-left {font-size:.8125rem;flex:1 1 160px;gap:10px}
  .hhh-volunteer .topbar-left .mobile-brand-logo {display:block;width:40px;height:auto;flex-shrink:0}
  .hhh-volunteer .topbar-right {margin-left:auto;gap:7px}
  .hhh-volunteer .topbar .btn {min-height:44px;padding:9px 11px;font-size:.75rem;border-radius:10px}
  .hhh-volunteer .card {padding:23px;border-radius:18px}
  .hhh-volunteer .dashboard-grid {grid-template-columns:1fr;gap:20px}
  .hhh-volunteer .dashboard-grid>.stack:nth-child(2) {display:flex}
  .hhh-volunteer .dashboard-grid>.stack:nth-child(2)>.card {padding:23px}
  .hhh-volunteer .stack {gap:18px}
  .hhh-volunteer .live-event h2 {font-size:1.35rem}
  .hhh-volunteer .live-event .row {gap:10px;align-items:flex-start}
  .hhh-volunteer .live-event .form-actions {padding-top:20px;margin-top:22px}
  .hhh-volunteer .live-event .form-actions .btn {flex:1 1 auto}
  .hhh-volunteer .live-id {border-radius:22px;padding:27px}
  .hhh-volunteer .live-id .id-person {margin:38px 0 30px}
  .hhh-volunteer .live-id>.row strong {font-size:1rem}
  .hhh-volunteer .live-id .id-bottom strong {font-size:.9rem}
  .hhh-volunteer .benefit-grid {grid-template-columns:1fr;gap:22px}
  .hhh-volunteer .managed-benefit {padding:0;border-radius:20px}
  .hhh-volunteer .managed-benefit .partner-banner {padding:27px 24px}
  .hhh-volunteer .managed-benefit .partner-body {padding:24px}
  .hhh-volunteer .managed-offer-title {font-size:2rem}
  .hhh-volunteer .more-grid {grid-template-columns:1fr;gap:12px}
  .hhh-volunteer .more-grid>.more-link {min-height:82px;padding:20px;gap:16px}
  .hhh-volunteer .learning-grid {grid-template-columns:1fr;gap:16px}
  .hhh-volunteer .guide-details {padding:22px}
  .hhh-volunteer .support-contacts {grid-template-columns:1fr}
  .hhh-volunteer .calendar-card {padding:18px 14px}
  .hhh-volunteer .calendar-top {margin-bottom:20px}
  .hhh-volunteer .calendar-top .btn {padding:10px 12px;min-height:44px;font-size:.75rem}
  .hhh-volunteer .cal-heading {font-size:.6875rem;padding:12px 0}
  .hhh-volunteer .cal-day {min-height:72px;padding:8px 3px}
  .hhh-volunteer .cal-day>span {font-size:.75rem;display:block;text-align:center}
  .hhh-volunteer .cal-event {font-size:0;width:100%;min-height:28px;margin-top:7px;padding:0;background:#f8e0e5;position:relative}
  .hhh-volunteer .cal-event::after {content:"";position:absolute;inset:12px 25%;border-radius:3px;background:#b52331}
  .hhh-volunteer .mobile-nav {padding:8px max(8px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #e7e0e3;box-shadow:0 -4px 20px rgba(45,30,38,.045);gap:3px}
  .hhh-volunteer .mobile-nav a {min-height:58px;gap:6px;padding:8px 2px;font-size:.6875rem;font-weight:550;color:#645c69;border-radius:12px;line-height:1.35}
  .hhh-volunteer .mobile-nav a.active {background:#fcecee;color:#a61e2c;font-weight:750}
  .hhh-volunteer .footer {display:block;text-align:left;margin-top:32px;padding-top:24px;font-size:.75rem;line-height:1.9}
  .hhh-volunteer .footer>a {display:inline-flex;align-items:center;min-height:44px;margin-top:8px}
  .hhh-volunteer .toast {left:50%;bottom:calc(102px + env(safe-area-inset-bottom))}
  .hhh-volunteer dialog {padding:24px;max-width:calc(100vw - 28px)}
  .hhh-volunteer .auth-shell {padding:24px 16px;align-items:start}
  .hhh-volunteer .auth-card {padding:30px 24px;border-radius:22px}
  .hhh-volunteer .auth-card>h1 {font-size:1.65rem}
  .hhh-volunteer .auth-card>img {width:104px;margin-bottom:24px}
  .hhh-volunteer .auth-card.wide {padding:26px 20px}
  .hhh-volunteer .auth-card.wide>.card {padding:20px}
  .hhh-volunteer .support-contacts.compact {padding:18px}
}
@media(max-width:360px) {
  .hhh-volunteer .main {padding-inline:14px}
  .hhh-volunteer .card {padding:20px}
  .hhh-volunteer .managed-benefit {padding:0}
  .hhh-volunteer .auth-card {padding-inline:20px}
  .hhh-volunteer .auth-card>h1 {font-size:1.5rem}
  .hhh-volunteer .live-id {padding:23px}
  .hhh-volunteer .more-grid>.more-link {padding:18px;gap:13px}
  .hhh-volunteer .calendar-card {padding:16px 10px}
  .hhh-volunteer .calendar-top .btn {padding:9px 10px}
}
@media(prefers-reduced-motion:reduce) {
  .hhh-volunteer * {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print {
  body.hhh-volunteer {background:#fff;padding:0}
  .hhh-volunteer .workspace {margin:0}
  .hhh-volunteer .main {padding:0}
  .hhh-volunteer .card {box-shadow:none}
  .hhh-volunteer .live-id {-webkit-print-color-adjust:exact;print-color-adjust:exact}
}