/* Shared component safety net for the production-split public stylesheets. */
.drive{display:flex;gap:18px;align-items:center;background:linear-gradient(150deg,var(--deep),var(--deep-2));border-radius:var(--r);padding:30px 34px;margin-top:26px;color:#FBEFE0;box-shadow:0 18px 44px rgba(110,20,24,.25);flex-wrap:wrap}
.drive h3{color:#FFF6EA;font-size:21px;margin-bottom:4px}
.drive p{color:rgba(251,239,224,.78);font-size:14.5px}
.drive .ic{border:1.5px solid rgba(224,172,84,.5)}
.drive>div{flex:1;min-width:240px}
.drive>.btn{flex:none}
.f-trust{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;color:var(--muted)}
.f-trust svg{width:14px;height:14px;color:var(--gold);flex:none}
.vol-portal-link{min-height:24px;padding-block:2px}

/* Keep every data label readable on the deep-red story panels. */
.proof .need-stats .net-stat b{color:#E8BB66!important}
.proof .need-stats .net-stat span{color:rgba(255,246,234,.86)!important}
.proof .eyebrow,.pillar .num,.why-card .eyebrow,.partner-note .eyebrow{color:#E8BB66}

@media(max-width:680px){
  .drive{padding:24px;align-items:flex-start}
  .drive>div{min-width:0;width:calc(100% - 60px)}
  .drive>.btn{width:100%;justify-content:center}
}

/* Page-specific atmosphere: richer depth without competing with the content. */
body[data-page]{
  --scene-a:rgba(201,138,43,.16);
  --scene-b:rgba(142,27,32,.075);
  --scene-c:rgba(224,172,84,.095);
  --scene-x:86%;--scene-y:18%;--scene-x2:12%;--scene-y2:72%;--scene-angle:118deg;
  background:
    radial-gradient(ellipse 44% 34% at var(--scene-x) var(--scene-y),var(--scene-a),transparent 68%),
    radial-gradient(ellipse 40% 42% at var(--scene-x2) var(--scene-y2),var(--scene-b),transparent 72%),
    radial-gradient(ellipse 54% 30% at 54% 102%,var(--scene-c),transparent 72%),
    linear-gradient(var(--scene-angle),rgba(255,253,249,.42),transparent 34% 68%,rgba(247,233,206,.18)),
    var(--cream);
  background-attachment:fixed;
}
body[data-page="home"]{--scene-a:rgba(201,138,43,.20);--scene-b:rgba(193,39,45,.085);--scene-x:88%;--scene-y:12%;--scene-x2:8%;--scene-y2:58%;--scene-angle:125deg}
body[data-page="how-it-works"]{--scene-a:rgba(224,172,84,.18);--scene-b:rgba(142,27,32,.07);--scene-x:78%;--scene-y:24%;--scene-x2:18%;--scene-y2:82%;--scene-angle:142deg}
body[data-page="find-care"]{--scene-a:rgba(193,39,45,.11);--scene-b:rgba(201,138,43,.14);--scene-x:90%;--scene-y:30%;--scene-x2:8%;--scene-y2:66%;--scene-angle:108deg}
body[data-page="clinics"]{--scene-a:rgba(142,27,32,.105);--scene-b:rgba(224,172,84,.13);--scene-x:82%;--scene-y:18%;--scene-x2:12%;--scene-y2:52%;--scene-angle:155deg}
body[data-page="volunteer"]{--scene-a:rgba(201,138,43,.19);--scene-b:rgba(142,27,32,.09);--scene-x:90%;--scene-y:10%;--scene-x2:10%;--scene-y2:78%;--scene-angle:132deg}
body[data-page="start-a-clinic"]{--scene-a:rgba(224,172,84,.17);--scene-b:rgba(110,20,24,.075);--scene-x:76%;--scene-y:16%;--scene-x2:6%;--scene-y2:48%;--scene-angle:116deg}
body[data-page="partner"]{--scene-a:rgba(142,27,32,.10);--scene-b:rgba(201,138,43,.15);--scene-x:84%;--scene-y:26%;--scene-x2:14%;--scene-y2:70%;--scene-angle:148deg}
body[data-page="about"]{--scene-a:rgba(201,138,43,.18);--scene-b:rgba(193,39,45,.07);--scene-x:92%;--scene-y:20%;--scene-x2:10%;--scene-y2:60%;--scene-angle:126deg}
body[data-page="give"]{--scene-a:rgba(224,172,84,.22);--scene-b:rgba(193,39,45,.085);--scene-x:86%;--scene-y:16%;--scene-x2:16%;--scene-y2:76%;--scene-angle:136deg}
body[data-page="faq"]{--scene-a:rgba(201,138,43,.14);--scene-b:rgba(142,27,32,.06);--scene-x:80%;--scene-y:14%;--scene-x2:6%;--scene-y2:84%;--scene-angle:160deg}
body[data-page="404"]{--scene-a:rgba(193,39,45,.10);--scene-b:rgba(201,138,43,.15);--scene-x:50%;--scene-y:18%;--scene-x2:12%;--scene-y2:76%;--scene-angle:135deg}
body[data-page]::before{
  background-image:
    radial-gradient(rgba(201,138,43,.105) 1.1px,transparent 1.2px),
    linear-gradient(var(--scene-angle),transparent 0 47%,rgba(201,138,43,.055) 49.7%,rgba(201,138,43,.055) 50.3%,transparent 53%),
    radial-gradient(ellipse 82% 48% at 50% 0%,var(--page-tint,rgba(201,138,43,.045)),transparent 72%);
  background-size:30px 30px,min(1100px,100vw) min(760px,100vh),100% 100%;
  background-position:0 0,center 12vh,center top;
}
body[data-page] .bg-left-art .r1{box-shadow:0 0 60px var(--scene-a)}
body[data-page] .bg-left-art .r3{box-shadow:0 0 70px var(--scene-b)}
@media(max-width:680px){body[data-page]{background-attachment:scroll}}
@media print{body[data-page]{background:var(--cream)!important}}

.nav-portal-persist{display:none}
@media (max-width:1180px){
  .nav{gap:8px;padding-left:16px;padding-right:12px}
  .brand-name{font-size:16.5px}
  .nav-portal-persist{
    display:inline-flex!important;
    margin-left:auto!important;
    width:auto!important;
    min-height:40px!important;
    padding:7px 10px!important;
    font-size:12.5px!important;
    flex:0 0 auto!important;
    white-space:nowrap;
    align-self:center
  }
  header .burger{margin-left:4px;flex:none}
}

@media (orientation:portrait){
  .care-today{flex-direction:column;align-items:stretch}
  .care-today .ct-label,.care-today p{text-align:center}
  .care-today-actions{flex-direction:column;align-items:stretch;width:100%}
  .care-today .btn{
    width:100%;
    justify-content:center;
    min-height:52px;
    padding:16px 28px;
    font-size:17px;
    box-sizing:border-box
  }
}