/* Brand Design Ltd. — Blog article readability (v2, 2026-07-02)
   Widen containers to match page gutters; open vertical spacing;
   restore theme-standard excerpt/body font sizes. */

/* Full-width article on desktop — extend to the same edges as other page containers */
@media (min-width: 992px) {
  .mxd-article-container { max-width: none !important; padding-inline: 0; }
  .mxd-article,
  .mxd-article__headline,
  .mxd-article__content,
  .mxd-article__thumb {
    max-width: 100rem;
    margin-inline: auto;
    padding-inline: 2rem;
  }
}
@media (min-width: 1440px) {
  .mxd-article,
  .mxd-article__headline,
  .mxd-article__content,
  .mxd-article__thumb {
    max-width: 128rem;    /* ≈1280px – matches other page containers on 1440px screens */
    padding-inline: 4rem;
  }
}

/* Excerpt — treat as lead deck: large, bright, unmissable */
.mxd-article__content p.t-large,
.mxd-article__content p.mxd-article__excerpt {
  font-size: 2rem !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  margin-bottom: 5rem !important;
  color: var(--t-bright, #f5f3ec);
  text-align: left;
}

/* Body paragraphs — justified, generous spacing */
.mxd-article__content p,
.mxd-article__block p {
  margin-bottom: 2.4rem;
  line-height: 1.75;
  text-align: justify;
  hyphens: auto;
}
/* Never justify short-line elements */
.mxd-article__content li,
.mxd-article__block li { text-align: left; }

/* Headings — much more air above, less below */
.mxd-article__content h2,
.mxd-article__block h2 {
  margin-top: 7rem;
  margin-bottom: 2.4rem;
  line-height: 1.15;
}
.mxd-article__content h3,
.mxd-article__block h3 {
  margin-top: 4.5rem;
  margin-bottom: 1.6rem;
  line-height: 1.2;
}

/* First heading in a block should not double-stack the top margin */
.mxd-article__block > h2:first-child,
.mxd-article__block > h3:first-child,
.mxd-article__block > p:first-child { margin-top: 0; }

/* First block right after the excerpt: don't add mega top-margin to its first heading */
.mxd-article__block + .mxd-article__block > h2:first-child { margin-top: 5rem; }

/* Lists — comfortable spacing */
.mxd-article__content ul,
.mxd-article__content ol,
.mxd-article__block ul,
.mxd-article__block ol {
  margin: 1.8rem 0 3rem;
  padding-left: 1.8rem;
}
.mxd-article__content li,
.mxd-article__block li {
  margin-bottom: 1.1rem;
  line-height: 1.7;
}

/* Blockquotes */
.mxd-article__content blockquote,
.mxd-article__block blockquote {
  margin: 3.5rem 0;
  padding: 1.75rem 2.4rem;
  border-left: 3px solid #DAF561;
  line-height: 1.65;
  font-style: italic;
}