.volunteer-page{background:#f3f6f1;color:#465c54}.vol-topbar{height:88px;border-bottom:1px solid #dfe7df;background:white;display:flex;align-items:center;gap:25px;padding:14px clamp(20px,4vw,64px)}.vol-back{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#52705d;display:flex;align-items:center;gap:8px}.vol-logo img{height:57px;width:auto}.vol-title{border-left:1px solid #dfe7df;padding-left:24px}.vol-title strong{display:block;color:#123d34;font-size:14px;font-weight:650}.vol-title span{display:flex;align-items:center;gap:6px;color:#70826e;font-size:11px;margin-top:5px}.vol-title i{height:6px;width:6px;border-radius:100%;background:#86a650}.vol-experience{display:grid;grid-template-columns:42% 58%;min-height:calc(100dvh - 88px)}.vol-intro{background:#123d34;color:#cfdfd1;padding:65px clamp(28px,5vw,80px);position:relative}.vol-intro>div{position:sticky;top:70px}.vol-eyebrow{display:block;font-size:11px;letter-spacing:.17em;color:#d9ed9b;font-weight:700;margin-bottom:25px}.vol-intro h1{font-size:clamp(34px,3.7vw,53px);color:white;line-height:1.1;font-weight:650;max-width:500px;margin:0 0 25px}.vol-intro>div>p{font-size:15px;line-height:1.9;max-width:450px}.vol-intro ul{list-style:none;padding:0;margin:35px 0}.vol-intro li{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.8;margin:14px 0}.vol-intro li i{color:#d9ed9b;margin-top:5px}.vol-purpose{padding:23px;background:#ffffff09;border:1px solid #ffffff15;border-radius:14px;max-width:450px}.vol-purpose strong{color:#d9ed9b;font-size:13px}.vol-purpose p{font-size:12px;line-height:1.9;margin-top:10px}.vol-conversation{min-width:0;padding:45px clamp(22px,4vw,65px);background:#f3f6f1}.vol-conversation-inner{max-width:760px;margin:auto}.vol-section-heading h2{font-size:clamp(27px,3.1vw,41px);line-height:1.13;color:#123d34;margin:16px 0}.vol-section-heading>p{font-size:13px;color:#6c7e6c;line-height:1.8}.vol-chat{margin-top:28px}.vol-chat-status{display:flex;align-items:center;gap:10px;padding:15px 0;border-top:1px solid #dfe7d8}.vol-avatar{width:36px;height:36px;background:#e7efdb;padding:5px;border-radius:50%;flex-shrink:0}.vol-avatar img{width:100%;height:100%;object-fit:contain}.vol-chat-status strong{font-size:12px;display:block;color:#214934}.vol-chat-status span:not(.vol-avatar){font-size:10px;color:#6c7e64}.vol-chat-status button{margin-left:auto;background:none;border:0;color:#54744e;font-size:10px;cursor:pointer;padding:8px}.vol-chat-status button i{margin-right:4px}.vol-progress{height:3px;background:#e1e9d8;border-radius:3px;overflow:hidden}.vol-progress>span{display:block;height:100%;background:#86a650;width:0;transition:width .4s}.vol-messages{max-height:400px;min-height:180px;overflow:auto;padding:25px 0 6px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ccd9be transparent}.vol-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px;animation:vol-appear .25s ease-out}.vol-message-avatar{background:#e6efd9;color:#42714d;border:1px solid #d3e0c5;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;flex-shrink:0;font-size:12px;margin-top:2px}.vol-bubble{font-size:13px;line-height:1.85;background:#fff;border:1px solid #dfe7d8;border-radius:4px 15px 15px 15px;padding:13px 17px;box-shadow:0 5px 15px #123d3405;max-width:88%;overflow-wrap:anywhere;white-space:pre-wrap;color:#3d5344}.vol-row.user{flex-direction:row-reverse}.vol-row.user .vol-bubble{background:#18644f;border-color:#18644f;color:#fff;border-radius:15px 4px 15px 15px}.vol-row.user .vol-message-avatar{background:#d9ed9b;border-color:#d9ed9b;color:#123d34}.vol-row.is-typing .vol-bubble{display:flex;align-items:center;gap:5px;min-width:70px;min-height:45px}.vol-dot{display:block;width:6px;height:6px;border-radius:50%;background:#7e9a75;animation:vol-dot 1.1s infinite ease-in-out}.vol-dot:nth-child(2){animation-delay:.16s}.vol-dot:nth-child(3){animation-delay:.32s}.vol-composer{padding:18px 0 24px;min-height:65px}.vol-action{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 17px;min-height:42px;font-size:12px;font-weight:650;color:#fff;background:#18644f;border:1px solid #18644f;border-radius:9px;cursor:pointer;line-height:1.5;text-align:left;text-decoration:none}.vol-action:hover{background:#103e35;color:white}.vol-action.secondary{background:transparent;color:#54734d;border-color:#ccd9bf;padding:7px 10px;min-height:32px;font-size:10px}.vol-options{display:flex;flex-wrap:wrap;gap:9px}.vol-options .vol-action{background:#fff;border-color:#bfd0b2;color:#28553a;font-size:11px;padding:10px 13px}.vol-options .vol-action i{font-size:9px}.vol-options .vol-action:hover{background:#e5efd7}.vol-input-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.vol-input-form input,.vol-input-form textarea{width:100%;min-width:0;padding:14px 16px;background:white;border:1px solid #c8d9bc;border-radius:10px;font:inherit;font-size:16px;color:#214834;resize:vertical}.vol-input-form textarea{height:95px;max-height:180px}.vol-input-form input:focus,.vol-input-form textarea:focus{outline:2px solid #86a650;outline-offset:2px}.vol-privacy{border-top:1px solid #dce5d2;padding:20px 0;font-size:10px;color:#75856d;line-height:1.8}.vol-privacy i{margin-right:5px;color:#77995c}.vol-summary{background:#fff;border:1px solid #d4e1c7;border-radius:13px;padding:6px 18px;margin:15px 0 8px 41px}.vol-summary-row{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5ebdf}.vol-summary-row:last-child{border:0}.vol-summary-row p{min-width:0;margin:0}.vol-summary-row p strong{display:block;font-size:10px;letter-spacing:.03em;color:#78916e;margin-bottom:5px}.vol-summary-row p span{display:block;font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.7;color:#34583c}.vol-summary-row button{flex-shrink:0}.vol-consent{font-size:11px;display:flex;gap:10px;align-items:flex-start;color:#6c7e62;line-height:1.8;margin:0 0 17px}.vol-consent input{margin-top:4px;accent-color:#18644f;flex-shrink:0}.vol-success{font-size:13px;color:#18644f;font-weight:650;margin-bottom:15px}.vol-fallback-success{padding:35px 0}.vol-fallback-success h2{color:#18644f;font-size:28px}.vol-fallback-success p{margin:20px 0;line-height:1.8}.volunteer-page [hidden]{display:none!important}@keyframes vol-dot{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-4px);opacity:1}}@keyframes vol-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px){.vol-conversation-inner{position:sticky;top:30px}.vol-messages{max-height:calc(100dvh - 470px);min-height:220px}}
@media(max-width:900px){.vol-experience{grid-template-columns:1fr}.vol-intro{padding:35px 28px}.vol-intro>div{position:static}.vol-intro h1{max-width:650px;font-size:38px}.vol-intro ul,.vol-purpose{display:none}.vol-intro>div>p{max-width:620px;font-size:13px}.vol-conversation{padding:28px}.vol-messages{max-height:420px}.vol-topbar{height:78px;gap:17px;padding:12px 22px}.vol-logo img{height:48px}.vol-title{padding-left:17px}.vol-title strong{font-size:12px}.vol-title span{font-size:10px}}
@media(max-width:600px){.vol-topbar{height:70px;padding:10px 16px;gap:14px}.vol-back{font-size:10px}.vol-logo img{max-width:90px;height:auto;max-height:45px}.vol-title{padding-left:12px}.vol-title strong{font-size:10px;max-width:155px;line-height:1.4}.vol-title span{font-size:9px}.vol-intro{padding:26px 22px}.vol-eyebrow{font-size:9px;margin-bottom:16px}.vol-intro h1{font-size:31px;margin-bottom:15px}.vol-conversation{padding:27px 20px}.vol-section-heading h2{font-size:29px}.vol-chat{margin-top:18px}.vol-chat-status strong{font-size:11px}.vol-chat-status span:not(.vol-avatar){font-size:9px}.vol-bubble{max-width:calc(100% - 39px);font-size:13px}.vol-messages{max-height:380px}.vol-summary{margin-left:0;padding:4px 13px}.vol-summary-row{gap:10px}.vol-composer>.vol-action{max-width:100%}.vol-input-form .vol-action{margin-left:auto}.vol-options .vol-action{font-size:11px}.vol-chat-status button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.vol-dot,.vol-row{animation:none}.vol-messages{scroll-behavior:auto}.vol-progress>span{transition:none}}