/* Flamingo Rovers local visual system, adapted from the AMR NOW reference. */
:root {
  --amr-blue: #2f6499;
  --amr-blue-dark: #0a45a0;
  --amr-teal: #008084;
  --amr-aqua: #58bbbc;
  --amr-gold: #ed9c1f;
  --amr-ink: #171717;
  --amr-mist: #f2f6f8;
  --amr-border: #dce8ed;
  --amr-serif: 'Quicksand', sans-serif;
  --amr-display: 'Oswald', sans-serif;
  --amr-nav: 'Raleway', sans-serif;
}

html,
body,
button,
input,
textarea,
select {
  font-family: var(--amr-serif) !important;
}

body {
  color: #25343d;
  background: #f7fafb;
  line-height: 1.7;
}

h1,
h2,
h3,
.section-title,
.page-title h1,
.hero h1,
.home-landing h1,
.blog-head h1,
.library-masthead h1,
.activity-detail-content h1 {
  color: var(--amr-blue) !important;
  font-family: var(--amr-display) !important;
  font-weight: 600 !important;
  letter-spacing: .025em !important;
}

.topbar,
.page-home .topbar,
body:has(.home-landing) .topbar {
  min-height: 82px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--amr-border) !important;
  box-shadow: 0 2px 12px rgba(20, 58, 82, .08) !important;
}

.topbar .brand strong,
.page-home .topbar .brand strong,
body:has(.home-landing) .topbar .brand strong {
  color: var(--amr-blue) !important;
  font-family: var(--amr-display) !important;
  font-size: 25px !important;
  font-weight: 600 !important;
  letter-spacing: .035em !important;
}

.topbar .brand em,
.page-home .topbar .brand em,
body:has(.home-landing) .topbar .brand em {
  color: var(--amr-teal) !important;
  font-family: var(--amr-nav) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
}

.topbar .site-nav>ul>li>a,
.topbar .site-nav>ul>li>button,
.page-home .topbar .site-nav>ul>li>a,
.page-home .topbar .site-nav>ul>li>button {
  color: #27495e !important;
  font-family: var(--amr-nav) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
}

/* The previous home-page rules use highly specific white-on-dark selectors.
   Re-state the resting state with the same scope for this white AMR header. */
html body.page-home .topbar .site-nav>ul>li>a,
html body.page-home .topbar .site-nav>ul>li>button,
html body:has(.home-landing) .topbar .site-nav>ul>li>a,
html body:has(.home-landing) .topbar .site-nav>ul>li>button {
  background: transparent !important;
  color: #27495e !important;
}

.topbar .site-nav>ul>li>a:hover,
.topbar .site-nav>ul>li>button:hover,
.topbar .site-nav>ul>li>a.active,
.topbar .site-nav>ul>li>button.active-parent,
.page-home .topbar .site-nav>ul>li>a:hover,
.page-home .topbar .site-nav>ul>li>button:hover,
.page-home .topbar .site-nav>ul>li>a.active,
.page-home .topbar .site-nav>ul>li>button.active-parent {
  background: var(--amr-blue) !important;
  color: #fff !important;
}

.topbar .site-nav .nav-donate-link,
.page-home .topbar .site-nav .nav-donate-link {
  background: var(--amr-gold) !important;
  color: #fff !important;
  border-radius: 4px !important;
}

html body.page-home .topbar .site-nav .nav-donate-link,
html body:has(.home-landing) .topbar .site-nav .nav-donate-link {
  background: var(--amr-gold) !important;
  color: #fff !important;
}

.topbar .site-nav .has-menu>ul {
  border: 1px solid var(--amr-border) !important;
  box-shadow: 0 10px 24px rgba(20, 58, 82, .12) !important;
}

.topbar .site-nav .has-menu>ul a,
.page-home .topbar .site-nav .has-menu>ul a {
  color: #27495e !important;
  font-family: var(--amr-nav) !important;
}

.topbar .site-nav .has-menu>ul a:hover {
  background: #eaf6f6 !important;
  color: var(--amr-blue-dark) !important;
}

.home-landing,
.page-home .home-landing {
  background: var(--amr-blue) !important;
}

.home-landing::before,
.home-landing .hero-overlay,
.home-landing .hero-slideshow::after {
  background: linear-gradient(100deg, rgba(10, 69, 160, .91), rgba(0, 128, 132, .58)) !important;
}

.home-landing h1,
.hero h1,
.page-home .home-landing h1 {
  color: #fff !important;
  font-family: var(--amr-display) !important;
  font-size: clamp(39px, 5.5vw, 70px) !important;
  letter-spacing: .035em !important;
  line-height: 1.05 !important;
  text-transform: uppercase;
}

.home-landing p,
.hero p {
  color: #f2ffff !important;
  font-size: clamp(16px, 1.5vw, 20px) !important;
}

.eyebrow,
.hero .eyebrow {
  color: var(--amr-gold) !important;
  font-family: var(--amr-nav) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
}

.btn,
button.btn,
.hero-actions .btn {
  background: var(--amr-blue) !important;
  border: 1px solid var(--amr-blue) !important;
  border-radius: 4px !important;
  box-shadow: 3px 3px 0 var(--amr-aqua) !important;
  color: #fff !important;
  font-family: var(--amr-nav) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase;
}

.hero-actions .btn,
.home-landing .btn {
  background: var(--amr-gold) !important;
  border-color: var(--amr-gold) !important;
  box-shadow: 3px 3px 0 rgba(255,255,255,.55) !important;
}

.btn:hover,
button.btn:hover {
  background: var(--amr-teal) !important;
  border-color: var(--amr-teal) !important;
  box-shadow: 1px 1px 0 var(--amr-aqua) !important;
  transform: translate(2px, 2px) !important;
}

.btn.ghost,
.hero-actions .btn.ghost {
  background: transparent !important;
  border-color: currentColor !important;
  box-shadow: none !important;
}

.page-title,
.library-masthead,
.project-hero,
.donate-hero {
  background: linear-gradient(122deg, #edf8f8, #f8fbfc) !important;
  border-bottom: 1px solid var(--amr-border);
}

.page-title h1,
.library-masthead h1,
.project-hero h1,
.donate-hero h1 {
  color: var(--amr-blue) !important;
}

/* A compact, editorial heading for the Scouting Life page. */
.page-scouting-life .page-title.scouting-intro {
  width: min(calc(100% - 48px), 1280px) !important;
  margin: 24px auto 20px !important;
  padding: 16px 0 !important;
  text-align: left !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.page-scouting-life .scouting-intro .eyebrow { display: none !important; }
.page-scouting-life .scouting-intro h1 {
  margin: 0 !important;
  color: var(--amr-blue) !important;
  font-size: clamp(34px, calc(4vw - 2px), 52px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}
.page-scouting-life .scouting-intro > p:last-child {
  max-width: 620px !important;
  margin: 12px 0 0 !important;
  color: #536974 !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

/* Plain, compact heading for Contact Us. */
.page-contact-us .page-title.contact-intro {
  width: min(calc(100% - 48px), 1280px) !important;
  margin: 24px auto 20px !important;
  padding: 12px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}
.page-contact-us .contact-intro .eyebrow { display: none !important; }
.page-contact-us .contact-intro h1 {
  margin: 0 0 8px !important;
  color: #263238 !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}
.page-contact-us .contact-intro > p:not(.eyebrow) {
  max-width: none !important;
  margin: 0 !important;
  color: #526772 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* Contact page cards: a compact information panel beside a focused form. */
.page-contact-us .contact-layout {
  width: min(calc(100% - 48px), 1080px) !important;
  margin: 0 auto 56px !important;
  padding: 8px 0 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 24px !important;
}
.page-contact-us .contact-layout > .panel {
  margin: 0 !important;
  padding: clamp(24px, 3vw, 36px) !important;
  border: 1px solid #dce6ed !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 12px 32px rgba(30, 57, 76, .07) !important;
}
.page-contact-us .contact-layout > article.panel {
  border-top: 4px solid #356b9d !important;
  background: #f5f9fc !important;
}
.page-contact-us .contact-layout .panel h2 {
  margin: 0 0 18px !important;
  color: #245b8d !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
}
.page-contact-us .contact-layout article h3 {
  margin: 20px 0 6px !important;
  color: #536b7d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
.page-contact-us .contact-layout article p {
  margin: 0 !important;
  color: #415564 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  overflow-wrap: anywhere;
}
.page-contact-us .contact-layout article a {
  color: #245b8d !important;
  text-decoration: none !important;
}
.page-contact-us .contact-layout article a:hover { text-decoration: underline !important; }
.page-contact-us .contact-message-card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: #eef6fa !important;
}
.page-contact-us .contact-layout article.contact-message-card p {
  max-width: 340px;
  margin: 0 0 20px !important;
  color: #526b7d !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
.page-contact-us .contact-open-button {
  min-height: 46px !important;
  padding: 12px 22px !important;
  border-radius: 10px !important;
  background: #008084 !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(0, 128, 132, .2) !important;
}
.page-contact-us .contact-open-button:hover { background: #006b70 !important; }
.page-contact-us .contact-layout .form label {
  margin: 14px 0 6px !important;
  color: #334b5b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.page-contact-us .contact-layout .form input,
.page-contact-us .contact-layout .form textarea {
  margin: 0 !important;
  border: 1px solid #d6e0e7 !important;
  border-radius: 10px !important;
  background: #fbfdff !important;
  box-shadow: none !important;
}
.page-contact-us .contact-layout .form input { min-height: 46px !important; }
.page-contact-us .contact-layout .form textarea { min-height: 132px !important; }
.page-contact-us .contact-layout .form input:focus,
.page-contact-us .contact-layout .form textarea:focus {
  border-color: #356b9d !important;
  background: #fff !important;
  outline: 3px solid rgba(53, 107, 157, .12) !important;
}
.page-contact-us .contact-layout .form > .btn {
  min-width: 170px;
  min-height: 48px !important;
  margin-top: 18px;
  border-radius: 10px !important;
  background: #245b8d !important;
  color: #fff !important;
}
@media (max-width: 760px) {
  .page-contact-us .contact-layout {
    width: calc(100% - 32px) !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-bottom: 40px !important;
  }
}

.panel,
.cards article,
.blog-card,
.activity-card,
.library-home-card,
.product-grid article,
.activity-story-featured,
.faq-list details {
  background: #fff !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 7px !important;
  box-shadow: 0 4px 16px rgba(19, 67, 90, .08) !important;
}

.cards article:hover,
.blog-card:hover,
.activity-card:hover,
.library-home-card:hover,
.product-grid article:hover {
  border-color: var(--amr-aqua) !important;
  box-shadow: 0 8px 22px rgba(19, 67, 90, .13) !important;
}

.cards h2,
.cards h3,
.blog-card h2,
.activity-card h3,
.panel h2,
.activity-story-featured h3,
.library-home-card h2 {
  color: var(--amr-blue) !important;
}

.social-tabs,
.impact-section,
.sdg-section,
.values-crews,
.quote-section {
  background: #eef7f8 !important;
}

.footer,
.footer-clean {
  background: var(--amr-blue) !important;
  color: #fff !important;
}

.footer h2,
.footer-clean h2,
.footer-brand-name {
  color: #fff !important;
  font-family: var(--amr-display) !important;
  letter-spacing: .04em !important;
}

.footer a,
.footer-clean a {
  color: #d8ffff !important;
}

.footer a:hover,
.footer-clean a:hover {
  color: #fff2c7 !important;
}

.footer-clean-bottom {
  border-top-color: rgba(255,255,255,.25) !important;
}

/* Shared AMR-style title and breadcrumb banner for Flamingo interior pages. */
.amr-page-banner {
  position: relative;
  display: flex;
  width: 100vw;
  max-width: none;
  min-height: 235px;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
  padding: 46px clamp(24px, 5vw, 76px) 40px;
  margin: 0 calc(50% - 50vw) 24px;
  background-color: #263746;
  background-image: linear-gradient(rgba(0, 0, 0, .48), rgba(0, 0, 0, .48)), var(--banner-image, url('../images/pixieset/national-scouts-competition-2026-01.jpg'));
  background-position: center 54%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.amr-page-banner-inner { position: relative; z-index: 1; width: 100%; max-width: 1320px; margin: 0 auto; }
.amr-page-banner h1 { max-width: 900px; margin: 0 0 16px; color: #f7f7f7 !important; font-family: var(--amr-nav) !important; font-size: clamp(30px, 3.5vw, 44px) !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.2; text-transform: none; }
.amr-page-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: #fff; font-family: var(--amr-nav); font-size: 15px; }
.amr-page-breadcrumb a { color: #fff; text-decoration: none; }
.amr-page-breadcrumb a:hover { color: #a8d9f1; }
.amr-page-breadcrumb [aria-current="page"] { color: #62aaf7; }

@media (max-width: 700px) {
  .amr-page-banner { min-height: 190px; padding: 38px 22px 32px; background-position: center 54%; }
  .amr-page-banner h1 { font-size: clamp(28px, 8vw, 38px) !important; }
  .amr-page-breadcrumb { font-size: 14px; }
}

/* Mobile footer: give each link group and contact detail enough room to read. */
@media (max-width: 760px) {
  .footer-clean .footer-wrap {
    width: calc(100% - 36px) !important;
    padding-top: 30px !important;
  }
  .footer-clean .footer-clean-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 26px !important;
    padding-bottom: 28px !important;
  }
  .footer-clean .footer-brand-clean,
  .footer-clean .footer-contact-clean {
    grid-column: auto !important;
  }
  .footer-clean .footer-brand-mark {
    align-items: center !important;
  }
  .footer-clean .footer-brand-clean > p {
    max-width: 38ch !important;
    margin: 14px 0 16px !important;
    line-height: 1.6 !important;
  }
  .footer-clean .footer-social-icons {
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }
  .footer-clean .footer-column h2 {
    margin-bottom: 10px !important;
  }
  .footer-clean .footer-links {
    gap: 9px !important;
  }
  .footer-clean .footer-contact-list {
    gap: 12px !important;
  }
  .footer-clean .footer-contact-list > a,
  .footer-clean .footer-address {
    grid-template-columns: 22px minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  .footer-clean .footer-contact-list > a > span:last-child,
  .footer-clean .footer-address > span:last-child {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
  .footer-clean .footer-clean-bottom nav {
    justify-content: flex-start !important;
    gap: 12px 18px !important;
  }
}

/* A quiet, light mobile menu button that sits neatly in the white header. */
@media (max-width: 1050px) {
  .topbar .brand {
    min-width: 0 !important;
    gap: 9px !important;
  }
  .topbar .brand > span {
    display: grid !important;
    min-width: 0 !important;
    gap: 2px !important;
  }
  .topbar .brand em {
    display: block !important;
    max-width: calc(100vw - 150px) !important;
    overflow: visible !important;
    color: #527080 !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
    letter-spacing: .045em !important;
    white-space: normal !important;
  }
  .topbar .menu-toggle,
  .page-home .topbar .menu-toggle,
  body:has(.home-landing) .topbar .menu-toggle {
    display: grid !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    height: 46px !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 5px !important;
    margin-left: auto !important;
    padding: 0 !important;
    border: 1px solid #e2eaf0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 3px 11px rgba(25, 54, 78, .1) !important;
    cursor: pointer !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
  }
  .topbar .menu-toggle:hover,
  .topbar .menu-toggle:focus-visible {
    transform: translateY(-1px) !important;
    background: #f7fafc !important;
    box-shadow: 0 5px 14px rgba(25, 54, 78, .15) !important;
  }
  .topbar .menu-toggle:focus-visible {
    outline: 3px solid rgba(47, 100, 153, .2) !important;
    outline-offset: 3px !important;
  }
  .topbar .menu-toggle span {
    display: block !important;
    width: 19px !important;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #2f6499 !important;
    transition: transform .18s ease, opacity .18s ease, width .18s ease !important;
  }
  .topbar .menu-toggle span:nth-child(2) {
    width: 14px !important;
    background: #2f6499 !important;
  }
  .topbar .menu-toggle[aria-expanded="true"] span:first-child {
    transform: translateY(7px) rotate(45deg) !important;
  }
  .topbar .menu-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0 !important;
  }
  .topbar .menu-toggle[aria-expanded="true"] span:last-child {
    transform: translateY(-7px) rotate(-45deg) !important;
  }
}

@media (max-width: 380px) {
  .topbar .brand strong { font-size: 21px !important; }
  .topbar .brand em { max-width: calc(100vw - 140px) !important; font-size: 7.5px !important; }
}

@media (max-width: 1050px) {
  .topbar .site-nav,
  .page-home .topbar .site-nav {
    background: #fff !important;
    border-color: var(--amr-border) !important;
  }

  .topbar .site-nav .has-menu>ul,
  .page-home .topbar .site-nav .has-menu>ul {
    background: #f3f6f8 !important;
  }

  .topbar .site-nav .has-menu>ul a,
  .page-home .topbar .site-nav .has-menu>ul a {
    color: #27495e !important;
  }

  html body.page-home .topbar .site-nav>ul>li>a,
  html body.page-home .topbar .site-nav>ul>li>button,
  html body:has(.home-landing) .topbar .site-nav>ul>li>a,
  html body:has(.home-landing) .topbar .site-nav>ul>li>button {
    color: #27495e !important;
  }

  html body.page-home .topbar .site-nav .has-menu>ul a,
  html body:has(.home-landing) .topbar .site-nav .has-menu>ul a {
    color: #27495e !important;
  }

  .menu-toggle span {
    background: var(--amr-blue) !important;
  }
}

.page-scouting-life .content-grid.scouting-content-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  align-items: stretch !important;
  gap: 30px;
  width: min(1380px, calc(100% - 80px));
  margin: 24px auto 36px;
  padding: 0;
}

.page-scouting-life .scouting-info>h2 {
  margin: 0 0 14px !important;
  color: var(--amr-blue) !important;
  font-family: var(--amr-nav) !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.2;
}

.page-scouting-life .scouting-info {
  display: flex;
  min-width: 0;
  flex-direction: column;
  height: 100%;
}

.page-scouting-life .scouting-info>.panel {
  flex: 1;
  min-height: 270px;
  padding: 26px 30px !important;
  border: 1px solid var(--amr-border) !important;
  border-left: 1px solid var(--amr-border) !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #344b57 !important;
  box-shadow: 0 4px 14px rgba(19, 67, 90, .045) !important;
}

.page-scouting-life .scouting-info>.panel p {
  margin: 0 0 14px !important;
  color: #3f5360 !important;
  font-size: 17px !important;
  line-height: 1.68 !important;
}

.page-scouting-life .scouting-info>.panel p:last-child { margin-bottom: 0 !important; }

.page-news-and-events .page-title.news-events-intro {
  display: flex !important;
  align-items: center !important;
  width: min(calc(100% - 48px), 1280px) !important;
  min-height: 64px !important;
  margin: 20px auto 24px !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.page-news-and-events .news-events-intro .eyebrow,
.page-news-and-events .news-events-intro > p { display: none !important; }
.page-news-and-events .news-events-intro h1 {
  margin: 0 !important;
  color: var(--amr-blue) !important;
  font-size: clamp(27px, 3vw, 36px) !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
}

/* Library landing cards: image-led white tiles with the same clear hierarchy as the reference. */
.page-library .library-home-grid {
  width: min(calc(100% - 48px), 1180px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  margin: 0 auto !important;
  padding: 18px 0 10px !important;
  gap: 12px !important;
}
.page-library .library-home-grid .library-home-card {
  grid-column: auto !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 5px !important;
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(19, 67, 90, .055) !important;
  grid-template-rows: 150px 1fr !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.page-library .library-home-grid .library-home-card:hover {
  border-color: #b8cfdd !important;
  box-shadow: 0 7px 18px rgba(19, 67, 90, .1) !important;
  transform: translateY(-2px);
}
.page-library .library-home-card img { width: 100%; height: 100%; object-fit: cover; }
.page-library .library-home-card > div { padding: 12px !important; }
.page-library .library-home-card span {
  padding: 4px 8px !important;
  background: #fff1dd !important;
  color: #af690f !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
}
.page-library .library-home-card h2 {
  margin: 8px 0 4px !important;
  color: var(--amr-blue) !important;
  font-family: var(--amr-nav) !important;
  font-size: clamp(18px, 2vw, 25px) !important;
  line-height: 1.15;
}
.page-library .library-home-card p {
  margin: 0 0 6px !important;
  color: #596b74 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}
.page-library .library-home-card strong {
  margin-top: 2px !important;
  color: #315d75 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
}
.page-library .library-feature-row {
  width: min(calc(100% - 48px), 1180px) !important;
  margin: 0 auto 28px !important;
  gap: 12px !important;
}
.page-library .library-feature-row article,
.page-library .library-feature-row article:nth-child(2) {
  min-height: 0 !important;
  padding: 18px !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(19, 67, 90, .045) !important;
  color: #344b57 !important;
}
.page-library .library-feature-row .eyebrow { color: #ad6813 !important; font-size: 9px !important; }
.page-library .library-feature-row h2 { margin: 8px 0 !important; color: var(--amr-blue) !important; font-family: var(--amr-nav) !important; }
.page-library .library-feature-row p:not(.eyebrow) { color: #68777e !important; font-size: 12px; }

@media (max-width: 760px) {
  .page-library .library-home-grid,
  .page-library .library-feature-row { width: calc(100% - 32px) !important; }
  .page-library .library-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .page-library .library-home-grid .library-home-card,
  .page-library .library-home-grid .library-home-card:nth-child(1),
  .page-library .library-home-grid .library-home-card:nth-child(2) { grid-column: span 1 !important; grid-template-rows: 120px 1fr !important; }
}
@media (max-width: 560px) {
  .page-library .library-home-grid { grid-template-columns: 1fr !important; }
  .page-library .library-home-grid .library-home-card,
  .page-library .library-home-grid .library-home-card:nth-child(1),
  .page-library .library-home-grid .library-home-card:nth-child(2) { grid-template-rows: 180px 1fr !important; }
}

/* Projects: compact overview with clear in-page navigation and calm white cards. */
.page-our-projects .project-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr) !important;
  align-items: center !important;
  gap: clamp(24px, 4vw, 52px) !important;
  width: min(calc(100% - 48px), 1240px) !important;
  margin: 28px auto 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.page-our-projects .project-hero.project-overview-only {
  display: block !important;
  width: min(calc(100% - 48px), 980px) !important;
  margin: clamp(56px, 10vh, 112px) auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.page-our-projects .project-hero.project-overview-copy {
  display: block !important;
  width: min(calc(100% - 48px), 980px) !important;
}
.page-our-projects .project-overview-only h1 { font-size: clamp(36px, 4vw, 48px) !important; }
.page-our-projects .project-overview-only p { max-width: 720px !important; }
.page-our-projects .project-stats { display: none !important; }
.page-scouts-for-peace .project-hero.project-text-only,
.page-green-party-initiative .project-hero.project-text-only,
.page-flamingo-scouts-for-hope .project-hero.project-text-only {
  display: block !important;
  width: min(calc(100% - 48px), 980px) !important;
  margin: clamp(56px, 10vh, 112px) auto 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.page-our-projects .project-hero .eyebrow,
.page-our-projects .project-docs .eyebrow,
.page-our-projects .project-sdgs .eyebrow {
  display: inline-block;
  margin: 0 0 9px !important;
  padding: 5px 10px;
  border-radius: 999px;
  background: #fff3df;
  color: #b76b08 !important;
  font-size: 10px !important;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.page-our-projects .project-hero h1 {
  margin: 0 0 9px !important;
  color: var(--amr-blue) !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  line-height: 1.08;
}
.page-our-projects .project-hero p:not(.eyebrow) {
  max-width: 600px;
  margin: 0;
  color: #63727a;
  font-size: 15px;
  line-height: 1.65;
}
.page-our-projects .project-hero img {
  width: 100% !important;
  height: clamp(170px, 20vw, 245px) !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 1px solid var(--amr-border);
  border-radius: 9px !important;
  object-fit: cover;
  box-shadow: 0 8px 24px rgba(19, 67, 90, .1) !important;
}
.page-our-projects .project-hero-actions { gap: 9px; margin-top: 16px !important; }
.page-our-projects .project-hero-actions .btn { padding: 10px 14px !important; font-size: 11px !important; }
.page-our-projects .project-hero-actions .btn.ghost { border: 1px solid var(--amr-blue) !important; color: var(--amr-blue) !important; background: #fff !important; box-shadow: none !important; }
.page-our-projects .project-tabs {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px !important;
  width: min(calc(100% - 48px), 1240px) !important;
  margin: 0 auto 15px !important;
  padding: 5px !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(19, 67, 90, .05) !important;
  backdrop-filter: none !important;
}
.page-our-projects .project-tabs a {
  display: grid;
  min-height: 42px;
  place-items: center;
  padding: 8px 12px !important;
  border-radius: 5px !important;
  color: #38566b !important;
  font-size: 13px;
  font-weight: 600 !important;
  text-decoration: none;
  transition: background .18s ease, color .18s ease;
}
.page-our-projects .project-tabs a:hover,
.page-our-projects .project-tabs a.active {
  background: var(--amr-blue) !important;
  color: #fff !important;
}
.page-our-projects .project-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px !important;
  width: min(calc(100% - 48px), 1240px) !important;
  margin: 0 auto !important;
  padding: 0 0 8px !important;
}
.page-our-projects .project-stats article {
  padding: 14px 17px !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(19, 67, 90, .04) !important;
}
.page-our-projects .project-stats strong { color: #d98214 !important; font-size: 25px !important; }
.page-our-projects .project-stats span { margin-top: 4px !important; color: #70808a !important; font-size: 12px; font-weight: 500 !important; }
.page-our-projects .project-pillars {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px !important;
  width: min(calc(100% - 48px), 1240px) !important;
  margin: 0 auto 22px !important;
  padding: 8px 0 !important;
}
.page-our-projects .project-pillars article {
  min-height: 210px !important;
  padding: 18px !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 4px 15px rgba(19, 67, 90, .05) !important;
}
.page-our-projects .project-pillars article:hover { transform: translateY(-2px); border-color: #bfd1df !important; }
.page-our-projects .project-pillars span { width: 27px !important; height: 27px !important; border-radius: 6px !important; background: #fff3df !important; color: #af6508 !important; font-size: 11px; }
.page-our-projects .project-pillars h2 { margin: 13px 0 7px !important; color: var(--amr-blue) !important; font-size: 21px !important; line-height: 1.2; }
.page-our-projects .project-pillars p { margin-bottom: 14px !important; color: #68777e !important; font-size: 13px !important; line-height: 1.6; }
.page-our-projects .project-pillars a { color: #b76b08 !important; font-size: 12px; font-weight: 600 !important; }
.page-our-projects .project-docs {
  width: min(calc(100% - 48px), 1240px) !important;
  margin: 0 auto 26px !important;
  padding: 18px !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 4px 15px rgba(19, 67, 90, .05) !important;
}
.page-our-projects .project-docs h2,
.page-our-projects .project-sdgs h2 { color: var(--amr-blue) !important; }
.page-our-projects .project-doc-list { gap: 9px !important; }
.page-our-projects .project-doc-list article {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  min-height: 78px !important;
  gap: 5px 16px !important;
  padding: 12px 16px !important;
  border: 1px solid #e1e8ed !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.page-our-projects .project-doc-list article > strong { grid-column: 1 !important; grid-row: 1 / span 2 !important; color: #193b5a !important; font-size: 16px !important; font-weight: 700 !important; }
.page-our-projects .project-doc-list article > span { grid-column: 2 !important; grid-row: 1 !important; color: #75848e !important; font-size: 12px !important; text-align: right; }
.page-our-projects .project-doc-list article > div { grid-column: 2 !important; grid-row: 2 !important; display: flex !important; justify-content: flex-end !important; gap: 8px !important; }
.page-our-projects .project-doc-list .btn { min-height: 34px !important; padding: 8px 13px !important; border-radius: 6px !important; font-size: 11px !important; line-height: 1 !important; }
.page-our-projects .project-doc-list .btn.ghost { border: 1px solid #c8d8e4 !important; color: #2d669d !important; background: #fff !important; box-shadow: none !important; }
.page-our-projects .project-sdgs { width: min(calc(100% - 48px), 1240px) !important; margin: 24px auto 36px !important; background: transparent !important; }
.page-our-projects .project-sdgs .sdg-grid { gap: 12px !important; }
.page-our-projects .project-sdgs .sdg-grid article { border: 1px solid var(--amr-border) !important; border-radius: 8px !important; background: #fff !important; box-shadow: 0 4px 15px rgba(19, 67, 90, .04) !important; }

@media (max-width: 760px) {
  .page-our-projects .project-hero { grid-template-columns: 1fr !important; width: calc(100% - 32px) !important; margin-top: 20px !important; gap: 16px !important; }
  .page-our-projects .project-hero.project-overview-only { width: calc(100% - 32px) !important; margin: 54px auto !important; }
  .page-our-projects .project-hero img { height: 210px !important; }
  .page-our-projects .project-tabs { width: calc(100% - 32px) !important; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-our-projects .project-tabs a { min-height: 40px; }
  .page-our-projects .project-stats,
  .page-our-projects .project-pillars { width: calc(100% - 32px) !important; grid-template-columns: 1fr !important; }
  .page-our-projects .project-pillars article { min-height: 0 !important; }
  .page-our-projects .project-docs,
  .page-our-projects .project-sdgs { width: calc(100% - 32px) !important; grid-template-columns: 1fr !important; }
  .page-our-projects .project-doc-list article { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; align-items: start !important; }
  .page-our-projects .project-doc-list article > strong,
  .page-our-projects .project-doc-list article > span,
  .page-our-projects .project-doc-list article > div { grid-column: 1 !important; grid-row: auto !important; text-align: left !important; justify-content: flex-start !important; }
}

@media (max-width: 720px) {
  .page-scouting-life .content-grid.scouting-content-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    width: calc(100% - 36px);
    gap: 16px;
    margin-top: 18px;
  }

  .page-scouting-life .scouting-info { height: auto; }
  .page-scouting-life .scouting-info>.panel { flex: initial; min-height: 0; padding: 22px !important; }
  .page-news-and-events .page-title.news-events-intro {
    width: calc(100% - 36px) !important;
    min-height: 56px !important;
    margin: 14px auto 18px !important;
    padding: 8px 0 !important;
  }
}

/* Stories & Blog follows the AMR Now news-page layout only. */
.page-blog .amr-news-heading {
  max-width: 860px;
  margin: 0 auto;
  padding: 72px 24px 30px;
  text-align: center;
}

.page-blog .amr-news-heading > span {
  color: var(--amr-blue-dark);
  font-family: var(--amr-nav);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.page-blog .amr-news-heading h1 {
  margin: 10px 0 14px;
  color: var(--amr-blue) !important;
  font-family: var(--amr-display) !important;
  font-size: clamp(34px, 5vw, 54px) !important;
  line-height: 1.05;
}

.page-blog .amr-news-heading p {
  margin: 0 auto;
  color: #31536c;
  font-size: 18px;
  line-height: 1.65;
}

.page-blog .amr-news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 26px 24px 78px;
}

.page-blog .amr-news-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--amr-border);
  border-radius: 6px;
  box-shadow: 0 5px 18px rgba(20, 58, 82, .10);
  transition: transform .2s ease, box-shadow .2s ease;
}

.page-blog .amr-news-card:hover {
  box-shadow: 0 13px 28px rgba(20, 58, 82, .17);
  transform: translateY(-4px);
}

.page-blog .amr-news-thumb {
  position: relative;
  display: block;
  height: 214px;
  overflow: hidden;
  background: #eef5fc;
}

.page-blog .amr-news-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.page-blog .amr-news-card:nth-child(2) .amr-news-thumb img { object-fit: contain; padding: 22px; }
.page-blog .amr-news-card:hover .amr-news-thumb img { transform: scale(1.035); }
.page-blog .amr-news-card:nth-child(2):hover .amr-news-thumb img { transform: none; }

.page-blog .amr-news-placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: var(--amr-blue);
}

.page-blog .amr-news-placeholder svg { width: 56px; height: 56px; }

.page-blog .amr-news-tag {
  position: absolute;
  bottom: 14px;
  left: 14px;
  padding: 5px 10px;
  border-radius: 3px;
  background: var(--amr-blue);
  color: #fff;
  font-family: var(--amr-nav);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.page-blog .amr-news-card-body { display: flex; flex: 1; flex-direction: column; padding: 24px 23px 22px; }
.page-blog .amr-news-meta { display: flex; align-items: center; gap: 8px; color: #70808a; font-size: 13px; }
.page-blog .amr-news-meta span { display: inline-flex; align-items: center; gap: 5px; }
.page-blog .amr-news-meta svg { width: 14px; height: 14px; color: var(--amr-blue); }
.page-blog .amr-news-meta i { color: var(--amr-aqua); font-style: normal; }
.page-blog .amr-news-card h2 { margin: 16px 0 10px; font-family: var(--amr-display) !important; font-size: 25px !important; letter-spacing: .015em !important; line-height: 1.15; }
.page-blog .amr-news-card h2 a { color: var(--amr-blue) !important; text-decoration: none; }
.page-blog .amr-news-card h2 a:hover { color: var(--amr-teal) !important; }
.page-blog .amr-news-card p { margin: 0; color: #4c5f6a; font-size: 15px; line-height: 1.68; }
.page-blog .amr-news-card footer { margin-top: auto; padding-top: 22px; }
.page-blog .amr-news-card footer a { color: var(--amr-blue-dark); font-family: var(--amr-nav); font-size: 13px; font-weight: 700; text-decoration: none; }
.page-blog .amr-news-card footer a:hover { color: var(--amr-teal); }
.page-blog .amr-news-card footer svg { width: 16px; height: 16px; margin-left: 4px; vertical-align: -3px; }

/* About page content follows the AMR About layout using Flamingo material. */
.about-amr-wrap { width: min(calc(100% - 40px), 1180px); margin-right: auto; margin-left: auto; }
.about-amr-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; padding-top: 48px; padding-bottom: 38px; }
.about-amr-feature h2 { margin: 0 0 13px; color: var(--amr-blue) !important; font-family: var(--amr-nav) !important; font-size: 23px !important; font-weight: 700 !important; letter-spacing: 0 !important; }
.about-amr-feature-card { min-height: 100%; padding: 25px 28px; border: 1px solid var(--amr-border); border-radius: 7px; background: #fff; box-shadow: 0 7px 22px rgba(19, 67, 90, .09); color: #31536c; font-size: 17px; line-height: 1.72; }
.about-amr-feature-card p { margin: 0 0 12px; }
.about-amr-feature-card p:last-child { margin-bottom: 0; }
.about-amr-mission-band,
.about-amr-network { width: 100vw; margin-left: calc(50% - 50vw); }
.about-amr-mission-band { padding: 42px 0 52px; background: var(--amr-mist); }
.about-amr-section-heading { margin: 0 auto 22px; text-align: center; }
.about-amr-section-heading > span { color: var(--amr-teal); font-family: var(--amr-nav); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.about-amr-section-heading h2 { margin: 7px 0 9px; color: var(--amr-blue) !important; font-family: var(--amr-display) !important; font-size: clamp(29px, 4vw, 39px) !important; letter-spacing: .015em !important; }
.about-amr-section-heading p { margin: 0; color: #526772; }
.about-amr-mission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.about-amr-mission-grid article { min-height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 28px; border-left: 5px solid #fff; border-radius: 5px; background: var(--amr-blue); color: #fff; text-align: center; box-shadow: 0 6px 18px rgba(10, 69, 160, .12); }
.about-amr-mission-grid article > span { margin-bottom: 12px; color: #fff; font-family: var(--amr-display); font-size: 24px; letter-spacing: .04em; text-transform: uppercase; }
.about-amr-mission-grid article p { max-width: 480px; margin: 0; color: #fff; font-size: 16px; line-height: 1.7; }
.about-amr-history { padding-top: 48px; padding-bottom: 46px; }
.about-amr-history-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.about-amr-history-grid article { padding: 20px; border: 1px solid var(--amr-border); border-radius: 6px; background: #fff; box-shadow: 0 5px 16px rgba(19, 67, 90, .07); }
.about-amr-history-grid strong { color: var(--amr-gold); font-family: var(--amr-display); font-size: 27px; }
.about-amr-history-grid p { margin: 7px 0 0; color: #526772; font-size: 14px; }
.about-amr-history-link { display: inline-block; margin-top: 17px; color: var(--amr-blue-dark); font-family: var(--amr-nav); font-weight: 700; text-decoration: none; }
.about-amr-history-details { margin-top: 18px; border: 1px solid var(--amr-border); border-radius: 6px; background: #fff; }
.about-amr-history-details summary { padding: 13px 16px; color: var(--amr-blue); cursor: pointer; font-weight: 700; }
.about-amr-history-details div { padding: 0 16px 14px; color: #526772; font-size: 14px; }

@media (max-width: 920px) { .page-blog .amr-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .page-blog .amr-news-heading { padding: 48px 18px 18px; } .page-blog .amr-news-heading p { font-size: 16px; } .page-blog .amr-news-grid { grid-template-columns: 1fr; padding: 18px 18px 54px; } .page-blog .amr-news-thumb { height: 230px; } }
@media (max-width: 720px) { .about-amr-overview,.about-amr-mission-grid { grid-template-columns: 1fr; } .about-amr-overview { gap: 20px; padding-top: 34px; padding-bottom: 30px; } .about-amr-feature-card { min-height: 0; padding: 21px; font-size: 15px; } .about-amr-history-grid { grid-template-columns: 1fr; } .about-amr-mission-band { padding-top: 36px; padding-bottom: 38px; } }

/* Distinct crew accents sit on each crew's own photo banner. */
.page-falcon-crew { --crew-accent: #f2a51a; }
.page-crane-crew { --crew-accent: #20a79b; }
.page-phoenix-crew { --crew-accent: #e26a3a; }
.page-eagle-crew { --crew-accent: #4d83c5; }
.page-peacock-crew { --crew-accent: #8056a8; }
.page-falcon-crew .amr-page-banner,
.page-crane-crew .amr-page-banner,
.page-phoenix-crew .amr-page-banner,
.page-eagle-crew .amr-page-banner,
.page-peacock-crew .amr-page-banner {
  border-bottom: 6px solid var(--crew-accent) !important;
}
.page-falcon-crew .amr-page-banner h1::after,
.page-crane-crew .amr-page-banner h1::after,
.page-phoenix-crew .amr-page-banner h1::after,
.page-eagle-crew .amr-page-banner h1::after,
.page-peacock-crew .amr-page-banner h1::after {
  display: block;
  width: 54px;
  height: 4px;
  margin-top: 12px;
  border-radius: 3px;
  background: var(--crew-accent);
  content: "";
}

/* Crew information is presented on clean white cards for every section. */
.page-falcon-crew .crew-purpose-card,
.page-crane-crew .crew-purpose-card,
.page-phoenix-crew .crew-purpose-card,
.page-eagle-crew .crew-purpose-card,
.page-peacock-crew .crew-purpose-card {
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr) !important;
  gap: clamp(24px, 4vw, 54px) !important;
  width: min(calc(100% - 48px), 1280px) !important;
  margin: 28px auto 56px !important;
  padding: clamp(24px, 4vw, 46px) !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #344b57 !important;
  box-shadow: 0 10px 28px rgba(19, 67, 90, .08) !important;
}
.page-falcon-crew .crew-purpose-card h2,
.page-crane-crew .crew-purpose-card h2,
.page-phoenix-crew .crew-purpose-card h2,
.page-eagle-crew .crew-purpose-card h2,
.page-peacock-crew .crew-purpose-card h2 {
  margin: 0 0 14px !important;
  color: var(--amr-blue) !important;
  font-family: var(--amr-display) !important;
  font-size: clamp(27px, 3vw, 38px) !important;
  line-height: 1.15 !important;
}
.page-falcon-crew .crew-purpose-card .eyebrow,
.page-crane-crew .crew-purpose-card .eyebrow,
.page-phoenix-crew .crew-purpose-card .eyebrow,
.page-eagle-crew .crew-purpose-card .eyebrow,
.page-peacock-crew .crew-purpose-card .eyebrow {
  margin: 0 0 8px !important;
  color: #a76713 !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
}
.page-falcon-crew .crew-purpose-card > div > p:not(.eyebrow),
.page-crane-crew .crew-purpose-card > div > p:not(.eyebrow),
.page-phoenix-crew .crew-purpose-card > div > p:not(.eyebrow),
.page-eagle-crew .crew-purpose-card > div > p:not(.eyebrow),
.page-peacock-crew .crew-purpose-card > div > p:not(.eyebrow) {
  color: #536974 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}
.page-falcon-crew .crew-purpose-card img,
.page-crane-crew .crew-purpose-card img,
.page-phoenix-crew .crew-purpose-card img,
.page-eagle-crew .crew-purpose-card img,
.page-peacock-crew .crew-purpose-card img {
  width: 100% !important;
  max-height: 360px !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 9px !important;
  object-fit: cover !important;
}
.page-falcon-crew .crew-purpose-card .btn,
.page-crane-crew .crew-purpose-card .btn,
.page-phoenix-crew .crew-purpose-card .btn,
.page-eagle-crew .crew-purpose-card .btn,
.page-peacock-crew .crew-purpose-card .btn {
  margin-top: 10px !important;
  background: var(--crew-accent) !important;
  color: #172d3d !important;
  box-shadow: none !important;
}
@media (max-width: 760px) {
  .page-falcon-crew .crew-purpose-card,
  .page-crane-crew .crew-purpose-card,
  .page-phoenix-crew .crew-purpose-card,
  .page-eagle-crew .crew-purpose-card,
  .page-peacock-crew .crew-purpose-card { grid-template-columns: 1fr !important; }
}

/* E-Shop catalogue layout */
.page-e-shop .shop-hero {
  width: min(calc(100% - 48px), 1440px) !important;
  max-width: none !important;
  margin: 30px auto 22px !important;
  padding: clamp(24px, 4vw, 44px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(19, 67, 90, .06) !important;
}
.page-e-shop .shop-hero h2 { margin: 0 !important; color: var(--amr-blue) !important; font-size: clamp(30px, 4vw, 44px) !important; line-height: 1.12 !important; }
.page-e-shop .shop-hero p:not(.eyebrow) { max-width: 760px !important; margin: 0 !important; color: #5b6d77 !important; font-size: 16px !important; line-height: 1.7 !important; }
.page-e-shop .product-grid.shop-grid {
  width: min(calc(100% - 48px), 1440px) !important;
  max-width: none !important;
  margin: 0 auto 64px !important;
  padding: 0 !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: clamp(16px, 2vw, 24px) !important;
}
.page-e-shop .shop-grid article {
  display: flex !important;
  min-width: 0 !important;
  min-height: 390px !important;
  flex-direction: column !important;
  padding: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(19, 67, 90, .07) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.page-e-shop .shop-grid article:hover { transform: translateY(-3px) !important; border-color: #aac7d9 !important; box-shadow: 0 12px 28px rgba(19, 67, 90, .13) !important; }
.page-e-shop .shop-grid .product-image { position: relative !important; width: 100% !important; aspect-ratio: 4 / 3 !important; overflow: hidden !important; border-radius: 8px !important; background: #f0f4f5 !important; }
.page-e-shop .shop-grid .product-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .25s ease !important; }
.page-e-shop .shop-grid article:hover .product-image img { transform: scale(1.035) !important; }
.page-e-shop .shop-grid .product-image > span { position: absolute !important; top: 10px !important; left: 10px !important; padding: 5px 9px !important; border-radius: 999px !important; background: var(--amr-gold) !important; color: #fff !important; font-size: 10px !important; font-weight: 700 !important; }
.page-e-shop .shop-grid h2 { min-height: 0 !important; margin: 15px 2px 4px !important; color: var(--amr-blue) !important; font-size: 19px !important; line-height: 1.25 !important; }
.page-e-shop .shop-grid p { margin: 0 2px 16px !important; color: #ad6500 !important; font-size: 15px !important; font-weight: 700 !important; }
.page-e-shop .shop-grid .shop-open { width: 100% !important; margin-top: auto !important; min-height: 42px !important; border-radius: 7px !important; background: var(--amr-blue) !important; color: #fff !important; font-size: 12px !important; letter-spacing: .04em !important; }
@media (max-width: 700px) {
  .page-e-shop .shop-hero,
  .page-e-shop .product-grid.shop-grid { width: calc(100% - 28px) !important; }
  .page-e-shop .shop-hero { margin-top: 18px !important; padding: 22px !important; }
  .page-e-shop .product-grid.shop-grid { grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)) !important; gap: 12px !important; }
  .page-e-shop .shop-grid article { min-height: 320px !important; padding: 9px !important; }
  .page-e-shop .shop-grid h2 { font-size: 16px !important; }
}

/* Public Photo Library: one clean heading followed by portal-style photo actions. */
.page-photo-library .library-masthead.library-sub-hero {
  width: min(calc(100% - 48px), 1440px) !important;
  max-width: none !important;
  margin: 16px auto 18px !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.page-photo-library .library-sub-hero .eyebrow,
.page-photo-library .library-sub-hero p:not(.eyebrow) { display: none !important; }
.page-photo-library .library-sub-hero h1 {
  margin: 0 !important;
  font-size: clamp(24px, 2.4vw, 32px) !important;
  line-height: 1.2 !important;
}
.page-photo-library .library-nav-strip { display: none !important; }
.page-audio-library .library-masthead.library-sub-hero {
  width: min(calc(100% - 48px), 1440px) !important;
  max-width: none !important;
  margin: 16px auto 18px !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}
.page-audio-library .library-sub-hero .eyebrow,
.page-audio-library .library-sub-hero p:not(.eyebrow),
.page-audio-library .library-nav-strip { display: none !important; }
.page-audio-library .library-sub-hero h1 {
  margin: 0 !important;
  font-size: clamp(24px, 2.4vw, 32px) !important;
  line-height: 1.2 !important;
  text-align: center !important;
}
.page-library .library-masthead.library-plain-heading {
  display: block !important;
  width: min(calc(100% - 48px), 1440px) !important;
  min-height: 0 !important;
  margin: 16px auto 18px !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.page-library .library-plain-heading h1 {
  margin: 0 !important;
  color: var(--amr-blue) !important;
  font-size: clamp(24px, 2.4vw, 32px) !important;
  line-height: 1.2 !important;
}
.page-join-flamingo .page-title.join-intro {
  width: min(calc(100% - 48px), 1280px) !important;
  margin: 16px auto 20px !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}
.page-join-flamingo .join-intro .eyebrow { display: none !important; }
.page-join-flamingo .join-intro h1 {
  margin: 0 !important;
  color: var(--amr-blue) !important;
  font-size: clamp(25px, 2.5vw, 34px) !important;
  line-height: 1.2 !important;
}
.page-join-flamingo .join-invitation {
  width: min(calc(100% - 48px), 900px) !important;
  margin: 0 auto 48px !important;
  padding: 20px 0 !important;
  text-align: center !important;
}
.page-join-flamingo .join-invitation h2 {
  margin: 0 0 10px !important;
  color: var(--amr-blue) !important;
  font-size: clamp(22px, 2.5vw, 28px) !important;
}
.page-join-flamingo .join-invitation p {
  max-width: 760px !important;
  margin: 0 auto 18px !important;
  color: #536974 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}
.page-join-flamingo .join-here-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 15px !important;
  border: 1px solid var(--amr-blue) !important;
  border-radius: 6px !important;
  background: var(--amr-blue) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.page-join-flamingo .join-here-link:hover { background: #234d75 !important; }
.page-books-library .library-masthead.document-library-heading {
  display: block !important;
  width: min(calc(100% - 48px), 1180px) !important;
  min-height: 0 !important;
  margin: 18px auto 22px !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.page-books-library .document-library-heading h1 {
  margin: 0 !important;
  color: var(--amr-blue) !important;
  font-size: clamp(25px, 2.5vw, 34px) !important;
  line-height: 1.2 !important;
}
.page-books-library .library-nav-strip { display: none !important; }
.page-books-library .document-library-list {
  display: grid !important;
  width: min(calc(100% - 48px), 1180px) !important;
  max-width: none !important;
  gap: 10px !important;
  margin: 0 auto 48px !important;
  padding: 0 !important;
}
.page-books-library .document-library-row {
  display: flex !important;
  min-width: 0 !important;
  min-height: 80px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 14px 18px !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(19, 67, 90, .045) !important;
}
.page-books-library .document-library-copy {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 16px !important;
}
.page-books-library .document-library-copy > span {
  flex: 0 0 140px !important;
  color: #ad6813 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}
.page-books-library .document-library-copy h2 {
  margin: 0 0 3px !important;
  color: var(--amr-blue) !important;
  font-family: var(--amr-nav) !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
}
.page-books-library .document-library-copy p {
  margin: 0 !important;
  color: #60717b !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
.page-books-library .document-library-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
}
.page-books-library .document-library-actions a,
.page-books-library .document-library-actions button {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  border: 1px solid #cbd9e2 !important;
  border-radius: 7px !important;
  background: #f7fafc !important;
  color: var(--amr-blue) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  font: inherit !important;
  transition: color .18s ease, background .18s ease, border-color .18s ease !important;
}
.page-books-library .document-library-actions a:hover,
.page-books-library .document-library-actions button:hover {
  border-color: var(--amr-blue) !important;
  background: var(--amr-blue) !important;
  color: #fff !important;
}
.page-books-library .document-library-actions svg {
  width: 19px !important;
  height: 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.page-books-library .document-preview-dialog {
  width: min(1000px, calc(100vw - 32px)) !important;
  max-width: none !important;
  max-height: calc(100vh - 32px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #d6e1e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 22px 70px rgba(16, 32, 46, .28) !important;
}
.page-books-library .document-preview-dialog::backdrop { background: rgba(17, 31, 44, .68) !important; }
.page-books-library .document-preview-dialog > header {
  display: flex !important;
  min-height: 56px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 16px !important;
  border-bottom: 1px solid #e0e7ec !important;
}
.page-books-library .document-preview-dialog > header h2 {
  margin: 0 !important;
  color: var(--amr-blue) !important;
  font-size: 16px !important;
}
.page-books-library .document-preview-dialog > header button {
  display: grid !important;
  width: 36px !important;
  height: 36px !important;
  place-items: center !important;
  border: 1px solid #d6e1e8 !important;
  border-radius: 7px !important;
  background: #f7fafc !important;
  color: #294961 !important;
  font-size: 25px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.page-books-library .document-preview-dialog iframe {
  display: block !important;
  width: 100% !important;
  height: min(78vh, 900px) !important;
  border: 0 !important;
  background: #f2f5f7 !important;
}
.page-photo-library .website-media-gallery {
  display: grid !important;
  width: min(calc(100% - 48px), 1440px) !important;
  max-width: none !important;
  margin: 0 auto 56px !important;
  padding: 0 !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 20px !important;
}
.page-photo-library .photo-gallery-card {
  min-width: 0 !important;
  padding: 9px !important;
  overflow: hidden !important;
  border: 1px solid var(--amr-border) !important;
  border-radius: 11px !important;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(19, 67, 90, .07) !important;
}
.page-photo-library .photo-gallery-preview {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: #edf2f4 !important;
  cursor: zoom-in !important;
}
.page-photo-library .photo-gallery-preview img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3 !important; object-fit: cover !important; transition: transform .2s ease !important; }
.page-photo-library .photo-gallery-preview:hover img { transform: scale(1.035) !important; }
.page-photo-library .photo-gallery-actions { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; padding: 11px 3px 2px !important; }
.page-photo-library .photo-gallery-actions p { display: -webkit-box !important; min-width: 0 !important; margin: 0 !important; overflow: hidden !important; color: #506570 !important; font-size: 12px !important; line-height: 1.35 !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; }
.page-photo-library .photo-gallery-tools { display: flex !important; flex: 0 0 auto !important; gap: 7px !important; }
.page-photo-library .photo-gallery-tools button,
.page-photo-library .photo-gallery-tools a { display: grid !important; width: 36px !important; height: 36px !important; min-height: 36px !important; place-items: center !important; padding: 0 !important; border: 1px solid #c8d8e4 !important; border-radius: 6px !important; background: #fff !important; color: var(--amr-blue) !important; cursor: pointer !important; text-decoration: none !important; }
.page-photo-library .photo-gallery-tools button:hover,
.page-photo-library .photo-gallery-tools a:hover { border-color: var(--amr-blue) !important; background: #f0f6fa !important; }
.page-photo-library .photo-gallery-tools svg { width: 17px !important; height: 17px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
@media (max-width: 700px) {
  .page-join-flamingo .page-title.join-intro { width: calc(100% - 28px) !important; margin: 12px auto 16px !important; padding: 4px 0 !important; }
  .page-join-flamingo .join-invitation { width: calc(100% - 28px) !important; margin-bottom: 32px !important; }
  .page-books-library .library-masthead.document-library-heading,
  .page-books-library .document-library-list { width: calc(100% - 28px) !important; }
  .page-books-library .library-masthead.document-library-heading { margin: 12px auto 18px !important; }
  .page-books-library .document-library-row { align-items: flex-start !important; gap: 12px !important; padding: 12px !important; }
  .page-books-library .document-library-copy { align-items: flex-start !important; flex-direction: column !important; gap: 5px !important; }
  .page-books-library .document-library-copy > span { flex-basis: auto !important; }
  .page-books-library .document-library-copy h2 { font-size: 15px !important; }
  .page-books-library .document-library-copy p { font-size: 12px !important; }
  .page-books-library .document-library-actions { gap: 5px !important; }
  .page-books-library .document-library-actions a,
  .page-books-library .document-library-actions button { width: 34px !important; height: 34px !important; }
  .page-photo-library .library-masthead.library-sub-hero,
  .page-photo-library .website-media-gallery { width: calc(100% - 28px) !important; }
  .page-photo-library .library-masthead.library-sub-hero { margin: 12px auto 16px !important; padding: 4px 0 !important; }
  .page-audio-library .library-masthead.library-sub-hero { width: calc(100% - 28px) !important; margin: 12px auto 16px !important; padding: 4px 0 !important; }
  .page-library .library-masthead.library-plain-heading { width: calc(100% - 28px) !important; margin: 12px auto 16px !important; padding: 4px 0 !important; }
  .page-photo-library .website-media-gallery { grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)) !important; gap: 12px !important; }
  .page-photo-library .photo-gallery-card { padding: 7px !important; }
  .page-photo-library .photo-gallery-actions { align-items: flex-start !important; flex-direction: column !important; }
  .page-photo-library .photo-gallery-tools a,
  .page-photo-library .photo-gallery-tools button { width: 36px !important; }
}

/* Keep the Video Gallery heading focused on the page title. */
.page-video-library .library-masthead.library-sub-hero {
  width: min(calc(100% - 48px), 1440px) !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 16px auto 18px !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.page-video-library .library-sub-hero .eyebrow,
.page-video-library .library-sub-hero p:not(.eyebrow),
.page-video-library .library-nav-strip { display: none !important; }
.page-video-library .library-sub-hero h1 { margin: 0 !important; font-size: clamp(24px, 2.4vw, 32px) !important; line-height: 1.2 !important; }
@media (max-width: 700px) {
  .page-video-library .library-masthead.library-sub-hero { width: calc(100% - 28px) !important; margin: 12px auto 16px !important; padding: 4px 0 !important; }
}

/* Present video references as a compact thumbnail gallery with a clear YouTube action. */
.page-video-library .video-grid.video-library-grid {
  display: grid !important;
  width: min(calc(100% - 48px), 1440px) !important;
  max-width: none !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)) !important;
  gap: 18px !important;
  margin: 0 auto 36px !important;
}
.page-video-library .video-library-card {
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 10px !important;
  border: 1px solid #e8e1d5 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(32, 52, 67, .06) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.page-video-library .video-library-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 9px 24px rgba(32, 52, 67, .11) !important;
}
.page-video-library .video-library-thumb {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 9px !important;
  background: #17212c !important;
}
.page-video-library .video-library-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .2s ease !important;
}
.page-video-library .video-library-thumb:hover img { transform: scale(1.035) !important; }
.page-video-library .video-library-thumb > span {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(transparent, rgba(0, 0, 0, .16)) !important;
}
.page-video-library .video-library-thumb > span svg {
  width: 48px !important;
  height: 34px !important;
  padding: 8px 13px !important;
  border-radius: 10px !important;
  background: #f00 !important;
  fill: #fff !important;
  transition: transform .18s ease !important;
}
.page-video-library .video-library-thumb:hover > span svg { transform: scale(1.08) !important; }
.page-video-library .video-library-meta {
  display: flex !important;
  min-height: 54px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 8px 2px 0 !important;
}
.page-video-library .video-library-meta h2 {
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--amr-blue, #31689d) !important;
  font-family: var(--amr-nav, inherit) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
}
.page-video-library .video-library-view {
  display: grid !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  place-items: center !important;
  border: 1px solid #d7e1e8 !important;
  border-radius: 8px !important;
  background: #f7fafc !important;
  color: var(--amr-blue, #31689d) !important;
  text-decoration: none !important;
  transition: color .18s ease, background .18s ease, border-color .18s ease !important;
}
.page-video-library .video-library-view:hover {
  border-color: var(--amr-blue, #31689d) !important;
  background: var(--amr-blue, #31689d) !important;
  color: #fff !important;
}
.page-video-library .video-library-view svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
@media (max-width: 700px) {
  .page-video-library .video-grid.video-library-grid {
    width: calc(100% - 28px) !important;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)) !important;
    gap: 12px !important;
  }
  .page-video-library .video-library-card { padding: 8px !important; }
  .page-video-library .video-library-meta h2 { font-size: 14px !important; }
}

/* Keep the Donate introduction on the page's plain surface. */
.page-donate .donate-hero.figma-donate-hero {
  width: min(calc(100% - 48px), 1440px) !important;
  margin: 16px auto 18px !important;
  padding: 4px 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}
.page-donate .figma-donate-hero .eyebrow {
  display: inline-block !important;
  width: auto !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #b96b05 !important;
  font-size: 11px !important;
  letter-spacing: .08em !important;
}
.page-donate .figma-donate-hero h1 {
  margin: 0 0 8px !important;
  color: var(--amr-blue) !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}
.page-donate .figma-donate-hero p {
  max-width: 880px !important;
  margin: 0 auto !important;
  text-align: center !important;
  color: #586b78 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}
.page-donate .donate-story-card h2 {
  margin: 0 0 12px !important;
  font-size: clamp(22px, 2vw, 26px) !important;
  line-height: 1.22 !important;
}
.page-donate .donate-story-card p {
  text-align: justify !important;
  text-justify: inter-word !important;
}
.page-donate .figma-impact-section,
.page-donate .figma-quote {
  background: transparent !important;
}
@media (max-width: 700px) {
  .page-donate .donate-hero.figma-donate-hero { width: calc(100% - 28px) !important; margin: 12px auto 16px !important; padding: 4px 0 !important; }
  .page-donate .figma-donate-hero h1 { font-size: clamp(26px, 7vw, 32px) !important; }
  .page-donate .donate-story-card h2 { font-size: 22px !important; }
}

/* Keep the Donate form plain and in a popup without frequency tabs. */
.page-donate .donation-options-page {
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  scroll-margin-top: 20px !important;
}
.page-donate .donation-modal-dialog {
  width: min(100%, 650px) !important;
  padding: 30px 32px !important;
  border: 1px solid #e0e6ea !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 18px 56px rgba(20, 38, 52, .22) !important;
}
.page-donate .donation-modal-backdrop {
  background: rgba(22, 32, 40, .52) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.page-donate .donation-modal-close { box-shadow: none !important; }
.page-donate .donation-options-page .donation-options-intro {
  max-width: 760px !important;
  margin: 0 auto 24px !important;
  padding: 0 !important;
  text-align: center !important;
}
.page-donate .donation-options-page .donation-options-intro h2 {
  margin: 0 0 8px !important;
  color: var(--amr-blue) !important;
  font-size: clamp(26px, 3vw, 34px) !important;
  line-height: 1.2 !important;
}
.page-donate .donation-options-page .donation-options-intro p {
  margin: 0 !important;
  color: #5d6e78 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}
.page-donate .donation-options-page .donation-widget {
  width: min(100%, 650px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.page-donate .donation-options-page .widget-header {
  margin: 0 0 16px !important;
  color: #344b57 !important;
}
.page-donate .donation-options-page .trust-dot {
  background: var(--amr-blue) !important;
  box-shadow: none !important;
}
.page-donate .donation-options-page .amount-label { color: #667780 !important; }
.page-donate .donation-options-page .amount-btn {
  border-color: #d6e0e6 !important;
  background: #fff !important;
  color: #344b57 !important;
}
.page-donate .donation-options-page .amount-btn:hover,
.page-donate .donation-options-page .amount-btn.active {
  border-color: var(--amr-blue) !important;
  background: #f2f7fa !important;
  color: var(--amr-blue) !important;
}
.page-donate .donation-options-page .custom-amount { border-color: #d6e0e6 !important; }
.page-donate .donation-options-page .donate-cta {
  border-radius: 7px !important;
  background: var(--amr-blue) !important;
  color: #fff !important;
}
.page-donate .donation-options-page .donate-cta:hover { background: #234d75 !important; }
.page-donate .donation-options-page .security-note { color: #71808a !important; }
@media (max-width: 700px) {
  .page-donate .donation-modal-dialog { width: 100% !important; padding: 26px 16px 20px !important; }
}

/* Give the Activities intro a clean, compact, single-line desktop treatment. */
.page-home .activities-hub.activity-stories {
  padding: clamp(44px, 4.5vw, 62px) 24px 44px !important;
  background: #fff !important;
}
.page-home .activity-stories .section-heading {
  max-width: none !important;
  margin: 0 auto 22px !important;
}
.page-home .activity-stories .section-heading h2 {
  font-size: clamp(28px, 3.2vw, 54px) !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
.page-home .activity-stories .section-heading p:last-child {
  max-width: none !important;
  white-space: nowrap !important;
}
@media (max-width: 760px) {
  .page-home .activities-hub.activity-stories {
    padding: 42px 16px 30px !important;
  }
  .page-home .activity-stories .section-heading h2,
  .page-home .activity-stories .section-heading p:last-child {
    white-space: normal !important;
  }
}

/* Open the form from the separate Contact Us card. */
.page-contact-us .contact-modal {
  width: min(calc(100% - 32px), 600px);
  max-width: 600px;
  max-height: calc(100svh - 32px);
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
}
.page-contact-us .contact-modal::backdrop {
  background: rgba(16, 31, 43, .58);
  backdrop-filter: blur(3px);
}
.page-contact-us .contact-modal-card {
  position: relative;
  max-height: calc(100svh - 32px);
  overflow-y: auto;
  border: 1px solid #dce6ed;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .26);
}
.page-contact-us .contact-modal .contact-message-form {
  margin: 0 !important;
  padding: 30px 32px 32px !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
.page-contact-us .contact-modal .contact-message-form h2 {
  padding-right: 42px;
  margin-bottom: 18px !important;
}
.page-contact-us .contact-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #dce6ed;
  border-radius: 50%;
  background: #f5f9fc;
  color: #344b5b;
  font: 26px/1 Arial, sans-serif;
  cursor: pointer;
}
.page-contact-us .contact-modal-close:hover { background: #eaf2f8; }
@media (max-width: 560px) {
  .page-contact-us .contact-modal { width: calc(100% - 20px); }
  .page-contact-us .contact-modal .contact-message-form { padding: 26px 20px 22px !important; }
  .page-contact-us .contact-modal-close { top: 12px; right: 12px; }
}

/* Keep the landing hero wide and compact instead of forcing a full-screen panel. */
body.page-home .home-landing {
  height: 800px !important;
  min-height: 0 !important;
  max-height: 800px !important;
  padding: 24px !important;
}
body.page-home .home-landing .hero-inner {
  min-height: 0 !important;
}
@media (max-width: 700px) {
  body.page-home .home-landing {
    height: min(68svh, 560px) !important;
    min-height: 400px !important;
    max-height: 560px !important;
    padding: 20px !important;
  }
}

.social-live-embed {
  height: 360px;
  min-height: 360px;
  overflow: auto;
  background: #fff;
  scrollbar-width: thin;
}

.social-tabs-section .social-feed-intro h2 {
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  line-height: 1.15;
}

.social-tabs-section.social-feed {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.social-tabs-section .social-feed-intro p {
  font-size: .88rem;
  line-height: 1.45;
}

.social-tabs-section .social-tab-head strong {
  font-size: .9rem;
}

.social-tabs-section .social-open {
  font-size: .74rem;
}

.social-tabs-section .x-preview-card > a {
  font-size: .8rem;
  line-height: 1.35;
}

.social-tab > p {
  display: none;
}

.social-live-embed iframe {
  display: block;
  width: 100%;
  min-height: 360px;
  border: 0;
}

.instagram-preview-card.social-live-embed {
  height: 440px;
  min-height: 440px;
}

.instagram-preview-card.social-live-embed .instagram-media {
  min-width: 0 !important;
  width: 100% !important;
}

.x-preview-card.social-live-embed {
  padding: 0;
}

.x-preview-card.social-live-embed .twitter-timeline {
  display: block;
  width: 100%;
  min-height: 360px;
}

@media (max-width: 640px) {
  .social-live-embed {
    height: 340px;
    min-height: 340px;
  }
  .instagram-preview-card.social-live-embed {
    height: 400px;
    min-height: 400px;
  }
}