@charset "UTF-8";
:root{--green:#03989e;--green-dark:#026f74;--deep:#062016;--forest:#0f3729;--mint:#e9fbf4;--gold:#c2b869;--cream:#f8f4df;--bg:#f4faf6;--card:#fff;--text:#17231d;--muted:#5c6d63;--border:#dbeae2;--warn:#b23b2f;--shadow:0 18px 46px rgba(4,16,11,.14);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 7% 8%,rgba(3,152,158,.12),transparent 30%),radial-gradient(circle at 95% 88%,rgba(194,184,105,.18),transparent 30%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:var(--green-dark);font-weight:800}a:hover{color:var(--green)}.wrap{width:min(1160px,calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:auto;background:#fff;color:#000;padding:.7rem 1rem;z-index:999}.skip-link:focus{left:1rem;top:1rem}.top-strip{background:var(--deep);color:#fff;font-size:.92rem}.top-strip .wrap{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0}.top-strip a{color:#fff}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:82px}.brand{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--deep)}.brand img{width:94px;height:auto}.brand span span{display:block;color:var(--muted);font-size:.86rem;font-weight:700}.nav-toggle{display:none;border:0;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;padding:.7rem 1rem;border-radius:999px;font-weight:900}.main-nav{display:flex;align-items:center;gap:.25rem}.main-nav>ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.2rem}.main-nav a,.mega-trigger{display:inline-flex;align-items:center;min-height:42px;padding:.65rem .8rem;border-radius:999px;text-decoration:none;color:var(--deep);font-weight:900;background:transparent;border:0;font:inherit;cursor:pointer}.main-nav a[aria-current=page],.main-nav a:hover,.mega-trigger:hover{background:var(--mint);color:var(--green-dark)}.mega{position:relative}.mega-panel{display:none;position:absolute;right:0;top:calc(100% + 12px);width:min(920px,calc(100vw - 32px));padding:1rem;background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow)}.mega:hover .mega-panel,.mega:focus-within .mega-panel,.mega.open .mega-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mega-group{padding:1rem;border-radius:18px;background:linear-gradient(180deg,#fff,var(--mint));border:1px solid var(--border)}.mega-group h3{margin:.1rem 0 .65rem;color:var(--deep)}.mega-card{display:block;padding:.7rem;border-radius:14px;text-decoration:none;color:var(--text)}.mega-card:hover{background:#fff;box-shadow:0 8px 20px rgba(4,16,11,.08)}.mega-card strong{display:block}.mega-card span{display:block;color:var(--muted);font-size:.9rem;font-weight:600}.hero{position:relative;overflow:hidden;margin:1.5rem 0;padding:clamp(2.4rem,5vw,5rem);border-radius:32px;color:#fff;background:radial-gradient(circle at 92% 10%,rgba(108,246,246,.3),transparent 28%),linear-gradient(135deg,var(--green-dark),var(--deep));box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,250px);gap:1.5rem;align-items:center}.hero h1{margin:.2rem 0 1rem;font-size:clamp(2.25rem,4.8vw,4.6rem);line-height:1.05;color:#fff}.hero p{font-size:1.08rem;color:rgba(255,255,255,.95);max-width:780px}.eyebrow{display:inline-flex;gap:.4rem;color:var(--cream);text-transform:uppercase;letter-spacing:.09em;font-size:.8rem;font-weight:950}.logo-card{display:grid;place-items:center;padding:1rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:24px}.logo-card img{width:min(100%,220px)}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.button,.button-secondary,.button-gold,.button-outline,.small-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.78rem 1.1rem;border-radius:999px;text-decoration:none;font-weight:950;border:1px solid transparent}.button{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff!important}.button-gold{background:linear-gradient(135deg,var(--cream),var(--gold));color:var(--deep)!important}.button-secondary{background:rgba(255,255,255,.14);color:#fff!important;border-color:rgba(255,255,255,.3)}.button-outline{background:#fff;color:var(--deep)!important;border-color:var(--border)}.small-button{background:var(--mint);color:var(--green-dark)!important;border-color:rgba(3,152,158,.22);min-height:38px;padding:.6rem .9rem}.urgent{margin-top:1rem}.urgent .wrap{padding:.85rem 1rem;border-radius:18px;background:#fff7e2;border:1px solid #eadf9a;display:flex;gap:.8rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.section{margin:2rem 0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.section-header h2{margin:0;color:var(--deep);font-size:clamp(1.5rem,3vw,2.25rem)}.section-header p{margin:.2rem 0 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:0 12px 32px rgba(4,16,11,.08)}.card h2,.card h3{margin-top:0;color:var(--deep);line-height:1.2}.feature{border-top:6px solid var(--green)}.note{background:linear-gradient(135deg,rgba(3,152,158,.08),rgba(194,184,105,.13)),#fff;border-left:6px solid var(--green)}.warning{background:#fff3ef;border-color:#efc5bd;border-left:6px solid var(--warn)}.dark-card{background:linear-gradient(135deg,var(--forest),var(--deep));color:#fff}.dark-card h2,.dark-card p,.dark-card li{color:#fff}.icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:950;margin-bottom:.7rem}.tag{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;background:var(--mint);color:var(--green-dark);font-weight:900}.tool-row{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.search,.select,textarea,input[type=text],input[type=email]{width:min(100%,520px);min-height:44px;border:1px solid var(--border);border-radius:999px;padding:.75rem 1rem;background:#fff;color:var(--text)}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:.8rem 0}.tab,.fee-tab{border:1px solid var(--border);background:#fff;color:var(--deep);font-weight:900;border-radius:999px;padding:.7rem 1rem;cursor:pointer}.tab.active,.fee-tab.active{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff}.process{counter-reset:step;list-style:none;padding:0}.process li{counter-increment:step;display:grid;grid-template-columns:auto 1fr;gap:.85rem;border-bottom:1px solid var(--border);padding:1rem 0}.process li:before{content:counter(step);width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:950}.iframe-wrap{min-height:520px;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:#fff}.asm{width:100%;height:650px;border:0}.fee-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.fee-card[hidden],.service-card[hidden]{display:none}.fee-card-head{display:flex;justify-content:space-between;gap:.8rem;align-items:start}.price{font-size:1.45rem;color:var(--green-dark);font-weight:950}.total-box{background:var(--deep);color:#fff;border-radius:22px;padding:1.25rem}.total-box *{color:#fff}.total-amount{font-size:2.5rem;font-weight:950}.addon{display:flex;justify-content:space-between;gap:1rem;padding:.75rem;border-bottom:1px solid var(--border)}.site-footer{margin-top:3rem;background:var(--deep);color:#eaf7ef;padding:2.2rem 0 1rem}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:1.2rem}.fineprint{border-top:1px solid rgba(255,255,255,.14);margin-top:1.4rem;padding-top:1rem;color:#bdd2c5;font-size:.92rem}.version-badge{display:inline-flex;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.25rem .6rem;color:#fff;background:rgba(255,255,255,.08);font-weight:900}.changelog li{margin-bottom:.55rem}.site-map-list{columns:2;column-gap:2rem}.external-note{font-size:.92rem;color:var(--muted)}
@media(max-width:1020px){.grid,.grid-4,.fee-results{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.mega:hover .mega-panel,.mega:focus-within .mega-panel,.mega.open .mega-panel{grid-template-columns:1fr}.mega-panel{left:auto;right:0;width:min(620px,calc(100vw - 32px))}}
@media(max-width:760px){.top-strip .wrap,.header-inner,.section-header{align-items:flex-start;flex-direction:column}.nav-toggle{display:inline-flex}.main-nav{display:none;width:100%}.main-nav.open{display:block}.main-nav>ul{display:grid;width:100%;gap:.35rem}.main-nav a,.mega-trigger{width:100%;justify-content:flex-start}.mega-panel{position:static;width:100%;margin-top:.4rem}.hero-grid,.two-col{grid-template-columns:1fr}.logo-card{display:none}.grid,.grid-4,.fee-results,.footer-grid{grid-template-columns:1fr}.actions{flex-direction:column}.button,.button-secondary,.button-gold,.button-outline,.small-button{width:100%}.site-map-list{columns:1}.brand img{width:74px}}

/* v0.0.2 Beta mega menu layout fix
   Keeps the panel attached to the header, prevents text overlap inside mega cards,
   and makes the menu usable on desktop and mobile. */
.header-inner{position:relative}
.main-nav{position:static}
.main-nav>ul{position:static}
.main-nav .mega{position:static}
.main-nav .mega-panel{
  left:50%;
  right:auto;
  top:calc(100% + 10px);
  transform:translateX(-50%);
  z-index:250;
  width:min(940px,calc(100vw - 48px));
  max-height:calc(100vh - 150px);
  overflow:auto;
}
.main-nav .mega:hover .mega-panel,
.main-nav .mega:focus-within .mega-panel,
.main-nav .mega.open .mega-panel{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.main-nav .mega-card{
  display:grid!important;
  grid-template-columns:1fr;
  align-items:start;
  justify-content:start;
  gap:.15rem;
  min-height:0;
  width:100%;
  padding:.72rem .75rem;
  border-radius:14px;
  text-align:left;
  line-height:1.35;
  white-space:normal;
}
.main-nav .mega-card strong,
.main-nav .mega-card span{
  display:block;
  width:100%;
}
.main-nav .mega-card strong{color:var(--deep);font-size:.98rem;line-height:1.25}
.main-nav .mega-card span{color:var(--muted);font-size:.88rem;font-weight:700;line-height:1.45}
.main-nav .mega-group{min-width:0}
@media(max-width:1020px){
  .main-nav .mega-panel{width:min(720px,calc(100vw - 32px))}
  .main-nav .mega:hover .mega-panel,
  .main-nav .mega:focus-within .mega-panel,
  .main-nav .mega.open .mega-panel{grid-template-columns:1fr}
}
@media(max-width:760px){
  .main-nav .mega{position:relative}
  .main-nav .mega-panel{
    position:static;
    left:auto;
    right:auto;
    top:auto;
    transform:none;
    width:100%;
    max-height:none;
    overflow:visible;
    margin-top:.5rem;
    box-shadow:none;
  }
}


/* v0.0.2 Beta service finder navigation update
   Places the mega menu directly after Home and keeps it open while users move from the trigger to the panel. */
.main-nav .mega-trigger[aria-current=page]{background:var(--mint);color:var(--green-dark)}
.main-nav .mega-panel{top:100%;margin-top:0}
.main-nav .mega-panel::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px;background:transparent}
.main-nav .mega-card{min-height:auto!important}
@media(min-width:761px){
  .main-nav .mega-panel{padding-top:1.15rem}
}
@media(max-width:760px){
  .main-nav .mega-panel::before{display:none}
}


/* v0.0.2 Beta readability and route helper update */
:root{
  --text:#10251c;
  --muted:#43574d;
  --border:#cfe2d8;
  --bg:#f2f8f4;
  --mint:#e7fbf4;
  --cream:#fbf6df;
}
body{font-size:16px;line-height:1.7;letter-spacing:.003em;background:radial-gradient(circle at 7% 8%,rgba(3,152,158,.10),transparent 30%),radial-gradient(circle at 95% 88%,rgba(194,184,105,.16),transparent 30%),linear-gradient(180deg,#f7fbf8 0%,#eef8f3 100%)}
p,li{max-width:72ch}.hero p,.dark-card p,.route-panel p,.route-result-card p{max-width:78ch}.card{border-color:var(--border);box-shadow:0 12px 30px rgba(4,16,11,.10)}.card p,.card li{color:#23392f}.section-header p,.external-note{color:var(--muted)}
.button,.button-secondary,.button-gold,.button-outline,.small-button{font-weight:950;letter-spacing:.01em}.button-secondary{background:rgba(255,255,255,.16);color:#fff!important;border-color:rgba(255,255,255,.42)}.button-outline,.small-button{box-shadow:0 6px 14px rgba(4,16,11,.06)}
.route-helper{scroll-margin-top:110px}.route-helper-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:1rem;align-items:stretch}.route-panel{background:radial-gradient(circle at 96% 8%,rgba(108,246,246,.18),transparent 26%),linear-gradient(135deg,var(--green-dark),var(--deep));color:#fff;border:1px solid rgba(108,246,246,.22);box-shadow:var(--shadow)}.route-panel h2,.route-panel p,.route-panel .eyebrow{color:#fff}.route-panel .eyebrow{color:var(--cream)}.route-choice-list{display:grid;gap:.75rem;margin-top:1rem}.route-choice-list label{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;padding:.95rem;border-radius:18px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.22);cursor:pointer;transition:background .18s ease,transform .18s ease,border-color .18s ease}.route-choice-list label:hover{background:rgba(255,255,255,.18);transform:translateY(-1px);border-color:rgba(108,246,246,.45)}.route-choice-list input{margin-top:.28rem;accent-color:var(--gold)}.route-choice-list strong{display:block;color:#fff;line-height:1.25}.route-choice-list small{display:block;margin-top:.15rem;color:rgba(255,255,255,.86);font-weight:700;line-height:1.45}.route-result-card{display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff 0%,#ecfbf6 100%);border-left:7px solid var(--green);position:sticky;top:106px}.route-result-card h2{font-size:1.55rem}.route-result-icon{width:3.6rem;height:3.6rem;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 12px 24px rgba(3,152,158,.22);font-size:1.7rem;margin-bottom:.7rem}.route-result-card .actions{margin-top:auto}.route-note{margin-top:1rem;padding:1rem;border-radius:18px;background:#fff8dc;border:1px solid rgba(194,184,105,.55);color:#3c3520!important;font-size:.95rem}.route-choice-list label:has(input:checked){background:rgba(233,221,166,.20);border-color:rgba(233,221,166,.70);box-shadow:0 0 0 3px rgba(194,184,105,.16)}
@media(max-width:900px){.route-helper-grid{grid-template-columns:1fr}.route-result-card{position:static}}
@media(max-width:560px){body{font-size:15.5px}.route-choice-list label{grid-template-columns:1fr}.route-result-icon{width:3.2rem;height:3.2rem}}


/* v0.0.2 Beta full-width layout, hero correction and readability refinement */
.wrap{
  width:calc(100% - clamp(28px,4vw,88px));
  max-width:none;
  margin-inline:auto;
}
main.wrap{width:calc(100% - clamp(28px,4vw,88px));max-width:none;}
.header-inner{min-height:84px;}
.top-strip .wrap{max-width:none;}
.hero{
  padding:clamp(2.4rem,5vw,5.2rem);
  min-height:clamp(320px,32vw,520px);
  display:grid;
  align-items:center;
}
.hero-grid{
  grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);
  gap:clamp(1.25rem,4vw,4rem);
  width:100%;
}
.hero h1{font-size:clamp(2.3rem,4.7vw,5.2rem);line-height:1.03;max-width:16ch;}
.hero p{font-size:clamp(1.05rem,1.25vw,1.32rem);max-width:68ch;}
.logo-card{min-height:170px;}
.logo-card img{width:min(100%,300px);}
.section{margin:clamp(2rem,3vw,3.2rem) 0;}
.grid{grid-template-columns:repeat(3,minmax(280px,1fr));}
.grid-4{grid-template-columns:repeat(4,minmax(220px,1fr));}
.two-col{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);}
.card{padding:clamp(1.2rem,1.65vw,1.9rem);}
.route-helper-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);
  gap:clamp(1rem,2vw,1.8rem);
}
.route-panel{padding:clamp(1.35rem,2vw,2.1rem);}
.route-choice-list{grid-template-columns:repeat(2,minmax(260px,1fr));}
.route-choice-list label{min-height:104px;}
.route-result-card{min-height:100%;padding:clamp(1.35rem,2vw,2.1rem);}
.route-result-card h2{font-size:clamp(1.55rem,2vw,2.15rem);}
.site-footer{padding-top:clamp(2.4rem,4vw,4rem);}
.footer-grid{grid-template-columns:minmax(360px,2fr) repeat(3,minmax(210px,1fr));}
.mega-panel{width:min(1080px,calc(100vw - 56px));}
.main-nav .mega-panel{width:min(1080px,calc(100vw - 56px));}
.urgent .wrap{width:100%;}
@media(max-width:1180px){
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .route-helper-grid{grid-template-columns:1fr;}
  .route-result-card{position:static;}
  .route-choice-list{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
  .hero-grid,.two-col{grid-template-columns:1fr;}
  .hero{min-height:auto;}
  .hero h1{max-width:none;}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .wrap,main.wrap{width:calc(100% - 28px);}
  .grid,.grid-4,.footer-grid{grid-template-columns:1fr;}
  .hero{padding:1.55rem;border-radius:22px;}
  .hero h1{font-size:clamp(2rem,10vw,3rem);}
}


/* v0.0.6 Beta persistent mega menu behaviour
   The Services mega menu now stays open after click and closes only when the user clicks outside it, presses Escape, or follows a menu link. */
.main-nav .mega:not(.open) .mega-panel,
.main-nav .mega:not(.open):hover .mega-panel,
.main-nav .mega:not(.open):focus-within .mega-panel{
  display:none!important;
}
.main-nav .mega.open .mega-panel{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.main-nav .mega.open .mega-trigger{
  background:var(--mint);
  color:var(--green-dark);
}
@media(max-width:1020px){
  .main-nav .mega.open .mega-panel{grid-template-columns:1fr;}
}


/* v0.0.8 Beta split mega menus for Animal Services, Support APES and Information */
.main-nav .mega.open .mega-panel.mega-panel-single{
  grid-template-columns:1fr;
}
@media(min-width:761px){
  .main-nav .mega-panel.mega-panel-single{
    width:min(640px,calc(100vw - 48px));
  }
}


/* v0.0.6 Beta adoption page enhancement and full adoption fee calculator */
.adoption-page{--adopt-teal:#03989e;--adopt-deep:#062016;--adopt-gold:#c2b869;--adopt-mint:#e9fbf4;}
.adoption-hero{background:radial-gradient(circle at 87% 16%,rgba(108,246,246,.28),transparent 24%),radial-gradient(circle at 8% 88%,rgba(233,221,166,.22),transparent 30%),linear-gradient(135deg,#02787d,#062016);}
.adoption-hero h1{max-width:18ch;}
.adoption-hero-card{gap:1rem;text-align:center;}
.adoption-hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.8rem;}
.adoption-hero-badges span{display:inline-flex;padding:.42rem .68rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:900;font-size:.88rem;}
.adoption-snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;}
.adoption-snapshot-card{position:relative;overflow:hidden;border-top:6px solid var(--green);}
.adoption-snapshot-card::after{content:"";position:absolute;right:-36px;top:-36px;width:112px;height:112px;border-radius:50%;background:rgba(3,152,158,.1);}
.adoption-icon{display:inline-grid;place-items:center;width:3.05rem;height:3.05rem;margin-bottom:.7rem;border-radius:18px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:1.35rem;box-shadow:0 12px 26px rgba(3,152,158,.22);}
.eyebrow.dark{color:var(--green-dark);}
.adoption-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;counter-reset:adoptStep;}
.adoption-step{position:relative;min-height:100%;padding:1.25rem;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#fff,#effbf7);box-shadow:var(--shadow);}
.adoption-step span{display:grid;place-items:center;width:2.65rem;height:2.65rem;margin-bottom:.8rem;border-radius:999px;background:linear-gradient(135deg,var(--gold),#efe6aa);color:#062016;font-weight:950;box-shadow:0 8px 20px rgba(194,184,105,.22);}
.adoption-step h3{margin:.2rem 0 .35rem;color:var(--deep);}
.adoption-step p{margin:0;color:var(--muted);font-weight:650;}
.adoption-feed-wrap{border:1px solid rgba(3,152,158,.22);box-shadow:var(--shadow);}
.adoption-fees{padding:clamp(1rem,2vw,1.6rem);border-radius:28px;background:linear-gradient(135deg,rgba(233,251,244,.86),rgba(255,255,255,.92));border:1px solid rgba(3,152,158,.16);}
.adoption-fee-search{min-width:min(100%,520px);}
.adoption-tabs .fee-tab{border:1px solid var(--border);border-radius:999px;padding:.72rem 1rem;background:#fff;color:var(--deep);font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(4,16,11,.06);}
.adoption-tabs .fee-tab.active,.adoption-tabs .fee-tab:hover{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border-color:rgba(108,246,246,.45);}
.adoption-fee-results{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.adoption-fee-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.adoption-fee-card:hover{transform:translateY(-3px);border-color:rgba(3,152,158,.35);box-shadow:0 18px 42px rgba(4,16,11,.16);}
.adoption-addon-card{background:linear-gradient(180deg,#fffef3,#fff);border-color:rgba(194,184,105,.35);}
.adoption-calculator-shell{padding:clamp(1.2rem,2vw,2rem);border-radius:32px;background:radial-gradient(circle at 100% 0,rgba(194,184,105,.18),transparent 30%),linear-gradient(135deg,#f5fffb,#fff);border:1px solid rgba(3,152,158,.18);box-shadow:var(--shadow);}
.adoption-calculator-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:clamp(1rem,2vw,1.6rem);align-items:stretch;}
.adoption-calculator-card{border-top:7px solid var(--green);}
.adoption-select-label{display:block;margin:.65rem 0 .3rem;color:var(--deep);font-weight:950;}
.adoption-select{width:100%;min-height:52px;border:1px solid var(--border);border-radius:16px;background:#fff;color:var(--text);font-weight:850;padding:.8rem 1rem;}
.adoption-cost-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0 1.25rem;}
.adoption-cost-notes div{padding:1rem;border-radius:18px;background:linear-gradient(135deg,var(--mint),#fff);border:1px solid rgba(3,152,158,.22);}
.adoption-cost-notes strong{display:block;color:var(--green-dark);font-size:1.5rem;line-height:1;}
.adoption-cost-notes span{display:block;color:var(--muted);font-weight:850;font-size:.92rem;}
.adoption-addon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
.adoption-addon{margin:0;min-height:64px;background:linear-gradient(180deg,#ffffff,#f4fffb);border:1px solid rgba(3,152,158,.2);box-shadow:0 10px 22px rgba(4,16,11,.06);}
.adoption-addon:hover{border-color:rgba(3,152,158,.42);transform:translateY(-1px);}
.reservation-addon{grid-column:1/-1;background:linear-gradient(135deg,#fff8dc,#ffffff);border-color:rgba(194,184,105,.45);}
.small-text{font-size:.94rem;color:var(--muted);font-weight:650;}
.adoption-total-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem;border-radius:28px;padding:clamp(1.3rem,2vw,2rem);background:radial-gradient(circle at 90% 8%,rgba(108,246,246,.24),transparent 28%),linear-gradient(145deg,#063021,#03989e);color:#fff;box-shadow:0 22px 52px rgba(4,16,11,.24);}
.adoption-total-card::after{content:"";position:absolute;right:-72px;bottom:-72px;width:210px;height:210px;border-radius:50%;background:rgba(233,221,166,.18);}
.adoption-total-header{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;}
.adoption-total-header .adoption-icon{margin:0;background:linear-gradient(135deg,var(--gold),#f4edb7);color:#062016;}
.adoption-total-header p{margin:0;color:rgba(255,255,255,.82);font-weight:950;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;}
.adoption-total-header h3{margin:0;color:#fff;font-size:clamp(3rem,5vw,5.2rem);line-height:1;}
.adoption-total-chips{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.55rem;}
.adoption-total-chips span{display:inline-flex;padding:.45rem .7rem;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:900;font-size:.9rem;}
.adoption-breakdown-box{position:relative;z-index:1;padding:1rem;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);}
.adoption-breakdown-box h4{margin:.1rem 0 .55rem;color:#fff;}
.adoption-breakdown-box ul{margin:0;padding-left:1.1rem;}
.adoption-breakdown-box li{color:rgba(255,255,255,.92);font-weight:750;}
.adoption-total-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto;}
.button-secondary.light{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.32)!important;}
.adoption-total-note{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.82);font-weight:750;font-size:.92rem;}
.adoption-fun-panel .feature{border-top:6px solid var(--green);}
.adoption-fun-panel .feature .adoption-icon{margin-bottom:.45rem;}
.adoption-trial-card{background:radial-gradient(circle at 100% 0,rgba(108,246,246,.14),transparent 30%),linear-gradient(135deg,#fff,#effbf7);border-left:7px solid var(--green);}
.adoption-note{font-weight:700;}
@media(max-width:1180px){.adoption-snapshot{grid-template-columns:repeat(2,minmax(0,1fr));}.adoption-timeline{grid-template-columns:repeat(2,minmax(0,1fr));}.adoption-calculator-grid{grid-template-columns:1fr;}.adoption-total-card{min-height:420px;}.adoption-addon-list{grid-template-columns:1fr;}}
@media(max-width:760px){.adoption-snapshot,.adoption-timeline{grid-template-columns:1fr;}.adoption-cost-notes{grid-template-columns:1fr;}.adoption-total-header{align-items:flex-start;}.adoption-total-actions a{width:100%;}.adoption-hero-badges{justify-content:flex-start;}}


/* v0.0.6 Beta readability repair and service page additions */
body .dark-card,
body .card.dark-card{
  background:radial-gradient(circle at 96% 8%,rgba(108,246,246,.12),transparent 28%),linear-gradient(135deg,#0f513d,#062016)!important;
  color:#ffffff!important;
  border-color:rgba(108,246,246,.28)!important;
}
body .dark-card h1,
body .dark-card h2,
body .dark-card h3,
body .dark-card h4,
body .dark-card p,
body .dark-card li,
body .dark-card strong,
body .dark-card span:not(.tag):not(.version-badge),
body .dark-card a:not(.button-gold):not(.small-button):not(.button):not(.button-outline):not(.button-secondary){
  color:#ffffff!important;
}
body .dark-card p,
body .dark-card li{opacity:.96;font-weight:650;}
body .dark-card .button-gold{color:#062016!important;}
body .dark-card .small-button{background:#e7fbf4!important;color:#026f74!important;}
body .mega-card strong{color:#062016!important;}
body .mega-card span{color:#43574d!important;}
body .mega-card:hover strong{color:#026f74!important;}
.construction-hero{background:radial-gradient(circle at 86% 14%,rgba(108,246,246,.28),transparent 26%),radial-gradient(circle at 10% 86%,rgba(233,221,166,.20),transparent 30%),linear-gradient(135deg,#02787d,#062016);}
.construction-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:1rem;align-items:stretch;}
.construction-status{border-left:7px solid var(--gold);background:linear-gradient(135deg,#fff8dc,#ffffff);}
.construction-status .tag{background:#fff;color:#026f74;border:1px solid rgba(3,152,158,.22);}
.related-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.related-service-card{position:relative;overflow:hidden;border-top:6px solid var(--green);}
.related-service-card::after{content:"";position:absolute;right:-42px;top:-42px;width:128px;height:128px;border-radius:50%;background:rgba(3,152,158,.10);}
.related-service-card .tag{margin-bottom:.65rem;}
@media(max-width:900px){.construction-panel,.related-services-grid{grid-template-columns:1fr;}}


/* v0.0.6 Beta advanced surrender page
   Clones the richer shelter and surrender layout into the production theme. */
.surrender-advanced{color:var(--text);line-height:1.7;scroll-behavior:smooth}
.surrender-advanced *{box-sizing:border-box}
.surrender-advanced a{font-weight:950}
.surrender-advanced :focus-visible{outline:4px solid rgba(3,152,158,.35);outline-offset:4px;border-radius:12px}
.surrender-hero{position:relative;overflow:hidden;margin:1.5rem 0;padding:clamp(2.2rem,5vw,4.6rem);border-radius:32px;color:#fff;background:radial-gradient(circle at 88% 10%,rgba(108,246,246,.34),transparent 28%),radial-gradient(circle at 9% 88%,rgba(194,184,105,.22),transparent 32%),linear-gradient(135deg,var(--green-dark),var(--deep));box-shadow:var(--shadow);min-height:clamp(360px,30vw,540px);display:grid;align-items:center}
.surrender-hero::after{content:"🦎";position:absolute;right:clamp(1rem,4vw,3rem);bottom:clamp(1rem,4vw,2.5rem);font-size:clamp(3.5rem,11vw,8rem);opacity:.16;transform:rotate(-12deg)}
.surrender-hero-content{position:relative;z-index:1;max-width:980px}
.surrender-hero h1{margin:0 0 1rem;color:#fff;font-size:clamp(2.2rem,5vw,4.7rem);line-height:1.03;max-width:18ch}
.surrender-hero p{max-width:840px;margin:0;color:rgba(255,255,255,.96);font-size:clamp(1rem,1.3vw,1.24rem)}
.surrender-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}
.surrender-button,.surrender-button-secondary,.surrender-button-gold,.surrender-button-outline{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.85rem 1.25rem;border-radius:999px;font-weight:950;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}
.surrender-button{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff!important;border-color:rgba(108,246,246,.45);box-shadow:0 12px 28px rgba(3,152,158,.26)}
.surrender-button-secondary{background:rgba(255,255,255,.14);color:#fff!important;border-color:rgba(255,255,255,.38)}
.surrender-button-gold{background:linear-gradient(135deg,var(--cream),var(--gold));color:var(--deep)!important;border-color:rgba(194,184,105,.75)}
.surrender-button-outline{background:#fff;color:var(--deep)!important;border-color:var(--border)}
.surrender-button:hover,.surrender-button-secondary:hover,.surrender-button-gold:hover,.surrender-button-outline:hover{transform:translateY(-2px);text-decoration:none}
.surrender-quick-nav{position:sticky;top:92px;z-index:20;display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.5rem;padding:.85rem;border:1px solid rgba(3,152,158,.22);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 10px 25px rgba(4,16,11,.08);backdrop-filter:blur(12px)}
.surrender-quick-nav a{padding:.55rem .8rem;border-radius:999px;background:var(--mint);color:var(--green-dark);font-size:.92rem;text-decoration:none;font-weight:950}
.surrender-section{margin:clamp(2rem,3vw,3.2rem) 0}.surrender-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:1rem}.surrender-four-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:1rem}.surrender-two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:1rem}.surrender-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:clamp(1.2rem,1.65vw,1.9rem);box-shadow:0 12px 32px rgba(4,16,11,.10)}.surrender-card h2,.surrender-card h3,.surrender-card h4{margin-top:0;color:var(--deep);line-height:1.2}.surrender-card p,.surrender-card li{color:#23392f}.surrender-card ul,.surrender-card ol{padding-left:1.2rem;margin-bottom:0}.surrender-stat-card{position:relative;overflow:hidden;border-top:6px solid var(--green)}.surrender-stat-card::after{content:"";position:absolute;right:-38px;top:-38px;width:115px;height:115px;border-radius:50%;background:rgba(3,152,158,.10)}.surrender-stat-card strong{display:block;color:var(--green-dark);font-size:1.08rem;margin-bottom:.2rem}.surrender-note{background:linear-gradient(135deg,rgba(3,152,158,.10),rgba(233,221,166,.16)),#fff;border:1px solid rgba(3,152,158,.25);border-left:6px solid var(--green)}.surrender-warning{background:#fff3ef;border:1px solid #f0c4bd;border-left:6px solid var(--warn);color:#653027}.surrender-warning p,.surrender-warning li{color:#653027}.surrender-section-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.surrender-section-header h2{margin:0;color:var(--deep);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15}.surrender-section-header p{margin:.35rem 0 0;max-width:820px;color:var(--muted)}
.surrender-decision-helper,.surrender-checker{background:radial-gradient(circle at 95% 10%,rgba(108,246,246,.24),transparent 24%),linear-gradient(135deg,var(--green-dark),var(--deep));color:#fff;border-color:rgba(108,246,246,.22)}.surrender-decision-helper h2,.surrender-decision-helper h3,.surrender-decision-helper p,.surrender-decision-helper label,.surrender-checker h2,.surrender-checker h3,.surrender-checker p,.surrender-checker label{color:#fff}.surrender-choice-list,.surrender-checker-list{display:grid;gap:.75rem;margin-top:1rem}.surrender-choice-list label,.surrender-checker-list label{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;padding:.9rem;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);cursor:pointer}.surrender-choice-list label:hover,.surrender-checker-list label:hover{background:rgba(255,255,255,.16)}.surrender-choice-list input,.surrender-checker-list input{margin-top:.35rem;accent-color:var(--gold)}.surrender-helper-result,.surrender-checker-result{margin-top:1rem;padding:1rem;border-radius:16px;background:rgba(108,246,246,.14);border:1px solid rgba(108,246,246,.28);color:#fff;font-weight:900}.surrender-progress-wrap{margin:1.2rem 0 0}.surrender-progress-bar{height:13px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}.surrender-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));transition:width .25s ease}.surrender-tool-row{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.surrender-search-input{width:min(100%,460px);min-height:46px;padding:.75rem 1rem;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text)}.surrender-tabs{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.surrender-tab{border:1px solid var(--border);border-radius:999px;padding:.75rem 1rem;background:#fff;color:var(--deep);font-weight:950;cursor:pointer}.surrender-tab.active{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border-color:rgba(108,246,246,.5)}.surrender-animal-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:1rem}.surrender-animal-card[hidden]{display:none}.surrender-flow-wrap{padding:clamp(1rem,3vw,2rem);border-radius:28px;background:linear-gradient(180deg,rgba(231,248,241,.86),rgba(255,255,255,.94)),var(--bg);border:1px solid var(--border);box-shadow:var(--shadow)}.surrender-flow{display:grid;gap:1rem;max-width:1100px;margin:0 auto}.surrender-step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;background:#fff;border:1px solid var(--border);border-radius:18px;padding:1rem;box-shadow:0 8px 22px rgba(4,16,11,.08)}.surrender-step:not(:last-child)::after{content:"↓";position:absolute;left:50%;bottom:-1.55rem;transform:translateX(-50%);width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:950;box-shadow:0 0 0 5px rgba(3,152,158,.13);z-index:2}.surrender-step-icon{width:3.25rem;height:3.25rem;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(108,246,246,.45),transparent 32%),linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:1.45rem;box-shadow:0 10px 24px rgba(4,16,11,.18)}.surrender-decision-card{width:min(100%,420px);min-height:150px;margin:1.45rem auto 0;display:grid;place-items:center;text-align:center;padding:1.5rem;border-radius:28px;background:linear-gradient(135deg,rgba(3,152,158,.16),rgba(233,221,166,.22)),#fff;border:2px solid rgba(3,152,158,.28);box-shadow:var(--shadow)}.surrender-outcomes{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:1rem;margin-top:1.5rem}.surrender-outcome{position:relative;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.2rem;box-shadow:var(--shadow)}.surrender-outcome::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--green),var(--green-dark))}.surrender-outcome.more::before{background:linear-gradient(90deg,var(--gold),var(--cream))}.surrender-outcome.waiting::before{background:linear-gradient(90deg,var(--warn),var(--gold))}.surrender-route-label{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .7rem;padding:.28rem .65rem;border-radius:999px;background:var(--mint);color:var(--green-dark);font-size:.82rem;font-weight:950}.surrender-accordion{display:grid;gap:.8rem}.surrender-accordion-item{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.surrender-accordion-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:0;background:#fff;color:var(--deep);font:inherit;font-weight:950;text-align:left;cursor:pointer}.surrender-accordion-button span:last-child{font-size:1.3rem;color:var(--green);transition:transform .2s ease}.surrender-accordion-content{display:none;padding:0 1.15rem 1.15rem;color:var(--muted)}.surrender-accordion-item.open .surrender-accordion-content{display:block}.surrender-accordion-item.open .surrender-accordion-button span:last-child{transform:rotate(45deg)}.surrender-contact-card{background:radial-gradient(circle at 92% 12%,rgba(108,246,246,.22),transparent 28%),linear-gradient(135deg,var(--green-dark),var(--deep));color:#fff}.surrender-contact-card h2,.surrender-contact-card h3,.surrender-contact-card p,.surrender-contact-card li,.surrender-contact-card a{color:#fff}.surrender-small-text{font-size:.92rem;color:var(--muted)}.surrender-hidden-count{font-weight:950;color:var(--green-dark)}
@media(max-width:1050px){.surrender-four-grid,.surrender-grid,.surrender-animal-grid,.surrender-outcomes{grid-template-columns:repeat(2,minmax(240px,1fr))}.surrender-two-col{grid-template-columns:1fr}.surrender-section-header{align-items:flex-start;flex-direction:column}.surrender-quick-nav{position:static}}
@media(max-width:650px){.surrender-actions{flex-direction:column}.surrender-button,.surrender-button-secondary,.surrender-button-gold,.surrender-button-outline{width:100%}.surrender-four-grid,.surrender-grid,.surrender-animal-grid,.surrender-outcomes{grid-template-columns:1fr}.surrender-step{grid-template-columns:1fr;text-align:center}.surrender-step-icon{margin:0 auto}.surrender-choice-list label,.surrender-checker-list label{grid-template-columns:1fr}.surrender-hero{border-radius:22px;padding:1.5rem}}


/* v0.0.7 Beta fun + interactive upgrades
   Reusable components to bring every page closer to the Adoptions look. */
:focus-visible{outline:4px solid rgba(3,152,158,.35);outline-offset:4px;border-radius:12px}

.card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(4,16,11,.12);border-color:rgba(3,152,158,.32)}
.card:active{transform:translateY(-1px)}

.hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.85rem}
.hero-badges span{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .68rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:900;font-size:.88rem}

.snapshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.snapshot-card{position:relative;overflow:hidden;border-top:6px solid var(--green)}
.snapshot-card::after{content:"";position:absolute;right:-46px;top:-46px;width:150px;height:150px;border-radius:50%;background:rgba(3,152,158,.10)}
.snapshot-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle at 30% 20%,rgba(108,246,246,.45),transparent 35%),linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:1.4rem;box-shadow:0 10px 22px rgba(4,16,11,.14);margin-bottom:.6rem}

.hugo-before-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.hugo-before-photo{margin:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(4,16,11,.08)}
.hugo-before-photo img{display:block;width:100%;height:220px;object-fit:cover}
.hugo-before-photo figcaption{padding:.75rem .85rem;color:var(--muted);font-weight:700;font-size:.92rem;line-height:1.45}
.primate-sponsor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.primate-sponsor-card{display:flex;flex-direction:column;gap:.85rem}
.primate-sponsor-card h2,.primate-sponsor-card h3{margin:0}
.primate-sponsor-card p{margin:.15rem 0}
.primate-sponsor-card .dbox-donation-page-button{display:inline-flex!important;align-items:center;gap:8px!important;margin:1rem auto 1.25rem 0!important}
.primate-sponsor-card .dbox-donation-page-button img{width:22px;height:auto;display:block}

.fun-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.fun-step{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.4rem;background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.1rem;box-shadow:0 12px 32px rgba(4,16,11,.08)}
.fun-step span{width:2.25rem;height:2.25rem;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:950;box-shadow:0 0 0 5px rgba(3,152,158,.13)}
.fun-step h3{margin:.35rem 0 0;color:var(--deep);font-size:1.15rem}
.fun-step p{margin:0;color:var(--muted);font-weight:650}
.fun-step::after{content:"";position:absolute;right:-56px;bottom:-56px;width:160px;height:160px;border-radius:50%;background:rgba(194,184,105,.14)}

.accordion{display:grid;gap:.8rem}
.accordion-item{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(4,16,11,.08)}
.accordion-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:0;background:#fff;color:var(--deep);font:inherit;font-weight:950;text-align:left;cursor:pointer}
.accordion-button span:last-child{font-size:1.3rem;color:var(--green);transition:transform .2s ease}
.accordion-content{display:none;padding:0 1.15rem 1.15rem;color:var(--muted)}
.accordion-item.open .accordion-content{display:block}
.accordion-item.open .accordion-button span:last-child{transform:rotate(45deg)}

.impact-shell{padding:clamp(1.2rem,2vw,2rem);border-radius:32px;background:radial-gradient(circle at 100% 0,rgba(194,184,105,.18),transparent 30%),linear-gradient(135deg,#f5fffb,#fff);border:1px solid rgba(3,152,158,.18);box-shadow:var(--shadow)}
.impact-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:1rem;align-items:stretch}
.impact-choices{display:flex;flex-wrap:wrap;gap:.6rem;margin:.85rem 0 0}
.impact-choice{border:1px solid var(--border);border-radius:999px;padding:.7rem 1rem;background:#fff;color:var(--deep);font-weight:950;cursor:pointer}
.impact-choice.active{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border-color:rgba(108,246,246,.5)}
.impact-range{width:min(100%,520px);margin-top:1rem}
.impact-result{position:relative;overflow:hidden;border-radius:28px;padding:1.4rem;background:radial-gradient(circle at 90% 8%,rgba(108,246,246,.18),transparent 30%),linear-gradient(135deg,var(--green-dark),var(--deep));color:#fff;box-shadow:0 22px 52px rgba(4,16,11,.22)}
.impact-result *{color:#fff}
.impact-amount{margin:0;font-size:clamp(2.6rem,4.2vw,4rem);line-height:1}
.impact-list{margin:.85rem 0 0;padding-left:1.1rem}
.impact-list li{font-weight:750;color:rgba(255,255,255,.92)}

.copy-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.copy-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.55rem .85rem;border-radius:999px;border:1px solid rgba(3,152,158,.22);background:var(--mint);color:var(--green-dark);font-weight:950;cursor:pointer}
.copy-button:disabled{opacity:.7;cursor:not-allowed}

.donation-form-card dbox-widget,
.donation-form-card iframe[name="donorbox"]{
  display:block;
  width:100%!important;
  max-width:100%!important;
}
.donation-form-card .dbox-donation-page-button{
  display:inline-flex!important;
  align-items:center;
  gap:8px!important;
}
.donation-form-card .dbox-donation-page-button img{
  width:22px;
  height:auto;
  display:block;
}

@media(max-width:1020px){.snapshot-grid,.fun-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-grid{grid-template-columns:1fr}}
@media(max-width:760px){.snapshot-grid,.fun-timeline{grid-template-columns:1fr}}
@media(max-width:980px){.primate-sponsor-grid{grid-template-columns:1fr}}
@media(max-width:760px){.hugo-before-grid{grid-template-columns:1fr}.hugo-before-photo img{height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover,.card:active{transform:none}.accordion-button span:last-child{transition:none}}


/* v0.0.8 Beta shared layout extras */
.top-strip{position:relative;z-index:110}
.top-strip .wrap.top-strip-inner{display:flex;justify-content:space-between;align-items:center;gap:.85rem;flex-wrap:wrap;padding:.5rem 0}
.top-strip-links{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.top-strip-actions a,.social-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.45rem .75rem;border-radius:999px;text-decoration:none;font-weight:900}
.top-strip-actions a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.top-strip-actions a:hover,.top-strip-actions a:focus-visible{background:rgba(255,255,255,.16)}
.social-link{min-width:34px;min-height:34px;padding:.45rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff!important}
.social-link svg{width:16px;height:16px;display:block}
.social-link:hover,.social-link:focus-visible{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4)}
.social-label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.footer-partners{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14)}
.footer-partners a{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);text-decoration:none}
.partner-logo{display:block;width:min(100%,220px);height:96px;object-fit:contain;margin:0 auto 1rem}
.site-footer iframe{background:#fff;border-radius:20px}
.site-footer .onesignal-customlink-container{margin-top:.5rem}
@media(max-width:760px){.top-strip .wrap.top-strip-inner{justify-content:center}.top-strip-links{justify-content:center}.footer-partners{justify-content:center;text-align:center}}


/* v0.0.9 Beta enhanced mega menu visuals and information hierarchy */
.main-nav .mega-trigger{
  transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.main-nav .mega.open .mega-trigger{
  background:linear-gradient(135deg,#f4fef9,#e6fbf3);
  color:#026f74;
  box-shadow:0 10px 22px rgba(4,16,11,.12);
}
.main-nav .mega-panel.mega-panel-single{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.main-nav .mega-panel.mega-panel-single .mega-group{
  position:relative;
  overflow:hidden;
  padding:1.2rem;
  border-radius:24px;
  border:1px solid rgba(3,152,158,.23);
  background:linear-gradient(180deg,#ffffff 0%,#eefcf6 100%);
  box-shadow:0 22px 44px rgba(4,16,11,.17);
}
.main-nav .mega-panel.mega-panel-single .mega-group::after{
  content:"";
  position:absolute;
  right:-62px;
  top:-62px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:rgba(3,152,158,.12);
}
.main-nav .mega-panel.mega-panel-support .mega-group{
  border-color:rgba(194,184,105,.4);
  background:radial-gradient(circle at 94% 7%,rgba(233,221,166,.24),transparent 28%),linear-gradient(180deg,#ffffff 0%,#fff8e5 100%);
}
.main-nav .mega-panel.mega-panel-information .mega-group{
  border-color:rgba(3,152,158,.26);
  background:radial-gradient(circle at 94% 7%,rgba(108,246,246,.17),transparent 28%),linear-gradient(180deg,#ffffff 0%,#eaf7ff 100%);
}
.main-nav .mega-kicker{
  display:inline-flex;
  align-items:center;
  margin:0 0 .45rem;
  padding:.3rem .65rem;
  border-radius:999px;
  background:rgba(3,152,158,.13);
  color:#026f74;
  font-size:.76rem;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.main-nav .mega-panel.mega-panel-support .mega-kicker{
  background:rgba(194,184,105,.26);
  color:#4f4313;
}
.main-nav .mega-panel.mega-panel-information .mega-kicker{
  background:rgba(3,152,158,.14);
  color:#0f4560;
}
.main-nav .mega-group h3{
  margin:.1rem 0 .45rem;
  font-size:1.35rem;
  line-height:1.2;
}
.main-nav .mega-intro{
  margin:0;
  color:#304a3f;
  font-size:.94rem;
  font-weight:700;
  line-height:1.5;
}
.main-nav .mega-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin:.78rem 0 .82rem;
}
.main-nav .mega-pill{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:.23rem .62rem;
  border-radius:999px;
  border:1px solid rgba(3,152,158,.23);
  background:rgba(255,255,255,.85);
  color:#026f74;
  font-size:.79rem;
  font-weight:900;
}
.main-nav .mega-panel.mega-panel-support .mega-pill{
  border-color:rgba(194,184,105,.52);
  color:#4b3f11;
}
.main-nav .mega-panel.mega-panel-single .mega-card{
  position:relative;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:.2rem .82rem;
  align-items:start;
  margin:.4rem 0 0;
  padding:.85rem .9rem;
  border-radius:16px;
  border:1px solid rgba(3,152,158,.2);
  background:rgba(255,255,255,.93);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.main-nav .mega-panel.mega-panel-single .mega-card::before{
  content:attr(data-icon);
  grid-column:1;
  grid-row:1 / span 2;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,#03989e,#026f74);
  color:#ffffff;
  font-size:.74rem;
  font-weight:950;
  letter-spacing:.03em;
  box-shadow:0 10px 22px rgba(3,152,158,.23);
}
.main-nav .mega-panel.mega-panel-support .mega-card::before{
  background:linear-gradient(135deg,#c2b869,#8b7d28);
}
.main-nav .mega-panel.mega-panel-information .mega-card::before{
  background:linear-gradient(135deg,#03989e,#115b7c);
}
.main-nav .mega-panel.mega-panel-single .mega-card::after{
  content:"->";
  grid-column:3;
  grid-row:1;
  align-self:start;
  color:#026f74;
  font-size:.8rem;
  font-weight:900;
  opacity:.72;
}
.main-nav .mega-panel.mega-panel-support .mega-card::after{
  color:#6e5b11;
}
.main-nav .mega-panel.mega-panel-single .mega-card strong{
  grid-column:2;
  margin:0;
  line-height:1.25;
}
.main-nav .mega-panel.mega-panel-single .mega-card span{
  grid-column:2;
  margin-top:.1rem;
  width:100%;
  line-height:1.45;
}
.main-nav .mega-panel.mega-panel-single .mega-card:hover,
.main-nav .mega-panel.mega-panel-single .mega-card:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(3,152,158,.42);
  background:#ffffff;
  box-shadow:0 15px 30px rgba(4,16,11,.12);
}
.main-nav .mega-panel.mega-panel-support .mega-card:hover,
.main-nav .mega-panel.mega-panel-support .mega-card:focus-visible{
  border-color:rgba(194,184,105,.58);
}
@media(min-width:761px){
  .main-nav .mega-panel.mega-panel-single{
    max-height:calc(100vh - 170px);
    overflow:auto;
  }
}
@media(max-width:760px){
  .main-nav .mega-panel.mega-panel-single .mega-group{
    padding:1rem;
    border-radius:20px;
  }
  .main-nav .mega-panel.mega-panel-single .mega-card{
    grid-template-columns:36px minmax(0,1fr);
    gap:.2rem .68rem;
    padding:.78rem .78rem;
  }
  .main-nav .mega-panel.mega-panel-single .mega-card::before{
    width:36px;
    height:36px;
    border-radius:11px;
    font-size:.71rem;
  }
  .main-nav .mega-panel.mega-panel-single .mega-card::after{
    display:none;
  }
}


/* v0.0.11 Beta 90% viewport layout and footer refresh */
.wrap,
main.wrap{width:90%;max-width:none;margin-inline:auto}
.site-footer{
  padding-top:clamp(2.8rem,4.5vw,4.2rem);
  padding-bottom:1.4rem;
  background:radial-gradient(circle at 0 0,rgba(108,246,246,.12),transparent 28%),radial-gradient(circle at 100% 100%,rgba(194,184,105,.14),transparent 30%),linear-gradient(180deg,#062016 0%,#0d2f23 100%);
}
.footer-shell{display:grid;gap:1.4rem}
.footer-grid{grid-template-columns:minmax(320px,1.45fr) repeat(3,minmax(0,1fr));gap:1rem}
.footer-panel{padding:1.25rem;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 20px 40px rgba(0,0,0,.18)}
.footer-panel h2,.footer-panel h3{margin:.2rem 0 .65rem;color:#fff;line-height:1.2}
.footer-panel p{margin:.45rem 0 0;color:rgba(234,247,239,.9)}
.footer-panel-brand{background:radial-gradient(circle at 100% 0,rgba(108,246,246,.12),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04))}
.footer-kicker{margin:0;color:var(--cream)!important;text-transform:uppercase;letter-spacing:.09em;font-size:.78rem;font-weight:950}
.footer-chip-row,.footer-link-list,.footer-social-row{display:flex;flex-wrap:wrap;gap:.65rem}
.footer-chip-row{margin-top:1rem}
.footer-chip{display:inline-flex;align-items:center;min-height:34px;padding:.45rem .75rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:850}
.footer-link-list{margin-top:1rem}
.footer-pill-link{display:inline-flex;align-items:center;min-height:42px;padding:.65rem .95rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff!important;text-decoration:none;font-weight:900;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.footer-pill-link:hover,.footer-pill-link:focus-visible{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);transform:translateY(-1px)}
.footer-lower{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.95fr);gap:1rem;align-items:start}
.footer-partners,.footer-social-block{padding:1rem 1.1rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}
.footer-partners{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:0;padding-top:1rem}
.footer-social-block{display:grid;gap:.8rem}
.footer-social-block strong,.footer-partners strong{color:#fff}
.footer-partner-pill{display:inline-flex;align-items:center;gap:.6rem;min-height:48px;padding:.45rem .8rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff!important;text-decoration:none}
.footer-partner-pill img{width:34px;height:34px;object-fit:contain;border-radius:999px;background:#fff;padding:.2rem}
.footer-partner-pill span{color:#fff;font-weight:850}
.footer-social-row .social-link{min-width:42px;min-height:42px;background:rgba(255,255,255,.08)}
.fineprint{margin-top:0;padding-top:1rem;display:grid;gap:.35rem}
.fineprint p{margin:0;color:#d9ece2}
.fineprint a{color:#fff}
@media(max-width:1180px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-lower{grid-template-columns:1fr}}
@media(max-width:760px){.wrap,main.wrap{width:calc(100% - 24px)}.footer-grid{grid-template-columns:1fr}.footer-panel,.footer-partners,.footer-social-block{padding:1rem}.footer-link-list,.footer-chip-row,.footer-social-row{gap:.55rem}.footer-partners{justify-content:flex-start;text-align:left}}


/* v0.0.12 Beta APES-style drawer navigation port */
body.nav-open{overflow:hidden}
.site-header{position:sticky;top:0;overflow:visible;z-index:320;isolation:isolate}
.header-inner{position:relative;align-items:center}
.main-nav-shell{display:flex;align-items:center;position:relative;z-index:0}
.main-nav-shell.open{position:relative;z-index:1030}
.nav-toggle,.nav-close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:.78rem 1.05rem;
  border:1px solid rgba(3,152,158,.18);
  border-radius:999px;
  background:linear-gradient(135deg,var(--green),var(--green-dark));
  color:#fff;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(4,16,11,.14);
}
.nav-close{
  background:#fff;
  color:var(--deep);
  box-shadow:none;
}
.nav-overlay{
  position:fixed;
  inset:0;
  background:rgba(6,32,22,.48);
  backdrop-filter:blur(4px);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
  z-index:1030;
}
.main-nav-shell.open .nav-overlay{
  opacity:1;
  pointer-events:auto;
}
.main-nav-panel{position:relative;z-index:1040}
.main-nav-mobile-head{display:none}
.main-nav{
  display:flex;
  align-items:center;
  gap:.25rem;
}
.main-nav>ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:.2rem;
}
.main-nav li{list-style:none}
.main-nav a,
.main-nav .mega-trigger{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  min-height:42px;
  padding:.7rem .85rem;
  border-radius:999px;
  text-decoration:none;
  color:var(--deep);
  font-weight:900;
  background:transparent;
  border:0;
  font:inherit;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.main-nav a:hover,
.main-nav a:focus-visible,
.main-nav .mega-trigger:hover,
.main-nav .mega-trigger:focus-visible,
.main-nav .mega-details[open]>.mega-trigger{
  background:var(--mint);
  color:var(--green-dark);
}
.mega-details{position:static}
.mega-details>summary{list-style:none}
.mega-details>summary::-webkit-details-marker{display:none}
.mega-panel{
  display:none;
  position:absolute;
  left:50%;
  top:calc(100% + 10px);
  transform:translateX(-50%);
  width:min(680px,calc(100vw - 40px));
  max-height:calc(100vh - 170px);
  overflow:auto;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  z-index:260;
}
.mega-details[open]>.mega-panel{display:block}
.main-nav .mega-details[open]>.mega-panel.mega-panel-single{display:block}
.main-nav .mega-panel.mega-panel-single .mega-group::before{
  content:"";
  position:absolute;
  left:50%;
  top:-12px;
  width:18px;
  height:18px;
  background:inherit;
  border-top:1px solid rgba(3,152,158,.23);
  border-left:1px solid rgba(3,152,158,.23);
  transform:translateX(-50%) rotate(45deg);
}
.main-nav .mega-panel.mega-panel-support .mega-group::before{
  border-top-color:rgba(194,184,105,.4);
  border-left-color:rgba(194,184,105,.4);
}
.main-nav .mega-panel.mega-panel-information .mega-group::before{
  border-top-color:rgba(3,152,158,.26);
  border-left-color:rgba(3,152,158,.26);
}

body.nav-widgets-suppressed dbox-widget,
body.nav-widgets-suppressed iframe[name="donorbox"],
body.nav-widgets-suppressed .chatwoot-container,
body.nav-widgets-suppressed #chatwoot_live_chat_widget,
body.nav-widgets-suppressed .onesignal-customlink-container{
  visibility:hidden!important;
  pointer-events:none!important;
}

@media(min-width:981px){
  .nav-toggle{display:none}
  .main-nav-shell{position:static}
  .main-nav-panel{position:static}
  .main-nav-mobile-head{display:none}
  .main-nav .mega{position:static}
}

@media(max-width:980px){
  .header-inner{min-height:auto}
  .nav-toggle{display:inline-flex}
  .main-nav-shell{
    display:none;
    position:static;
    z-index:0;
  }
  .main-nav-shell:not(.open) .nav-overlay,
  .main-nav-shell:not(.open) .main-nav-panel{
    visibility:hidden;
    pointer-events:none;
  }
  .main-nav-shell.open{
    position:fixed;
    inset:var(--mobile-nav-top,0) 0 0;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    padding:.5rem .5rem 1rem;
    z-index:1040;
  }
  .nav-overlay{
    inset:var(--mobile-nav-top,0) 0 0;
    z-index:1030;
  }
  .main-nav-panel{
    position:relative;
    width:min(100%,42rem);
    max-height:calc(100dvh - var(--mobile-nav-top,0px) - 1rem);
    padding:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:linear-gradient(180deg,#ffffff 0%,#eef8f3 100%);
    border:1px solid rgba(3,152,158,.16);
    border-radius:1.35rem;
    box-shadow:0 26px 70px rgba(10,38,38,.24);
    transform:translateY(.8rem);
    opacity:0;
    transition:transform .24s ease,opacity .24s ease;
    z-index:1040;
    pointer-events:none;
    visibility:hidden;
  }
  .main-nav-shell.open .main-nav-panel{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
    visibility:visible;
  }
  .main-nav-mobile-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:.85rem .95rem .7rem;
    border-bottom:1px solid rgba(3,152,158,.1);
    background:linear-gradient(90deg,rgba(231,251,244,.82),rgba(255,255,255,.96));
  }
  .main-nav-mobile-head p{
    margin:0;
    color:var(--deep);
    font-size:.95rem;
    font-weight:950;
    letter-spacing:.04em;
    text-transform:uppercase;
  }
  .main-nav{
    display:block;
    min-height:0;
    overflow:hidden;
    padding-right:0;
  }
  .main-nav>ul{
    display:grid;
    gap:.7rem;
    max-height:calc(100dvh - var(--mobile-nav-top,0px) - 5.25rem);
    overflow-y:auto;
    padding:.8rem;
    overscroll-behavior:contain;
  }
  .main-nav a,
  .main-nav .mega-trigger{
    width:100%;
    justify-content:flex-start;
    min-height:48px;
    padding:.9rem 1rem;
    border:1px solid rgba(3,152,158,.14);
    background:rgba(255,255,255,.96);
    box-shadow:0 10px 24px rgba(4,16,11,.06);
  }
  .main-nav .mega-trigger{
    position:relative;
    padding-right:3.2rem;
  }
  .main-nav .mega-details{
    display:grid;
    gap:.45rem;
  }
  .main-nav .mega-trigger span[aria-hidden="true"]{
    position:absolute;
    right:1rem;
    top:50%;
    transform:translateY(-50%);
    font-size:1.15rem;
    line-height:1;
  }
  .main-nav .mega-details[open]>.mega-trigger span[aria-hidden="true"]{
    transform:translateY(-50%) rotate(180deg);
  }
  .mega-panel{
    position:static;
    left:auto;
    top:auto;
    transform:none;
    width:100%;
    max-height:none;
    overflow:visible;
    margin-top:.45rem;
    padding:.9rem;
    border-radius:1.05rem;
    box-shadow:0 14px 34px rgba(17,42,42,.1);
  }
  .main-nav .mega-panel.mega-panel-single .mega-group::before{display:none}
  .main-nav .mega-panel.mega-panel-single .mega-group{
    padding:1rem;
    border-radius:22px;
  }
  .main-nav .mega-panel.mega-panel-single .mega-card{
    grid-template-columns:36px minmax(0,1fr);
  }
  .main-nav .mega-panel.mega-panel-single .mega-card::after{display:none}
}


/* v0.0.17 Beta shared header, footer and navigation alignment hardening */
@media(min-width:981px){
  .main-nav .mega-panel{
    top:var(--mega-panel-top,calc(100% + 10px));
    width:min(680px,calc(100% - 2rem));
    max-width:calc(100vw - 2rem);
  }
  .main-nav .mega-panel.mega-panel-single{
    width:min(680px,calc(100% - 2rem));
    max-width:calc(100vw - 2rem);
  }
}

@media(max-width:980px){
  .main-nav-shell.open{
    overscroll-behavior:contain;
  }
  .main-nav-panel{
    width:min(calc(100% - 1rem),42rem);
  }
}

/* v0.0.18 Beta mobile navigation close and reopen state fix */
@media(max-width:980px){
  .site-header .main-nav-shell:not(.open){
    display:none;
  }
  .site-header .main-nav-shell:not(.open) .nav-overlay,
  .site-header .main-nav-shell:not(.open) .main-nav-panel{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
  .site-header .main-nav-shell.open{
    display:flex;
    padding:.25rem .5rem 1rem;
  }
}

/* v0.0.19 Beta mobile navigation spacing refinement */
@media(max-width:980px){
  body.nav-open .site-header{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .site-header .header-inner{
    padding-bottom:.45rem;
  }
  .site-header .main-nav-shell.open{
    padding:.35rem .5rem 1rem;
  }
}

/* v0.0.20 Beta donation CTA and development notice */
.main-nav a.nav-donate-cta{
  background:linear-gradient(135deg,#f17452,#8c4b35);
  color:#fff!important;
  box-shadow:0 14px 28px rgba(140,75,53,.22);
  border:1px solid rgba(255,255,255,.28);
}
.main-nav a.nav-donate-cta:hover,
.main-nav a.nav-donate-cta:focus-visible{
  background:linear-gradient(135deg,#ff8662,#9b553d);
  color:#fff!important;
  transform:translateY(-1px);
}
.development-notice{
  margin-top:1rem;
}
.development-notice .wrap{
  width:90%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  padding:.9rem 1rem;
  border-radius:18px;
  background:#dff4ee;
  border:1px solid rgba(3,152,158,.24);
  color:#063229;
  font-weight:900;
}
.development-notice .small-button,
.live-chat-button{
  border:0;
  cursor:pointer;
  font:inherit;
}
.development-modal{
  position:fixed;
  inset:0;
  z-index:2200;
  display:grid;
  place-items:center;
  padding:1rem;
}
body.development-modal-open{
  overflow:hidden;
}
.development-modal[hidden]{
  display:none;
}
.development-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(6,32,22,.58);
  backdrop-filter:blur(3px);
}
.development-modal-card{
  position:relative;
  z-index:1;
  width:min(100%,540px);
  padding:clamp(1.3rem,3vw,2rem);
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(3,152,158,.18);
  box-shadow:0 28px 80px rgba(4,16,11,.28);
}
.development-modal-close{
  position:absolute;
  top:1rem;
  right:1rem;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(3,152,158,.2);
  background:#fff;
  color:var(--green-dark);
  font-size:1.45rem;
  line-height:1;
  cursor:pointer;
}
.development-modal-kicker{
  margin:0 3rem .55rem 0;
  color:var(--green);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.78rem;
  font-weight:950;
}
.development-modal-card h2{
  margin:.15rem 3rem .8rem 0;
  color:var(--green-dark);
  font-size:clamp(1.6rem,3.4vw,2rem);
  line-height:1.12;
}
.development-modal-card p{
  color:#263a31;
  font-size:1rem;
}
.development-modal-actions{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-top:1.35rem;
}
.development-chat-cta{
  background:linear-gradient(135deg,#f17452,#d85f42);
}
@media(max-width:980px){
  .main-nav a.nav-donate-cta{
    justify-content:center;
  }
}
@media(max-width:560px){
  .development-notice .wrap{
    align-items:stretch;
  }
  .development-notice .small-button,
  .development-modal-actions .button,
  .development-modal-actions .button-outline{
    width:100%;
  }
  .development-modal-card{
    border-radius:18px;
  }
}