/* Refined layout for native WordPress articles. */
.article-hero {
  margin-top: 80px;
  min-height: 0;
  display: block;
  background: #004b78 !important;
}

.article-hero-inner {
  width: min(960px, 100%);
  margin: 0 auto;
  padding: 58px 24px 54px;
}

.article-hero h1 {
  font-size: clamp(34px, 4.8vw, 58px);
  max-width: 900px;
  margin: 8px 0 16px;
}

.article-hero p {
  max-width: 760px;
  margin: 0;
  line-height: 1.7;
}

.byline {
  margin-top: 24px;
}

/* Single articles have no table of contents: occupy the full article column. */
.article-layout--single {
  display: block;
  max-width: 820px;
  padding-top: 56px;
}

.article-layout--single .prose {
  width: 100%;
}

/* This branded overview image contains text at its edges; never crop it. */
.article-photo img[src*="og-pattaya.webp"] {
  aspect-ratio: auto;
  height: auto;
  object-fit: contain;
}

@media (max-width: 850px) {
  .article-hero {
    margin-top: 68px;
  }

  .article-hero-inner {
    padding: 40px 20px 38px;
  }

  .article-hero h1 {
    font-size: 34px;
  }

  .article-hero p {
    font-size: 16px;
  }

  .article-layout--single {
    max-width: 720px;
    padding: 42px 20px 80px;
  }

  .article-layout--single .prose {
    font-size: 16px;
    line-height: 1.9;
  }

  .article-layout--single .prose .lead {
    font-size: 19px;
    line-height: 1.75;
  }
}