/* Desktop: let body containers fill the screen width (added 2026-08-10) */
@media (min-width: 1025px) {
  main,
  .wrap,
  .rcn-wrap,
  .search-wrap,
  .sws-page-search,
  .chips,
  .hero,
  .map-section,
  .highlights-section,
  .sponsors-section,
  .feature,
  .alert,
  .howto,
  .foot-note,
  .swp-faq {
    max-width: none !important;
  }
}

/* FAQ slider: show 2 cards at once with a peek of the 3rd, desktop (added 2026-08-10) */
@media (min-width: 1025px) {
  .swp-faq .faq-slider .faq-slider__viewport {
    margin-left: 0;
    margin-right: 0;
  }
  .swp-faq .faq-slider .faq-slider__track {
    gap: 16px;
  }
  .swp-faq .faq-slider .faq-slider__slide {
    flex: 0 0 calc((100% - 32px) / 2.3);
    scroll-snap-align: start;
  }
  .swp-faq .faq-slider .faq-slider__nav {
    top: 50%;
    transform: translateY(-50%);
  }
  .swp-faq .faq-slider .faq-slider__nav:hover {
    transform: translateY(-50%) translate(1px, 1px);
  }
}

/* FAQ slider: keep the focus on the selected card, desktop (added 2026-08-10) */
@media (min-width: 1025px) {
  .swp-faq .faq-slider--focus .faq-slider__slide {
    filter: grayscale(0.7) contrast(0.9);
    opacity: 0.45;
    transition: opacity 0.35s ease, filter 0.35s ease;
  }
  .swp-faq .faq-slider--focus .faq-slider__slide.is-active {
    filter: none;
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .swp-faq .faq-slider--focus .faq-slider__slide {
    transition: none;
  }
}

/* ===============================================================
   Body copy: Times New Roman + link colour (added 2026-08-10)
   1) Paragraph text on every page renders in Times New Roman.
   2) Hyperlinks inside body text use the same colour as the text
      around them. Buttons, CTAs, image cards and "Read more"
      controls keep their own styling.
   =============================================================== */

/* 1. Paragraph text in Times New Roman */
p,
p a,
p span,
p strong,
p b,
p em,
p i,
p u,
p s,
p small,
p sub,
p sup,
p mark,
p abbr,
p cite,
p q,
p time,
p label {
  font-family: "Times New Roman", Times, serif !important;
}

/* Interface labels (card labels, "Read more" toggles) keep the site UI font */
p .swp-readmore-btn,
p .swp-readmore-btn *,
p .swp-mosaic-item,
p .swp-mosaic-item * {
  font-family: Roboto, sans-serif !important;
}

/* 2. Body-text links match the surrounding text colour */
p a:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not([class*="readmore"]):not([class*="read-more"]):not([class*="more-link"]):not([class*="mosaic"]):not(.skip-link),
blockquote a:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not([class*="readmore"]):not([class*="read-more"]):not([class*="more-link"]):not([class*="mosaic"]):not(.skip-link),
dd a:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not([class*="readmore"]):not([class*="read-more"]):not([class*="more-link"]):not([class*="mosaic"]):not(.skip-link),
dt a:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not([class*="readmore"]):not([class*="read-more"]):not([class*="more-link"]):not([class*="mosaic"]):not(.skip-link),
td a:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not([class*="readmore"]):not([class*="read-more"]):not([class*="more-link"]):not([class*="mosaic"]):not(.skip-link),
th a:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not([class*="readmore"]):not([class*="read-more"]):not([class*="more-link"]):not([class*="mosaic"]):not(.skip-link),
figcaption a:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not([class*="readmore"]):not([class*="read-more"]):not([class*="more-link"]):not([class*="mosaic"]):not(.skip-link) {
  color: inherit !important;
}


/* Mission statement lede: enlarged and matched to heading font (added 2026-08-11) */
#overview .swp-box > p:nth-of-type(2),
#overview .swp-box > p:nth-of-type(2) strong {
  font-family: 'Chivo', Arial, Helvetica, sans-serif !important;
  font-size: 32px;
  line-height: 1.3;
  font-weight: 700;
}
@media (max-width: 767px) {
  #overview .swp-box > p:nth-of-type(2),
  #overview .swp-box > p:nth-of-type(2) strong {
    font-size: 19px;
  }
}


/* Mosaic caption: right-aligned (added 2026-08-11) */
#overview .swp-box > p.swp-mosaic-caption {
  text-align: right;
}