/* Shared navigation and footer improvements */
.page-head .site-nav{color:#202622;text-shadow:none}
.page-head .nav-links .support{background:#171c19;color:#fff}
.footer-site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:21px 0 2px;margin-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:600}
.footer-site-nav a{color:#e1eee7;text-underline-offset:5px}
.footer-site-nav a:hover,.footer-site-nav a:focus-visible{color:#77ddb0;text-decoration:underline}
.footer-site-nav .support{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;background:#fff;color:#15221c;border:1px solid #fff}
.footer-site-nav .support:hover,.footer-site-nav .support:focus-visible{background:#77ddb0;color:#09271d;border-color:#77ddb0;text-decoration:none}
.footer-links a::after{content:"";display:inline-block;width:.42em;height:.42em;margin:0 0 .08em .42em;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);vertical-align:middle}
#resources h2,.approach h2,.support-section h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.04em}
#resources .resource-coming-soon{opacity:.5;border-style:dashed;cursor:default;transition:opacity .18s}
#resources .resource-coming-soon:hover,#resources .resource-coming-soon:focus-visible{opacity:.58;transform:none;border-style:dashed}
#resources .resource-coming-soon .destination{opacity:.8}
.article-categories a{color:#146b4c}
.article-browse .eyebrow,.article-browse>p,.article-browse>span{color:#146b4c}
.article-page{overflow-x:clip}
.article-body:has(.article-gift){padding-bottom:0}
.article-body .article-gift{position:relative;left:50%;width:100vw;max-width:none;transform:translateX(-50%);margin:2.6em 0 0;padding:50px 24px;background:#1a1117;border-top:1px solid #ff789f55;color:#fff;text-align:center;font:16px/1.65 Arial,Helvetica,sans-serif}
.article-gift-inner{width:min(740px,100%);margin:0 auto}
.article-gift p{max-width:680px;margin:0 auto 22px;color:#f5e9ee}
.article-gift .article-gift-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;background:#ff1662;border:2px solid #ff1662;color:#fff;font:700 15px/1 Arial,Helvetica,sans-serif;text-decoration:none;transition:background .18s,border-color .18s}
.article-gift .article-gift-button:hover{background:#ff4583;border-color:#ff4583;color:#fff}
@media(max-width:760px){
  .site-nav{position:relative}
  .menu-toggle{display:grid!important;place-items:center;position:relative;z-index:5;margin-left:auto;width:46px;height:44px;padding:0!important;border:1px solid currentColor!important;border-radius:3px!important;background:transparent!important;color:inherit!important;font-size:0!important;line-height:0}
  .menu-toggle span{display:none!important}
  .menu-toggle:before{content:"";display:block;width:22px;height:18px;background:linear-gradient(currentColor,currentColor) 0 0/22px 2px no-repeat,linear-gradient(currentColor,currentColor) 0 8px/22px 2px no-repeat,linear-gradient(currentColor,currentColor) 0 16px/22px 2px no-repeat}
  .menu-toggle[aria-expanded="true"]:before{background:linear-gradient(currentColor,currentColor) 0 0/22px 2px no-repeat,linear-gradient(currentColor,currentColor) 0 8px/22px 2px no-repeat,linear-gradient(currentColor,currentColor) 0 16px/22px 2px no-repeat}
  .page-head .site-nav{color:#202622}
  .page-head .nav-links{padding:12px 0 8px!important;border-top:1px solid #d9e0dc}
  .page-head .nav-links a{min-height:48px;padding:14px 12px!important;color:#202622!important;text-align:center!important}
  .page-head .nav-links a:hover,.page-head .nav-links a:focus-visible{background:#eaf2ed!important;border-color:transparent!important;color:#126b49!important}
  .page-head .nav-links .support,.page-head .nav-links .support[aria-current=page]{margin:4px 0 0!important;background:#171c19!important;color:#fff!important;border-color:#171c19!important}
  .page-head .nav-links .support:hover,.page-head .nav-links .support:focus-visible{background:#303934!important;color:#fff!important}
  .hero .site-nav,.donate-hero .site-nav{color:#fff}
  .hero .menu-toggle,.donate-hero .menu-toggle{color:#fff!important;border-color:#ffffff9c!important}
  .hero .nav-links,.donate-hero .nav-links{padding:12px 0 8px!important}
  .hero .nav-links a,.donate-hero .nav-links a{min-height:48px;padding:14px 12px!important;color:#fff!important;text-align:center!important}
  .hero .nav-links .support,.donate-hero .nav-links .support{margin:4px 0 0!important;background:#fff!important;color:#151815!important;border-color:#fff!important}
  .footer-site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;padding-top:16px;margin-top:17px}
  .footer-site-nav a{padding:12px 4px}
  .footer-site-nav .support{justify-self:start;margin:5px 0 0;padding:0 15px}
  .article-body .article-gift{padding:38px 20px}
}

/* Compact Resources submenu shared by the primary and chart navigation. */
#primary-navigation>.nav-primary-link{white-space:nowrap;text-transform:none}
#primary-navigation>.nav-resources{position:relative;display:flex;align-items:center}
.nav-resources-row{display:flex;align-items:center}
.resources-toggle{display:inline-grid;place-items:center;width:24px;height:34px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.resources-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.nav-resources.open .resources-toggle svg{transform:rotate(180deg)}
.resources-menu{position:absolute;z-index:40;top:100%;right:0;display:grid;min-width:238px;padding:7px;background:#fff;color:#17241d;border:1px solid #d9e3dc;box-shadow:0 12px 28px rgba(11,30,20,.14)}
.resources-menu[hidden]{display:none}
.resources-menu a{display:flex;align-items:center;min-height:42px;padding:10px 13px;color:inherit;text-decoration:none;font-size:14px;line-height:1.3;white-space:nowrap}
.resources-menu a:hover,.resources-menu a:focus-visible{background:#edf5ef;color:#126d4b;text-decoration:none}
.resources-menu .resource-library-link{border-bottom:1px solid #dfe8e2;margin-bottom:4px;font-weight:700;color:#126d4b}
.resources-menu a[aria-current=page]{background:#edf5ef;color:#126d4b;font-weight:700}
.hero .resources-menu,.donate-hero .resources-menu{background:#12231b;color:#f2f8f4;border-color:#42604d;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.hero .resources-menu .resource-library-link,.donate-hero .resources-menu .resource-library-link{color:#8ce2b3;border-color:#456351}
.hero .resources-menu a:hover,.hero .resources-menu a:focus-visible,.donate-hero .resources-menu a:hover,.donate-hero .resources-menu a:focus-visible{background:#203b2c;color:#fff}
.hero .resources-menu a[aria-current=page],.donate-hero .resources-menu a[aria-current=page]{background:#203b2c;color:#a4e8bf}
.resources-toggle:focus-visible{outline:2px solid #12a771;outline-offset:2px}
.gpi-navigation #primary-navigation>.nav-primary-link{text-transform:none}
.gpi-navigation #primary-navigation .resources-toggle{font-size:14px}
.gpi-navigation .resources-menu{top:calc(100% + 2px)}
@media(max-width:760px){
  #primary-navigation>.nav-resources{display:flex;flex-direction:column;align-items:stretch;width:100%}
  .nav-resources-row{width:100%;min-height:48px}
  .nav-resources-row>.resources-link{flex:1;min-width:0}
  .resources-toggle{flex:none;width:48px;height:48px}
  .resources-menu{position:static;width:100%;min-width:0;padding:5px 10px 9px;border:0;border-top:1px solid #d9e3dc;box-shadow:none;background:#f5f8f6}
  .resources-menu a{min-height:46px;padding:12px;white-space:normal;text-align:center;justify-content:center}
  .resources-menu .resource-library-link{padding-left:18px}
  .hero .resources-menu,.donate-hero .resources-menu{background:rgba(5,22,15,.48);border-color:#ffffff38}
  .hero .resources-menu a:hover,.hero .resources-menu a:focus-visible,.donate-hero .resources-menu a:hover,.donate-hero .resources-menu a:focus-visible{background:#ffffff16}
  .gpi-navigation #primary-navigation{display:flex;justify-content:flex-start;gap:15px}
  .gpi-navigation #primary-navigation>.nav-resources{width:auto;align-items:center}
  .gpi-navigation .resources-menu{position:absolute;top:100%;width:max-content;min-width:210px;background:#fff;color:#17241d;box-shadow:0 12px 28px rgba(11,30,20,.14)}
  html[data-theme="dark"] .gpi-navigation .resources-menu{background:#191a1e;color:#f2f2f4;border-color:#47484d}
  html[data-theme="dark"] .gpi-navigation .resources-menu .resource-library-link{border-color:#45464a;color:#9be5bb}
  html[data-theme="dark"] .gpi-navigation .resources-menu a:hover,html[data-theme="dark"] .gpi-navigation .resources-menu a:focus-visible{background:#2d3034;color:#fff}
}
@media(prefers-reduced-motion:reduce){.resources-toggle svg{transition:none}}

@media(max-width:760px){
  #primary-navigation .resources-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px;padding:4px 6px 7px;border-top:1px solid #ffffff24;background:transparent}
  #primary-navigation .resources-menu[hidden]{display:none}
  #primary-navigation .resources-menu a{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:flex-start;padding:8px 9px;text-align:left;white-space:normal;font-size:13px;line-height:1.25;font-weight:500;color:rgba(255,255,255,.78);border:0;background:transparent}
  #primary-navigation .resources-menu a:hover,#primary-navigation .resources-menu a:focus-visible{background:rgba(37,151,99,.14);color:#fff}
  #primary-navigation .resources-menu a[aria-current=page]{color:#7fe0ae;background:rgba(37,151,99,.12);font-weight:700;text-decoration:underline;text-decoration-color:#31c27e;text-underline-offset:4px}
}

#primary-navigation>.nav-primary-link,.gpi-navigation #primary-navigation>.nav-primary-link{text-transform:none}

.resources-trigger{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:none;white-space:nowrap;cursor:pointer}
.resources-trigger:hover{text-decoration:underline;text-underline-offset:6px}
.resources-trigger:focus-visible{outline:2px solid #12a771;outline-offset:3px}
@media(max-width:760px){
  .page-head .nav-links .resources-trigger{display:block;width:100%;min-height:48px;padding:14px 12px!important;color:#202622!important;text-align:center!important;border:1px solid transparent!important;background:transparent!important}
  .page-head .nav-links .resources-trigger:hover,.page-head .nav-links .resources-trigger:focus-visible{background:#eaf2ed!important;color:#126b49!important;text-decoration:none}
  .hero .nav-links .resources-trigger,.donate-hero .nav-links .resources-trigger{display:block;width:100%;min-height:48px;padding:14px 12px!important;color:#fff!important;text-align:center!important;border:1px solid transparent!important;background:transparent!important}
  .hero .nav-links .resources-trigger:hover,.hero .nav-links .resources-trigger:focus-visible,.donate-hero .nav-links .resources-trigger:hover,.donate-hero .nav-links .resources-trigger:focus-visible{background:rgba(20,8,14,.18)!important;color:#fff!important;text-decoration:none}
}

.external-arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.external-arrow-icon path{vector-effect:non-scaling-stroke}

.external-arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.external-arrow-icon path{vector-effect:non-scaling-stroke}
