/* SimplyGiv Volunteer Management V2 - page-only CSS from approved original HTML. */
#sgvm-page{
 --sgvm-ink:#17112c;--sgvm-text:#625c74;--sgvm-purple:#803eff;--sgvm-pink:#d945b9;--sgvm-plum:#241235;--sgvm-line:#eae3f2;
 --sgvm-gradient:linear-gradient(107deg,#813cff 4%,#9e46e5 52%,#d945b9 100%);
 --sgvm-ease:cubic-bezier(.18,.74,.25,1);
 --sgvm-heading:clamp(38px,3.8vw,61px);
 --sgvm-body:clamp(16.5px,1.21vw,19px);
 color:var(--sgvm-ink);font-family:Inter,Arial,system-ui,sans-serif;overflow:hidden;background:#fff;line-height:1.55;
}
/* PAGE 8613 ONLY — Reset the theme's global main { height:100vh }.
   The volunteer page contains 13 sections and must grow with content. */
body.page-id-8613 main#sgvm-page.sgvm-page-v2 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
}

#sgvm-page *,#sgvm-page *::before,#sgvm-page *::after{box-sizing:border-box}
#sgvm-page a{text-decoration:none;color:inherit}
#sgvm-page button{font:inherit;cursor:pointer}
#sgvm-page a:focus-visible,#sgvm-page button:focus-visible,#sgvm-page summary:focus-visible,#sgvm-page [role="tab"]:focus-visible{outline:3px solid #9444ea;outline-offset:4px}
#sgvm-page h1,#sgvm-page h2,#sgvm-page h3,#sgvm-page h4,#sgvm-page p,#sgvm-page figure{margin:0}
#sgvm-page svg.sgvm-icon{display:inline-block;width:1.1em;height:1.1em;flex-shrink:0;vertical-align:-.17em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#sgvm-page img{display:block;max-width:100%;object-fit:cover}
#sgvm-page [hidden],#sgvm-page [data-tab-panel][hidden]{display:none!important}
#sgvm-page .wrap{width:min(100% - 72px,1190px);margin-inline:auto}
#sgvm-page .section{padding:clamp(75px,7.25vw,117px) 0;position:relative}
#sgvm-page .eyebrow{display:inline-flex;gap:8px;align-items:center;font-weight:780;font-size:12px;letter-spacing:.075em;text-transform:uppercase;line-height:1.5;color:#8336d7}
#sgvm-page .eyebrow::before{content:"";display:block;width:8px;height:8px;border-radius:3px;background:var(--sgvm-gradient);box-shadow:0 0 0 5px #f4e9ff;margin-right:9px}
#sgvm-page .section-heading{font-weight:820;font-size:var(--sgvm-heading);line-height:1.09;letter-spacing:-.055em;color:var(--sgvm-ink);text-wrap:balance}
#sgvm-page .sgvm-gradient,#sgvm-page .v1-title em{font-style:normal;font-weight:820;background:var(--sgvm-gradient);color:transparent;-webkit-background-clip:text;background-clip:text}
#sgvm-page .section-copy{font-size:var(--sgvm-body);line-height:1.75;color:var(--sgvm-text);max-width:635px}
#sgvm-page .btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:54px;padding:0 24px;border-radius:9px;font-size:15px;font-weight:760;line-height:1.2;white-space:nowrap;border:1px solid transparent;transition:transform .22s,box-shadow .22s,filter .22s}
#sgvm-page .btn:hover{transform:translateY(-2px)}
#sgvm-page .btn-solid{color:#fff;background:var(--sgvm-gradient);box-shadow:0 10px 23px rgba(131,60,231,.19)}
#sgvm-page .btn-solid:hover{box-shadow:0 14px 26px rgba(131,60,231,.28);filter:saturate(1.14)}
#sgvm-page .btn-outline{color:#3c285e;border-color:#dcd1ed;background:#ffffffb8}
#sgvm-page .btn-outline:hover{border-color:#9954ed;background:#fbf7ff}
#sgvm-page .btn-white{color:#652ac4;background:#fff;box-shadow:0 14px 30px rgba(14,0,28,.12)}
#sgvm-page .btn-white:hover{background:#f7efff}
#sgvm-page .pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5d9f0;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:730;color:#6c368f;background:#fff}
#sgvm-page .check-list{display:grid;gap:15px;padding:0;margin:26px 0 0;list-style:none}
#sgvm-page .check-list li{display:flex;align-items:flex-start;gap:12px;font-size:clamp(15px,1.06vw,17px);line-height:1.6;color:#574f65}
#sgvm-page .check-list svg{width:19px;height:19px;min-width:19px;margin-top:3px;stroke-width:2.6;color:#8b3bea}
#sgvm-page .tab-list{display:flex;flex-wrap:wrap;gap:9px}
#sgvm-page .tab-list button{background:#fff;border:1px solid #e4d9f0;border-radius:9px;padding:12px 17px;font-size:14px;font-weight:750;color:#58466b;transition:background .18s,color .18s,border-color .18s}
#sgvm-page .tab-list button[aria-selected="true"]{color:#fff;background:var(--sgvm-gradient);border-color:#8a3fec;box-shadow:0 8px 19px rgba(140,59,232,.16)}
#sgvm-page .tab-list button:hover:not([aria-selected="true"]){color:#8739d4;border-color:#a85bed}
#sgvm-page .reveal{opacity:1;transform:none}
#sgvm-page.sgvm-motion-enabled .reveal:not(.visible){opacity:0;transform:translateY(19px)}
#sgvm-page.sgvm-motion-enabled .reveal{transition:opacity .65s var(--sgvm-ease),transform .65s var(--sgvm-ease)}
#sgvm-page .reveal[data-delay="1"]{transition-delay:.075s}
#sgvm-page .reveal[data-delay="2"]{transition-delay:.15s}

/* 01 — Hero: follows SimplyGiv's free-giving homepage visual language. */
#sgvm-page .v1-hero{position:relative;overflow:hidden;text-align:center;padding:88px 0 47px;background:radial-gradient(ellipse at 13% 21%,rgba(173,93,255,.135),transparent 36%),radial-gradient(ellipse at 86% 15%,rgba(113,200,255,.15),transparent 34%),linear-gradient(180deg,#fbfaff 0%,#fdfbff 73%,#fff 100%)}
#sgvm-page .v1-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#a975e5 0.65px,transparent .65px);background-size:22px 22px;opacity:.16;pointer-events:none;mask-image:linear-gradient(#000,transparent 86%)}
#sgvm-page .v1-hero-grid{position:relative;display:flex;flex-direction:column;align-items:center;gap:42px;max-width:1340px}
#sgvm-page .v1-hero-grid>.reveal:first-child{width:min(100%,1080px);margin-inline:auto}
#sgvm-page .v1-hero .eyebrow{padding:10px 18px;background:rgba(255,255,255,.83);border:1px solid #edddf9;box-shadow:0 5px 18px rgba(93,54,145,.035);border-radius:999px;color:#8138d2;font-size:12px;letter-spacing:.06em}
#sgvm-page .v1-hero .eyebrow::before{background:var(--sgvm-gradient);border-radius:50%;box-shadow:none;width:7px;height:7px;margin-right:4px}
#sgvm-page .v1-title{max-width:1100px;font-size:clamp(52px,5.25vw,90px);line-height:1.045;letter-spacing:-.062em;font-weight:850;text-wrap:balance;margin:25px auto 0}
#sgvm-page .v1-title em{display:inline}
#sgvm-page .v1-hero p{max-width:775px;margin:23px auto 0;color:#645b77;font-size:clamp(17px,1.25vw,21px);line-height:1.66}
#sgvm-page .v1-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}
#sgvm-page .v1-hero-proof{display:flex;align-items:center;justify-content:center;gap:9px;margin:20px auto 0;font-size:13px;font-weight:680;color:#766988;line-height:1.5}
#sgvm-page .v1-hero-proof svg{color:#9544d8;width:18px;height:18px}
#sgvm-page .v1-hero-media{width:min(100%,1180px);position:relative;display:grid;grid-template-columns:.81fr 1.36fr .81fr;align-items:center;gap:20px;min-height:380px;padding:10px 0 24px}
#sgvm-page .v1-main-photo,#sgvm-page .v1-hero-inset,#sgvm-page .v1-hero-side{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;overflow:hidden;border:0;background:#d7c6e9;box-shadow:0 15px 40px rgba(46,25,81,.13)}
#sgvm-page .v1-main-photo{grid-column:2;grid-row:1;height:363px;border-radius:24px;z-index:2}
#sgvm-page .v1-hero-inset{grid-column:1;grid-row:1;width:auto;height:253px;border-radius:20px;transform:rotate(-4deg) translateY(15px);z-index:1}
#sgvm-page .v1-hero-side--right{grid-column:3;grid-row:1;height:253px;border-radius:20px;transform:rotate(4deg) translateY(15px);z-index:1}
#sgvm-page .v1-main-photo>img,#sgvm-page .v1-hero-inset>img,#sgvm-page .v1-hero-side>img{width:100%;height:100%;object-fit:cover}
#sgvm-page .v1-main-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(19,5,34,.77),transparent 58%);pointer-events:none}
#sgvm-page .v1-photo-caption{z-index:2;position:absolute;left:24px;bottom:23px;font-weight:810;text-transform:uppercase;letter-spacing:.095em;color:#fff;font-size:11px;text-shadow:0 2px 12px #170b2d}
#sgvm-page .v1-photo-caption::before{content:"";display:inline-block;width:18px;height:2px;background:#f6b0ff;vertical-align:middle;margin-right:10px}
#sgvm-page .v1-stamp{position:absolute;right:24.5%;top:-1px;z-index:4;display:flex;gap:9px;align-items:center;padding:12px 15px;border-radius:15px;background:#fff;border:1px solid #ebdcf9;box-shadow:0 12px 26px rgba(36,12,70,.14);text-align:left;max-width:200px}
#sgvm-page .v1-stamp svg{color:#893bd9;width:29px;height:29px}
#sgvm-page .v1-stamp strong{display:block;font-size:13px;line-height:1.25;color:#42245e}
#sgvm-page .v1-stamp small{display:block;font-size:10px;line-height:1.4;color:#85718f;margin-top:2px}
#sgvm-page .v1-quiet-line{background:#fff;color:#21152f;border-top:1px solid #f4eefa;border-bottom:1px solid #f2eaf8;padding:22px 0}
#sgvm-page .v1-quiet-line .wrap{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
#sgvm-page .v1-quiet-line span{font-size:12px;color:#8b779c;text-transform:uppercase;letter-spacing:.11em;font-weight:800}
#sgvm-page .v1-quiet-line strong{font-size:16px;line-height:1.4;letter-spacing:-.025em;font-weight:760;color:#3b2455}
#sgvm-page .v1-quiet-line svg{color:#9141dd;width:19px;height:19px}

/* Narrative blocks. */
#sgvm-page .v1-problem{background:#fff}
#sgvm-page .v1-problem-grid,#sgvm-page .v1-organize-grid,#sgvm-page .v1-rotation-grid,#sgvm-page .v1-schedule-grid,#sgvm-page .v1-inv-grid,#sgvm-page .v1-hours-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6.3vw,105px)}
#sgvm-page .v1-problem .section-heading,#sgvm-page .v1-organize .section-heading,#sgvm-page .v1-rotation .section-heading,#sgvm-page .v1-schedule .section-heading,#sgvm-page .v1-invitations .section-heading,#sgvm-page .v1-hours .section-heading{margin:17px 0 19px}
#sgvm-page .v1-photo-portrait,#sgvm-page .v1-tile-photo,#sgvm-page .v1-hours-image{position:relative;overflow:hidden;min-width:0;border-radius:25px;background:linear-gradient(135deg,#e9d8f5,#deefff);box-shadow:0 26px 65px rgba(56,36,85,.085);height:540px}
#sgvm-page .v1-photo-portrait::after,#sgvm-page .v1-tile-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(19,11,30,.17),transparent 48%)}
#sgvm-page .v1-photo-portrait img,#sgvm-page .v1-tile-photo img,#sgvm-page .v1-hours-image img{width:100%;height:100%;object-fit:cover}
#sgvm-page .v1-lines{display:grid;margin-top:28px;border-top:1px solid #e8e0f0}
#sgvm-page .v1-lines div{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #e8e0f0;color:#534967;font-size:16px;line-height:1.5;font-weight:540}
#sgvm-page .v1-lines svg{color:#9e42e2;min-width:20px;width:20px;height:20px}
#sgvm-page .v1-photo-tag{position:absolute;bottom:23px;left:22px;right:auto;max-width:calc(100% - 44px);border:1px solid rgba(255,255,255,.65);border-radius:11px;background:#fff;box-shadow:0 11px 28px rgba(11,4,24,.12);padding:14px 17px;display:flex;gap:12px;align-items:center;font-size:13px;font-weight:770;color:#443052;z-index:3}
#sgvm-page .v1-photo-tag svg{color:#8b40cf;font-size:20px}

/* Process workflow — pale lavender, step cards. */
#sgvm-page .v1-process{background:linear-gradient(135deg,#f9f5ff,#f4f5ff 88%)}
#sgvm-page .v1-process-top{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:37px}
#sgvm-page .v1-process-top .section-heading{margin:14px 0 0;max-width:740px}
#sgvm-page .v1-process-top .section-copy{max-width:320px!important;font-size:17px}
#sgvm-page .v1-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative}
#sgvm-page .v1-journey-item{background:#fff;border:1px solid #ece4f5;border-radius:19px;min-height:220px;padding:24px 19px 23px;box-shadow:0 12px 30px rgba(55,27,96,.048);position:relative;transition:transform .2s,box-shadow .2s}
#sgvm-page .v1-journey-item:hover{transform:translateY(-5px);box-shadow:0 23px 45px rgba(55,27,96,.1)}
#sgvm-page .v1-journey-item .number{display:grid;place-items:center;width:52px;height:52px;background:#f3eaff;color:#8738d9;border-radius:14px;font-size:17px;font-weight:830;margin-bottom:22px}
#sgvm-page .v1-journey-item h3{font-size:20px;font-weight:790;letter-spacing:-.035em;margin-bottom:9px}
#sgvm-page .v1-journey-item p{font-size:14px;line-height:1.7;color:#746985}

/* Team portrait and compact checklist. */
#sgvm-page .v1-organize{background:#fff}
#sgvm-page .v1-tile-photo{height:545px}

/* Rotation interactive preview. */
#sgvm-page .v1-rotation{background:#f9f6ff}
#sgvm-page .v1-rotation-tabset{margin-top:30px}
#sgvm-page .v1-rotation-detail{margin-top:15px;min-height:65px;color:#665778;font-size:15px;line-height:1.65}
#sgvm-page .v1-rotation-preview{background:linear-gradient(155deg,#fff 55%,#f8f3ff);border:1px solid #eee4f7;border-radius:24px;padding:31px;box-shadow:0 25px 70px rgba(87,48,123,.095)}
#sgvm-page .v1-preview-top{display:flex;align-items:center;gap:14px;padding-bottom:21px;border-bottom:1px solid #ede5f3}
#sgvm-page .v1-preview-icon{width:51px;height:51px;display:grid;place-items:center;color:#853bdc;background:#f3eaff;border-radius:14px;font-size:22px}
#sgvm-page .v1-preview-top strong{font-size:17px;font-weight:770;display:block}
#sgvm-page .v1-preview-top small{font-size:12px;color:#8b7d9b;display:block;margin-top:4px}
#sgvm-page .v1-schedule-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:25px 0 23px}
#sgvm-page .v1-slot{border:1px solid #e8e0f2;background:#f8f5fc;border-radius:14px;text-align:center;padding:22px 5px}
#sgvm-page .v1-slot b{display:block;font-size:18px;font-weight:830;line-height:1.25;color:#604573}
#sgvm-page .v1-slot small{display:block;font-size:11px;color:#9785a5;margin-top:6px;text-transform:uppercase;letter-spacing:.08em}
#sgvm-page .v1-slot.active,#sgvm-page .v1-slot.primary{background:var(--sgvm-gradient);border-color:transparent;box-shadow:0 9px 21px rgba(128,62,255,.22)}
#sgvm-page .v1-slot.active b,#sgvm-page .v1-slot.active small,#sgvm-page .v1-slot.primary b,#sgvm-page .v1-slot.primary small{color:#fff}
#sgvm-page .v1-rotation-preview>p:not(.v1-preview-disclaimer){font-size:15px!important;line-height:1.6}
#sgvm-page .v1-rotation-preview>p.section-copy{margin-top:9px!important;color:#786b89}
#sgvm-page .v1-preview-disclaimer{margin-top:15px;font-size:11px;color:#a195ad;line-height:1.6}

/* Schedule Center — brand-deep plum like SimplyGiv AI panel. */
#sgvm-page .v1-schedule{background:radial-gradient(circle at 96% 12%,rgba(208,77,187,.13),transparent 38%),linear-gradient(118deg,#1d102d 0%,#2f1546 72%,#3b1950 100%);color:#fff;overflow:hidden}
#sgvm-page .v1-schedule .section-heading{color:#fff}
#sgvm-page .v1-schedule .eyebrow{color:#e5b4ff}
#sgvm-page .v1-schedule .eyebrow::before{background:#c78cff;box-shadow:0 0 0 5px rgba(198,142,255,.14)}
#sgvm-page .v1-schedule .section-copy,#sgvm-page .v1-schedule .check-list li{color:#e3d5eb}
#sgvm-page .v1-schedule .check-list svg{color:#c17ffc}
#sgvm-page .v1-schedule-board{background:#fff;color:#241b33;overflow:hidden;border-radius:21px;border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 60px rgba(0,0,0,.2)}
#sgvm-page .v1-board-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:24px;border-bottom:1px solid #eee8f5}
#sgvm-page .v1-board-title strong{display:block;font-size:17px;font-weight:820}
#sgvm-page .v1-board-title small{display:block;font-size:12px;color:#95899f;margin-top:4px}
#sgvm-page .v1-board-title .pill{color:#6936a0;background:#f6ecff;font-size:11px}
#sgvm-page .v1-board-rows{padding:10px 23px}
#sgvm-page .v1-board-row{display:grid;grid-template-columns:minmax(0,1fr) 56px 110px;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #f0eaf7}
#sgvm-page .v1-board-row:last-child{border-bottom:none}
#sgvm-page .v1-board-row strong{font-size:14px;font-weight:740}
#sgvm-page .v1-board-row small{font-size:12px;color:#887c96}
#sgvm-page .v1-board-row>strong{text-align:center}
#sgvm-page .v1-board-row em{font-style:normal;font-size:11px;font-weight:730;text-align:center;padding:9px 4px;border-radius:999px}
#sgvm-page .v1-state-good{background:#e8f9ee;color:#1f864f}
#sgvm-page .v1-state-open{background:#fff3e0;color:#9b6725}
#sgvm-page .v1-state-pending{background:#f2e9ff;color:#8135cb}
#sgvm-page .v1-board-foot{padding:13px 22px;font-size:11px;color:#91879c;background:#faf7fe}

/* Invitations — edited mockup, not a claim of a live product screenshot. */
#sgvm-page .v1-invitations{background:#fff}
#sgvm-page .v1-inv-visual{position:relative;padding:32px;min-height:560px;background:radial-gradient(circle at 100% 5%,rgba(234,91,199,.15),transparent 33%),linear-gradient(145deg,#f4eaff,#eef4ff);border:1px solid #ebe3f7;border-radius:26px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#sgvm-page .v1-email{width:min(100%,440px);padding:32px;background:#fff;border:1px solid #ede3f5;border-radius:21px;box-shadow:0 25px 60px rgba(78,44,107,.13);transform:rotate(-1.6deg)}
#sgvm-page .v1-email .mini-label{font-size:12px;color:#8c50bf;text-transform:uppercase;letter-spacing:.09em;font-weight:760}
#sgvm-page .v1-email h3{font-weight:830;font-size:30px;letter-spacing:-.052em;margin:14px 0 9px;color:#221832}
#sgvm-page .v1-email p{font-size:14px;line-height:1.7;color:#72677b}
#sgvm-page .v1-email-details{margin:22px 0 0;border-top:1px solid #eee8f6}
#sgvm-page .v1-email-details div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #f0e9f6;padding:12px 0;font-size:13px;color:#817589}
#sgvm-page .v1-email-details strong{color:#2c2240;font-weight:760;text-align:right}
#sgvm-page .v1-email-actions{display:flex;gap:9px;margin-top:24px}
#sgvm-page .v1-email-actions span{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:780;border-radius:9px;background:#efe3ff;color:#7535c2}
#sgvm-page .v1-email-actions span:first-child{background:var(--sgvm-gradient);color:#fff}
#sgvm-page .v1-email>p:last-child{font-size:11px!important;margin-top:13px!important;color:#a091a9!important}

/* Volunteer self-service with 4 modular cards. */
#sgvm-page .v1-volunteer{background:#f8f5ff}
#sgvm-page .v1-volunteer-top{text-align:center;max-width:810px;margin:0 auto 40px}
#sgvm-page .v1-volunteer-top .section-heading{margin:17px 0 19px}
#sgvm-page .v1-volunteer-top .section-copy{margin-inline:auto}
#sgvm-page .v1-volunteer-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;align-items:stretch}
#sgvm-page .v1-volunteer-photo{position:relative;min-height:530px;border-radius:24px;overflow:hidden;background:#c8b4d7}
#sgvm-page .v1-volunteer-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
#sgvm-page .v1-volunteer-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,9,42,.83),transparent 58%);pointer-events:none}
#sgvm-page .v1-volunteer-photo p{position:absolute;z-index:2;left:30px;right:25px;bottom:32px;color:#fff;font-size:clamp(32px,2.8vw,43px);line-height:1.12;font-weight:790;letter-spacing:-.05em}
#sgvm-page .v1-volunteer-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
#sgvm-page .v1-volunteer-feature{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px;background:#fff;border:1px solid #e9e0f2;border-radius:19px;padding:27px;min-width:0;box-shadow:0 11px 22px rgba(65,38,104,.035)}
#sgvm-page .v1-volunteer-feature svg{width:29px;height:29px;stroke-width:1.9;color:#8537de}
#sgvm-page .v1-volunteer-feature h3{font-size:19px;letter-spacing:-.035em;font-weight:790;margin-bottom:9px}
#sgvm-page .v1-volunteer-feature p{font-size:14px;line-height:1.7;color:#71667e}
#sgvm-page .font-credit{margin:22px auto 0!important;max-width:760px;text-align:center;color:#887a9a;font-size:12px;line-height:1.7}

/* Attendance / hours. */
#sgvm-page .v1-hours{background:#fff}
#sgvm-page .v1-hours-image{height:520px}

/* Connected platform, dark centerpiece. */
#sgvm-page .v1-connected{position:relative;overflow:hidden;padding:100px 0;background:radial-gradient(circle at 80% 12%,rgba(220,67,179,.19),transparent 32%),linear-gradient(115deg,#241131,#371846 68%,#241132);color:#fff}
#sgvm-page .v1-connected-content{text-align:center;max-width:940px}
#sgvm-page .v1-connected .eyebrow{color:#eab2ff}
#sgvm-page .v1-connected .eyebrow::before{background:#f08aea;box-shadow:0 0 0 5px #592b5d}
#sgvm-page .v1-connected .section-heading{max-width:820px;margin:18px auto 20px;color:#fff}
#sgvm-page .v1-connected .section-copy{max-width:720px;margin:auto;color:#e2d1e7}
#sgvm-page .v1-connection-labels{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:32px}
#sgvm-page .v1-connection-labels span{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.18);padding:12px 17px;border-radius:999px;font-size:13px;font-weight:740;color:#f1dcff}
#sgvm-page .v1-connection-labels span.primary{background:var(--sgvm-gradient);border-color:transparent;color:#fff}

/* Use-case switcher. */
#sgvm-page .v1-uses{background:#fff}
#sgvm-page .v1-uses>.wrap>.section-heading{margin:17px 0 28px;max-width:780px}
#sgvm-page .v1-uses .tab-list{margin-bottom:24px}
#sgvm-page .v1-use-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:34px;padding:25px;background:linear-gradient(135deg,#faf6ff,#f4f0fc);border-radius:25px;border:1px solid #eee4f6}
#sgvm-page .v1-use-text{padding:15px 20px}
#sgvm-page .v1-use-text h3{font-weight:810;font-size:clamp(30px,3.2vw,48px);letter-spacing:-.055em;line-height:1.13;margin-bottom:16px}
#sgvm-page .v1-use-text p{color:#645971;font-size:17px;line-height:1.75;max-width:475px}
#sgvm-page .v1-use-text .pill{margin-top:22px}
#sgvm-page .v1-use-panel img{height:390px;width:100%;object-fit:cover;border-radius:18px}

/* FAQ + final CTA. */
#sgvm-page .v1-faq{background:#faf8ff}
#sgvm-page .v1-faq>.wrap>.eyebrow,#sgvm-page .v1-faq>.wrap>.section-heading{display:flex;justify-content:center;text-align:center}
#sgvm-page .v1-faq .section-heading{margin-top:17px}
#sgvm-page .faq-list{width:min(100%,910px);margin:36px auto 0;display:grid;gap:10px}
#sgvm-page .faq-list details{background:#fff;border:1px solid #eadff2;border-radius:13px;padding:0 23px;box-shadow:0 9px 20px rgba(52,26,82,.032)}
#sgvm-page .faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font-size:17px;line-height:1.45;font-weight:760;color:#21162f}
#sgvm-page .faq-list summary::-webkit-details-marker{display:none}
#sgvm-page .faq-list summary::after{content:"+";font-weight:450;font-size:28px;line-height:1;color:#8d40cf;flex-shrink:0}
#sgvm-page .faq-list details[open] summary::after{content:"−"}
#sgvm-page .faq-list details[open]{border-color:#dfc3f3}
#sgvm-page .faq-list p{max-width:790px;padding:0 34px 22px 0;font-size:15.5px;line-height:1.75;color:#645775}
#sgvm-page .v1-cta{position:relative;overflow:hidden;text-align:center;background:linear-gradient(107deg,#813cff 0%,#9c46e5 53%,#d945b9 100%);color:#fff;padding:96px 0 102px}
#sgvm-page .v1-cta::before{content:"";position:absolute;width:510px;height:510px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-80px;top:-170px;box-shadow:0 0 0 65px rgba(255,255,255,.035),0 0 0 125px rgba(255,255,255,.024)}
#sgvm-page .v1-cta .wrap{position:relative;z-index:2;max-width:900px}
#sgvm-page .v1-cta .eyebrow{color:#f5e2ff}
#sgvm-page .v1-cta .eyebrow::before{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.14)}
#sgvm-page .v1-cta h2{font-weight:850;letter-spacing:-.056em;font-size:clamp(44px,5.3vw,79px);line-height:1.06;margin:20px 0 20px;text-wrap:balance;color:#fff}
#sgvm-page .v1-cta p{font-size:18px;line-height:1.75;color:#f8ecff;max-width:665px;margin:0 auto 29px}

/* Small tablets, then tablet hero keeps all 3 photos as approved. */

@media(max-width:1050px){
 #sgvm-page .v1-problem-grid,#sgvm-page .v1-organize-grid,#sgvm-page .v1-rotation-grid,#sgvm-page .v1-schedule-grid,#sgvm-page .v1-inv-grid,#sgvm-page .v1-hours-grid{gap:35px}
 #sgvm-page .v1-hero-media{gap:13px}
 #sgvm-page .v1-main-photo{height:325px}
 #sgvm-page .v1-hero-inset,#sgvm-page .v1-hero-side--right{height:219px}
 #sgvm-page .v1-stamp{right:23%}
 #sgvm-page .v1-journey{grid-template-columns:repeat(3,minmax(0,1fr))}
 #sgvm-page .v1-journey-item{min-height:205px}}
@media(max-width:820px){
 #sgvm-page .wrap{width:min(100% - 42px,1190px)}
 #sgvm-page .section{padding:78px 0}
 #sgvm-page .v1-hero{padding-top:70px}
 #sgvm-page .v1-title{font-size:clamp(49px,7.5vw,67px)}
 #sgvm-page .v1-problem-grid,#sgvm-page .v1-organize-grid,#sgvm-page .v1-rotation-grid,#sgvm-page .v1-schedule-grid,#sgvm-page .v1-inv-grid,#sgvm-page .v1-hours-grid,#sgvm-page .v1-volunteer-grid{grid-template-columns:minmax(0,1fr)}
 #sgvm-page .v1-problem-grid .v1-photo-portrait{order:2}
 #sgvm-page .v1-organize-grid>.reveal:first-child,#sgvm-page .v1-rotation-grid>.reveal:first-child,#sgvm-page .v1-schedule-grid>.reveal:first-child{order:0}
 #sgvm-page .v1-photo-portrait,#sgvm-page .v1-tile-photo,#sgvm-page .v1-hours-image{height:430px}
 #sgvm-page .v1-process-top{display:block}
 #sgvm-page .v1-process-top .section-copy{margin-top:14px;max-width:650px!important}
 #sgvm-page .v1-volunteer-photo{min-height:395px}
 #sgvm-page .v1-use-panel{grid-template-columns:minmax(0,1fr);gap:12px}
 #sgvm-page .v1-use-panel img{order:-1;height:340px}
 #sgvm-page .v1-uses>.wrap>.section-heading{max-width:none}
 #sgvm-page .v1-connected{padding:80px 0}
}
@media(max-width:650px){
 
 
 
 
 
 
 
 
 
 #sgvm-page .wrap{width:calc(100% - 34px)}
 #sgvm-page .section{padding:64px 0}
 #sgvm-page .section-heading{font-size:clamp(33px,9.7vw,44px)}
 #sgvm-page .section-copy{font-size:16px;line-height:1.72}
 #sgvm-page .eyebrow{font-size:11px}
 #sgvm-page .btn{min-height:52px;font-size:14px;padding:0 20px}
 #sgvm-page .v1-hero{padding:55px 0 39px}
 #sgvm-page .v1-hero-grid{gap:26px}
 #sgvm-page .v1-title{font-size:clamp(41px,11.5vw,56px);line-height:1.085;letter-spacing:-.055em;margin-top:20px}
 #sgvm-page .v1-hero p{font-size:16px;line-height:1.66;margin-top:17px}
 #sgvm-page .v1-hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:335px;margin:23px auto 0}
 #sgvm-page .v1-hero-actions .btn{width:100%}
 #sgvm-page .v1-hero-proof{font-size:12px;gap:7px;margin-top:18px}
 /* Main photo, then 2 support photos below on phones. */
 #sgvm-page .v1-hero-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:24px 0 10px;min-height:0}
 #sgvm-page .v1-main-photo{grid-column:1 / -1;grid-row:1;height:245px;border-radius:20px}
 #sgvm-page .v1-hero-inset{grid-column:1;grid-row:2;height:137px;border-radius:16px;transform:none}
 #sgvm-page .v1-hero-side--right{grid-column:2;grid-row:2;height:137px;border-radius:16px;transform:none}
 #sgvm-page .v1-stamp{right:8px;top:5px;max-width:155px;padding:9px 10px;border-radius:12px}
 #sgvm-page .v1-stamp svg{width:22px;height:22px}
 #sgvm-page .v1-stamp strong{font-size:11px}
 #sgvm-page .v1-stamp small{font-size:9px}
 #sgvm-page .v1-photo-caption{font-size:9px;bottom:17px;left:15px}
 #sgvm-page .v1-quiet-line{padding:17px 0}
 #sgvm-page .v1-quiet-line .wrap{gap:7px;text-align:center}
 #sgvm-page .v1-quiet-line strong{font-size:14px}
 #sgvm-page .v1-quiet-line span{font-size:10px}
 #sgvm-page .v1-quiet-line svg{display:none}
 #sgvm-page .v1-photo-portrait,#sgvm-page .v1-tile-photo,#sgvm-page .v1-hours-image{height:318px;border-radius:18px}
 #sgvm-page .v1-lines div{font-size:14px}
 #sgvm-page .v1-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #sgvm-page .v1-journey-item{min-height:196px;padding:18px 14px}
 #sgvm-page .v1-journey-item .number{width:43px;height:43px;margin-bottom:15px;font-size:15px}
 #sgvm-page .v1-journey-item h3{font-size:17px}
 #sgvm-page .v1-journey-item p{font-size:12.5px}
 #sgvm-page .v1-rotation-preview{padding:18px}
 #sgvm-page .v1-slot{padding:14px 3px}
 #sgvm-page .v1-slot b{font-size:14px}
 #sgvm-page .v1-slot small{font-size:9px}
 #sgvm-page .v1-preview-top strong{font-size:15px}
 #sgvm-page .v1-schedule-slots{gap:5px}
 #sgvm-page .v1-board-title{padding:17px}
 #sgvm-page .v1-board-rows{padding:8px 13px}
 #sgvm-page .v1-board-row{grid-template-columns:minmax(0,1fr) 37px 80px;gap:5px}
 #sgvm-page .v1-board-row strong{font-size:11px}
 #sgvm-page .v1-board-row small{font-size:10px}
 #sgvm-page .v1-board-row em{font-size:9px;padding:6px 3px}
 #sgvm-page .v1-board-title strong{font-size:15px}
 #sgvm-page .v1-board-title .pill{padding:6px 9px;font-size:10px}
 #sgvm-page .v1-board-foot{font-size:10px}
 #sgvm-page .v1-inv-visual{padding:17px;min-height:0}
 #sgvm-page .v1-email{transform:none;padding:20px}
 #sgvm-page .v1-email h3{font-size:25px}
 #sgvm-page .v1-email p{font-size:12px}
 #sgvm-page .v1-email-details div{font-size:11px}
 #sgvm-page .v1-volunteer-photo{min-height:320px}
 #sgvm-page .v1-volunteer-photo p{font-size:30px;left:20px;bottom:21px}
 #sgvm-page .v1-volunteer-features{grid-template-columns:1fr 1fr;gap:10px}
 #sgvm-page .v1-volunteer-feature{padding:17px 13px;gap:19px}
 #sgvm-page .v1-volunteer-feature svg{width:24px;height:24px}
 #sgvm-page .v1-volunteer-feature h3{font-size:15px}
 #sgvm-page .v1-volunteer-feature p{font-size:12px}
 #sgvm-page .v1-connection-labels span{font-size:11px;padding:10px 13px}
 #sgvm-page .v1-uses .tab-list button{font-size:12px;padding:10px 12px}
 #sgvm-page .v1-use-panel{padding:12px;gap:18px}
 #sgvm-page .v1-use-panel img{height:239px;border-radius:14px}
 #sgvm-page .v1-use-text{padding:3px 7px 10px}
 #sgvm-page .v1-use-text h3{font-size:30px}
 #sgvm-page .v1-use-text p{font-size:15px}
 #sgvm-page .faq-list{margin-top:25px;gap:8px}
 #sgvm-page .faq-list details{padding:0 16px}
 #sgvm-page .faq-list summary{font-size:15px;padding:18px 0}
 #sgvm-page .faq-list p{font-size:14px;padding:0 10px 18px 0}
 #sgvm-page .v1-cta{padding:74px 0 79px}
 #sgvm-page .v1-cta h2{font-size:clamp(38px,10vw,53px)}
 #sgvm-page .v1-cta p{font-size:16px}
}
@media(max-width:375px){#sgvm-page .v1-title{font-size:39px}#sgvm-page .v1-volunteer-feature{padding:15px 10px}#sgvm-page .v1-volunteer-feature h3{font-size:14px}#sgvm-page .v1-volunteer-feature p{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#sgvm-page .reveal,#sgvm-page.sgvm-motion-enabled .reveal:not(.visible){opacity:1!important;transform:none!important;transition:none!important}}


/* ====================================================================
   SimplyGiv — Volunteer Management Preview vFinal
   Keep supplied HTML sections; restore original split-photo Hero and
   polish contrast/spacing only. No theme navigation/footer in this file.
   ==================================================================== */
#sgvm-page { --sgvm-hero-ink: #1c1030; }

/* HERO — original two-column editorial layout, SimplyGiv colors */
#sgvm-page .v1-hero {
  overflow:hidden;
  padding: clamp(74px,6.9vw,112px) 0 clamp(74px,6.1vw,98px);
  text-align:left;
  background:
    radial-gradient(ellipse at 7% 13%,rgba(164,83,255,.15),transparent 44%),
    radial-gradient(ellipse at 93% 76%,rgba(206,68,192,.10),transparent 37%),
    linear-gradient(135deg,#fbf8ff 0%,#fbfaff 55%,#f8f6ff 100%);
}
#sgvm-page .v1-hero::before {
  opacity:.14;
  mask-image:linear-gradient(120deg,#000,transparent 90%);
}
#sgvm-page .v1-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  align-items:center;
  gap:clamp(35px,5vw,78px);
  width:min(100% - 72px,1250px);
  max-width:1250px;
}
#sgvm-page .v1-hero-grid > .reveal:first-child {
  width:100%;
  max-width:620px;
  margin:0;
  min-width:0;
}
#sgvm-page .v1-hero .eyebrow {
  margin:0;
  padding:9px 14px;
  white-space:normal;
  font-size:11.5px;
}
#sgvm-page .v1-title {
  max-width:640px;
  margin:25px 0 0;
  font-size:clamp(48px,4.5vw,76px);
  line-height:1.035;
  letter-spacing:-.059em;
  color:var(--sgvm-hero-ink);
  text-wrap:balance;
}
#sgvm-page .v1-title em {
  display:inline;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
#sgvm-page .v1-hero p {
  max-width:560px;
  margin:27px 0 0;
  font-size:clamp(17px,1.18vw,20px);
  line-height:1.76;
}
#sgvm-page .v1-hero-actions {
  justify-content:flex-start;
  align-items:center;
  margin:30px 0 0;
}
#sgvm-page .v1-hero-proof {
  justify-content:flex-start;
  margin:27px 0 0;
  max-width:560px;
  line-height:1.6;
  font-size:13px;
  text-align:left;
}
#sgvm-page .v1-hero-media {
  display:block;
  position:relative;
  width:100%;
  height:clamp(485px,45vw,625px);
  min-height:0;
  max-width:none;
  margin:0;
  padding:0;
  isolation:isolate;
  overflow:visible;
}
#sgvm-page .v1-main-photo {
  position:absolute!important;
  inset:3% 3% 8% 11%!important;
  width:auto;
  height:auto;
  grid-column:auto;
  grid-row:auto;
  margin:0;
  border-radius:105px 22px 100px 22px;
  overflow:hidden;
  z-index:1;
  background:#dacfe6;
  box-shadow:0 22px 65px rgba(44,23,79,.15);
}
#sgvm-page .v1-main-photo>img {
  width:100%;height:100%;object-fit:cover;object-position:center;
  border:0;border-radius:0;filter:none;
}
#sgvm-page .v1-photo-caption {
  position:absolute;
  left:24px;
  bottom:28px;
  font-size:11px;
  z-index:3;
  max-width:calc(100% - 48px);
  line-height:1.4;
  text-shadow:0 2px 8px rgba(19,9,36,.4);
}
#sgvm-page .v1-hero-inset {
  position:absolute!important;
  grid-column:auto;
  grid-row:auto;
  left:-1%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  width:35%;
  height:31%;
  z-index:3;
  border:6px solid #fff;
  border-radius:20px 62px 20px 20px;
  overflow:hidden;
  box-shadow:0 15px 40px rgba(48,27,88,.16);
  transform:rotate(-4deg);
}
#sgvm-page .v1-hero-inset>img {
  width:100%;height:100%;object-fit:cover;object-position:center;
}
#sgvm-page .v1-stamp {
  position:absolute;
  top:5%;right:-2%;left:auto;bottom:auto;
  z-index:4;
  padding:13px 15px;
  transform:none;
  border-radius:14px;
  background:#fff;
  border:1px solid #f0e4fa;
  box-shadow:0 14px 38px rgba(35,16,65,.17);
}
#sgvm-page .v1-stamp strong {font-weight:800;color:#26133b}
#sgvm-page .v1-stamp small {color:#685875}
/* CTA — readable white emphasis over rich dark plum + brand violet */
#sgvm-page .v1-cta {
  position:relative;
  isolation:isolate;
  padding:clamp(82px,7.5vw,118px) 0 clamp(86px,7.7vw,120px);
  background:
    radial-gradient(circle at 12% 24%,rgba(165,68,255,.54),transparent 42%),
    radial-gradient(circle at 87% 80%,rgba(219,61,164,.42),transparent 42%),
    linear-gradient(116deg,#29143e 0%,#522388 51%,#8531ae 100%);
  color:#fff;
}
#sgvm-page .v1-cta::before {
  z-index:-1;
  border:1px solid rgba(255,255,255,.10);
  opacity:.78;
  box-shadow:0 0 0 54px rgba(255,255,255,.035),0 0 0 112px rgba(255,255,255,.018);
}
#sgvm-page .v1-cta .wrap {max-width:940px;position:relative;z-index:1}
#sgvm-page .v1-cta .eyebrow {
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:9px 16px;
  text-transform:uppercase;
  letter-spacing:.085em;
  font-size:11.5px;
}
#sgvm-page .v1-cta .eyebrow::before {
  width:7px;height:7px;border-radius:50%;background:#fff;
  margin-right:0;box-shadow:0 0 0 5px rgba(255,255,255,.11)
}
#sgvm-page .v1-cta h2 {
  max-width:920px;
  margin:27px auto 22px;
  font-size:clamp(42px,5vw,76px);
  line-height:1.07;
  letter-spacing:-.055em;
  font-weight:830;
  text-wrap:balance;
  color:#fff;
}
#sgvm-page .v1-cta .sgvm-cta-emphasis {
  display:inline;
  color:#fff;
  -webkit-text-fill-color:#fff;
  background:none;
  font-weight:830;
}
#sgvm-page .v1-cta p {
  max-width:720px;
  margin:0 auto 32px;
  color:#f3eafd;
  font-size:clamp(17px,1.25vw,20px);
  line-height:1.73;
}
#sgvm-page .v1-cta .btn-white {
  min-height:56px;
  padding:0 27px;
  color:#55218b;
  font-size:15px;
  border:1px solid rgba(255,255,255,.9);
  background:#fff;
  box-shadow:0 14px 35px rgba(13,4,29,.18);
}
#sgvm-page .v1-cta .btn-white:hover {background:#f8efff;transform:translateY(-2px)}

/* Responsive restores original single-photo + inset composition. */
@media(max-width:1080px) {
 #sgvm-page .v1-hero-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}
 #sgvm-page .v1-title {font-size:clamp(46px,5.5vw,65px)}
 #sgvm-page .v1-hero-media {height:clamp(440px,50vw,590px)}
 #sgvm-page .v1-hero-inset{width:38%;height:29%}
}
@media(max-width:820px) {
 #sgvm-page .v1-hero {padding:68px 0 75px}
 #sgvm-page .v1-hero-grid {
   display:grid;grid-template-columns:1fr;gap:35px;
   width:min(100% - 44px,710px);
 }
 #sgvm-page .v1-hero-grid>.reveal:first-child {max-width:700px}
 #sgvm-page .v1-title {font-size:clamp(49px,8.3vw,68px);max-width:700px}
 #sgvm-page .v1-hero p {max-width:640px}
 #sgvm-page .v1-hero-actions {display:flex;justify-content:flex-start;max-width:none;margin:26px 0 0}
 #sgvm-page .v1-hero-media {width:min(100%,680px);height:clamp(460px,85vw,590px);margin:4px auto 0}
 #sgvm-page .v1-main-photo {inset:2% 3% 9% 11%!important}
 #sgvm-page .v1-stamp {right:0;top:6%}
}
@media(max-width:560px) {
 #sgvm-page .v1-hero {padding:51px 0 65px}
 #sgvm-page .v1-hero-grid{width:calc(100% - 34px);gap:26px}
 #sgvm-page .v1-title{font-size:clamp(39px,10.4vw,55px);line-height:1.055;letter-spacing:-.055em;margin-top:18px}
 #sgvm-page .v1-hero p{font-size:16px;line-height:1.68;margin-top:18px}
 #sgvm-page .v1-hero-actions{display:grid;grid-template-columns:1fr;max-width:340px;gap:11px;margin:25px 0 0}
 #sgvm-page .v1-hero-actions .btn{width:100%}
 #sgvm-page .v1-hero-proof{margin:20px 0 0;font-size:12px}
 #sgvm-page .v1-hero-media{width:100%;height:clamp(340px,102vw,480px);margin-top:0;min-height:0;padding:0}
 #sgvm-page .v1-main-photo{inset:4% 0 9% 11%!important;border-radius:65px 17px 67px 17px}
 #sgvm-page .v1-main-photo>img{width:100%;height:100%;object-position:50% 42%}
 #sgvm-page .v1-hero-inset{left:-1%!important;bottom:0!important;width:39%;height:32%;border-width:4px;border-radius:13px 43px 13px 13px}
 #sgvm-page .v1-stamp{top:0;right:-1%;padding:9px 10px;max-width:148px;gap:7px}
 #sgvm-page .v1-stamp svg{width:22px;height:22px}
 #sgvm-page .v1-stamp strong{font-size:11px}
 #sgvm-page .v1-stamp small{font-size:9px}
 #sgvm-page .v1-photo-caption{left:20px;bottom:18px;font-size:9px}
 #sgvm-page .v1-cta h2{font-size:clamp(38px,9.7vw,53px);line-height:1.09;margin:22px auto 18px}
 #sgvm-page .v1-cta p{font-size:16px;line-height:1.7}
 #sgvm-page .v1-cta .eyebrow{font-size:10px;padding:9px 13px;letter-spacing:.045em}
 #sgvm-page .v1-cta .btn-white{width:100%;max-width:355px;min-height:55px;white-space:normal;text-align:center}
}
@media(prefers-reduced-motion:reduce) {
 #sgvm-page .v1-main-photo,#sgvm-page .v1-hero-inset,#sgvm-page .v1-cta .btn-white {transition:none!important;transform:none!important}
}

/* V2 ACF editable custom icons and image-upload placeholders. Scoped to this page. */
#sgvm-page .sgvm2-icon-image{width:1.15em!important;height:1.15em!important;min-width:1.15em;object-fit:contain;display:inline-block;flex:0 0 auto;vertical-align:middle}
#sgvm-page .sgvm2-media-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:150px;background:linear-gradient(135deg,#e9deff 0%,#e8f4ff 50%,#f8ddf4 100%);color:#70578c;font-size:13px;font-weight:650;padding:18px;text-align:center}
#sgvm-page .sgvm2-media-placeholder span{display:flex;gap:8px;align-items:center;justify-content:center;opacity:.72}
#sgvm-page .sgvm2-media-placeholder svg{width:20px;height:20px;stroke:currentColor;fill:none}
#sgvm-page .v1-hero-media .sgvm2-media-placeholder{min-height:100%;}
#sgvm-page .v1-main-photo>img,#sgvm-page .v1-hero-inset>img{object-fit:cover!important}
#sgvm-page img.sgvm2-page-image{width:100%;height:100%;object-fit:cover}
#sgvm-page .v1-uses img.sgvm2-page-image{object-fit:cover}
#sgvm-page [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){#sgvm-page .reveal{transition:none!important;opacity:1!important;transform:none!important}}

/* ============================================================
 * Volunteer Management Page 8613 - fixed header / hero spacing
 * The global theme gives every <main> padding-top:100px.
 * Clear that global spacer ONLY here, and make the Hero provide
 * its own responsive clearance for the fixed site header.
 * No changes to the header, footer, ACF, or any other pages.
 * ============================================================ */
body.page-id-8613 main#sgvm-page.sgvm-page-v2 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* Desktop: show the gradient immediately under the fixed header,
   with comfortable breathing room above the Hero content. */
body.page-id-8613 main#sgvm-page.sgvm-page-v2 > section.v1-hero {
    padding-top: 124px !important;
}

/* Tablet: prevent the fixed navigation from covering the heading. */
@media (max-width: 820px) {
    body.page-id-8613 main#sgvm-page.sgvm-page-v2 > section.v1-hero {
        padding-top: 134px !important;
    }
}

/* Phone: preserve header clearance without introducing a blank strip. */
@media (max-width: 560px) {
    body.page-id-8613 main#sgvm-page.sgvm-page-v2 > section.v1-hero {
        padding-top: 126px !important;
    }
}