.volunteer-portal{--volunteer-ink:#17324d;--volunteer-muted:#506579;--volunteer-line:#c5d5df;--volunteer-accent:#096b60;min-height:100dvh;color:var(--volunteer-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#eef4f7;padding:32px 20px;font-size:1rem;line-height:1.7}.volunteer-portal p{color:var(--volunteer-muted);font-size:1rem}.volunteer-portal :is(input,select,textarea){min-height:48px;color:var(--volunteer-ink);background:#fff;border-color:#8ca4b5;border-radius:10px;font-size:1rem}.volunteer-portal :is(input,textarea)::placeholder{color:#596e80;opacity:1}.volunteer-portal .button{max-width:100%;min-height:48px;color:var(--volunteer-ink);white-space:normal;text-align:center;background:#fff;border:1px solid #8ca4b5;border-radius:11px;padding:11px 18px;font-size:1rem;font-weight:700;line-height:1.5;box-shadow:0 2px 4px #17324d08}.volunteer-portal .button svg{flex-shrink:0}.volunteer-portal .button:hover:not(:disabled){color:#102e46;background:#e5f0f4;border-color:#476e87}.volunteer-portal .button.primary,.volunteer-portal .volunteer-tabs .button[aria-pressed=true]{background:var(--volunteer-accent);border-color:var(--volunteer-accent);color:#fff}.volunteer-portal .button.primary:hover:not(:disabled),.volunteer-portal .volunteer-tabs .button[aria-pressed=true]:hover{color:#fff;background:#075248;border-color:#075248}.volunteer-portal .button.danger-button{color:#922b35;background:#fff5f5;border-color:#bd777d}.volunteer-portal .button.danger-button:hover:not(:disabled){color:#7a1c25;background:#fbe4e4}.volunteer-portal button.button:disabled{color:#526476;box-shadow:none;opacity:1;cursor:not-allowed;background:#e3eaf0;border-color:#a8b8c5}.volunteer-portal :focus-visible{outline-offset:4px;outline:3px solid #176bbb}.volunteer-portal input[type=file]{white-space:normal;padding:10px}.volunteer-portal input[type=file]::file-selector-button{color:#17324d;min-height:44px;font:inherit;cursor:pointer;background:#e5f0f4;border:1px solid #8ca4b5;border-radius:8px;margin-inline-end:10px;padding:8px 12px}.volunteer-login{max-width:480px;color:var(--volunteer-ink);border:1px solid var(--volunteer-line);background:#fff;border-radius:20px;gap:22px;margin:5vh auto;padding:32px;display:grid;box-shadow:0 12px 36px #17324d0c}.volunteer-login h1{font-size:1.875rem}.volunteer-login form{gap:20px;display:grid}.volunteer-login label{font-size:1rem}.volunteer-login>a{color:#095e56;text-underline-offset:4px;text-decoration:underline}.volunteer-login .button{width:100%}.volunteer-home{max-width:1080px;color:var(--volunteer-ink);margin:auto}.volunteer-home-header{color:#fff;background:#092943;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px 32px;display:flex}.volunteer-home-header h1{letter-spacing:0;align-items:center;gap:12px;margin-block:14px 8px;font-size:2rem;display:flex}.volunteer-home-header h1 svg{flex-shrink:0}.volunteer-home-header p{color:#d5e5ee}.volunteer-home-header a{color:#e0f5f0;text-underline-offset:4px;padding-block:6px;text-decoration:underline;display:inline-block}.volunteer-home-header .volunteer-actions{flex-shrink:0;margin-top:0}.volunteer-home-header :focus-visible{outline-color:#8adbd0}.volunteer-home :is(.panel,.profile-photo-panel,.volunteer-summary>div,.volunteer-entry){color:var(--volunteer-ink);border:1px solid var(--volunteer-line);background:#fff;border-radius:16px;box-shadow:0 4px 16px #17324d05}.volunteer-home .profile-photo-panel{padding:24px}.volunteer-home .profile-photo-content h3{color:var(--volunteer-ink)}.volunteer-home .profile-photo-content small{color:var(--volunteer-muted);font-size:.875rem}.volunteer-home .profile-photo-actions{gap:10px}.volunteer-home .volunteer-summary>div{border-top:4px solid var(--volunteer-accent)}.volunteer-home .volunteer-summary strong{color:#096b60;font-size:2rem;line-height:1.25}.volunteer-home>section{margin-block:24px}.volunteer-home h2{margin-bottom:16px;font-size:1.5rem}.volunteer-home .panel>button{margin-top:20px}.volunteer-home .volunteer-form{color:var(--volunteer-ink)}.volunteer-home .volunteer-form label{font-size:1rem}.volunteer-home .volunteer-detail{gap:16px 24px}.volunteer-home .volunteer-detail>div{border-bottom:1px solid #dce6ed;padding-bottom:12px}.volunteer-home .volunteer-detail dt{color:var(--volunteer-muted);font-size:.875rem}.volunteer-home .volunteer-detail dd{margin-top:4px}.volunteer-home .volunteer-tabs{gap:10px}.volunteer-home .volunteer-tabs .button[aria-pressed=true]{box-shadow:inset 0 -3px #fff8}.volunteer-home .volunteer-notice{color:#14564e;background:#e0f1ed;border:1px solid #a4cec3}.volunteer-home .volunteer-entry small{color:var(--volunteer-muted)}.volunteer-home .volunteer-photos h4{margin:0}.volunteer-home .volunteer-status{white-space:normal}.volunteer-home footer{border-top:1px solid var(--volunteer-line);flex-wrap:wrap;gap:12px 24px;margin-top:28px;padding:20px 0 8px;display:flex}.volunteer-home footer a{color:#095e56;text-underline-offset:4px;align-items:center;min-height:48px;font-weight:700;text-decoration:underline;display:inline-flex}@media (max-width:700px){.volunteer-portal{padding:16px 12px 28px}.volunteer-home-header{padding:24px 20px;display:block}.volunteer-home-header h1{font-size:1.6875rem}.volunteer-home-header .volunteer-actions{margin-top:20px}.volunteer-home-header .button{flex:1}.volunteer-home .profile-photo-panel{padding:20px}.volunteer-home .profile-photo-avatar{width:80px;height:80px}.volunteer-home .profile-photo-actions .button{flex:140px;padding:11px 14px;font-size:1rem}.volunteer-home .profile-photo-content{width:100%}.volunteer-home .volunteer-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.volunteer-home .volunteer-tabs .button{width:100%;padding-inline:10px}.volunteer-home .volunteer-form .volunteer-actions .button{flex:180px}.volunteer-login{margin-block:20px;padding:24px}}