/* Site-wide typography cleanup: use the same quiet sans-serif system as the revised homepage. */
:root {
  --pub-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --pub-serif: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body,
body input,
body select,
body textarea,
body button {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .section-heading h2,
body .hub-group-header h2,
body .article-card-copy h3,
body .stacked-story h3,
body .destination-copy h3,
body .route-card h3,
body .resource-toolkit-card h3,
body .partnership-card h3,
body .story-prose h2,
body .story-prose h3,
body .article-opening h1,
body .article-body h1,
body .article-body h2,
body .article-body h3,
body .article-body h4,
body .pull-quote,
body blockquote {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-style: normal !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
}

body .story-prose,
body .article-body,
body .article-opening-copy,
body .editorial-copy,
body .resource-intro,
body .contact-panel,
body .publication-footer,
body .publication-nav,
body .publication-utility,
body .publication-kicker,
body .section-kicker,
body .card-kicker,
body .text-link,
body .publication-button,
body .publication-checklist {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body .story-prose {
  font-style: normal !important;
}

body .pull-quote,
body blockquote {
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
}

body .publication-footer-brand,
body .publication-footer-brand span {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-style: normal !important;
}

/* Keep the tiny decorative welcome line and homepage logo treatment only. */
body.homepage-v2 .home-intro-note,
body.homepage-v2 .publication-brand,
body.homepage-v2 #header .publication-brand {
  font-family: "Libre Baskerville", Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

/* Smaller, calmer titles on content indexes and cards. */
body:not(.homepage-v2) .article-card-copy h3,
body:not(.homepage-v2) .stacked-story h3,
body:not(.homepage-v2) .resource-toolkit-card h3,
body:not(.homepage-v2) .route-card h3,
body:not(.homepage-v2) .partnership-card h3 {
  line-height: 1.18 !important;
}

@media (max-width: 700px) {
  body:not(.homepage-v2) .article-card-copy h3,
  body:not(.homepage-v2) .resource-toolkit-card h3,
  body:not(.homepage-v2) .route-card h3,
  body:not(.homepage-v2) .partnership-card h3 {
    font-size: 1.35rem !important;
  }

  body:not(.homepage-v2) .stacked-story h3 {
    font-size: 1.1rem !important;
  }

  /* Destination index: make each country unmistakable and stop photos swallowing the labels. */
  body.publication-page .destination-grid {
    grid-template-columns: 1fr !important;
    gap: 2.35rem !important;
  }

  body.publication-page .destination-poster {
    display: block !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
    background: transparent !important;
  }

  body.publication-page .destination-poster img {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  body.publication-page .destination-poster::after {
    display: none !important;
  }

  body.publication-page .destination-poster .destination-copy {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    padding: 0.9rem 0 0 !important;
    background: var(--pub-paper) !important;
  }

  body.publication-page .destination-copy h3 {
    margin: 0 !important;
    color: var(--pub-ink) !important;
    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 1.35rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
  }

  body.publication-page .destination-copy p {
    margin: 0.35rem 0 0 !important;
    color: var(--pub-muted) !important;
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
  }
}