/*
  ACTION / DONATE — split panel with tabbed Donate/Volunteer states.
  Scoped under .hc-action.
*/
.hc-action{display:flex;min-height:90vh}
@media(max-width:900px){.hc-action{flex-direction:column;min-height:0}}
.hc-action-visual{flex:1;position:relative;overflow:hidden;min-height:42vh}
.hc-action-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hc-action-visual .hc-scrim{position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,10,10,.05),rgba(10,10,10,.82))}
.hc-action-visual .hc-copy{position:absolute;left:0;right:0;bottom:0;padding:clamp(2rem,5vw,4rem);color:var(--cream);z-index:2}
.hc-action-visual .hc-copy h2{font-family:var(--serif);font-weight:700;font-size:clamp(1.9rem,1.3rem+2vw,3rem);line-height:1.1;max-width:22ch}
.hc-action-visual .hc-copy p{margin-top:1rem;max-width:30rem;color:rgba(241,237,226,.85)}
.hc-action-visual .hc-copy .hc-cta{display:inline-block;margin-top:1.5rem;background:var(--accent);color:var(--ink);font-weight:700;font-size:.95rem;padding:.9rem 1.8rem;border-radius:6px;letter-spacing:.02em}
.hc-action-card{flex:1;background:var(--cream);color:var(--ink);display:flex;align-items:center;padding:clamp(2.5rem,6vw,5rem);min-height:60vh}
.hc-card-inner{width:100%;max-width:30rem;margin:0 auto}
.hc-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--line);padding-bottom:1rem}
.hc-tab{flex:1;text-align:center;padding:.9rem;border-radius:8px;font-weight:600;cursor:pointer;border:1px solid var(--line);transition:.25s;color:var(--muted)}
.hc-tab.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.hc-panel{display:none}
.hc-panel.active{display:block}
.hc-embed-wrap{position:relative;overflow:hidden;height:900px;width:100%;background:#fff;border-radius:8px;border:1px solid var(--line)}
@media(max-width:600px){.hc-embed-wrap{height:800px}}
.hc-field{margin:1rem 0}
.hc-field label{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hc-field input{width:100%;margin-top:.4rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:8px;background:#fff;font-family:var(--sans);font-size:1rem}
.hc-btn-primary{width:100%;margin-top:1.5rem;background:var(--ink);color:var(--cream);border:none;padding:1rem;border-radius:8px;font-weight:700;font-size:1.05rem;cursor:pointer;transition:.2s}
.hc-btn-primary:hover{background:var(--accent);color:var(--ink)}
.hc-roles{display:grid;gap:.6rem;margin:1rem 0}
.hc-role{border:1px solid var(--line);border-radius:8px;padding:.9rem 1.1rem;display:flex;align-items:center;gap:.8rem}
.hc-role input{accent-color:var(--accent);width:18px;height:18px}
.hc-role span{font-weight:500}
.hc-note{color:var(--muted);font-size:.95rem}
.hc-embed-note{font-size:.72rem;color:var(--muted);text-align:center;margin-top:.8rem}