/* Scoped production repairs for the active Magic Homepage export. */
.categories-featured .categories-section-heading,
.categories-featured .categories-page-grid {
  width: min(1290px, calc(100% - 32px)) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}
.category-landing-page .category-breadcrumb,
.category-landing-page .category-landing-hero {
  width: min(1290px, 100%) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}
.blog-page .blog-archive-grid,
.article-page .article-related-grid {
  width: min(100%, 1200px) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  box-sizing: border-box !important;
}
.blog-page .blog-featured-wrap,
.blog-page .blog-featured-card { width: min(100%, 1290px) !important; max-width: 100% !important; box-sizing: border-box !important; }
.blog-page .blog-featured-copy { min-width: 0 !important; }
.blog-page .blog-archive-grid > *,
.article-page .article-related-grid > * { min-width: 0 !important; }
.article-page .blog-library-heading { width: min(100%, 1200px) !important; max-width: 100% !important; margin-inline: auto !important; }
.article-page { height: auto !important; min-height: 0 !important; overflow: visible !important; }
.article-page .article-hero { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; padding-bottom: 48px !important; box-sizing: border-box !important; }
body .article-page .article-layout { height: auto !important; min-height: 0 !important; padding-top: 24px !important; padding-bottom: 48px !important; }
.article-page .article-breadcrumb,
.article-page .article-body { width: min(100% - 48px, 1010px) !important; max-width: 100% !important; box-sizing: border-box !important; }
.article-page .article-breadcrumb { margin-left: auto !important; margin-right: auto !important; }
.article-page .article-body { min-width: 0 !important; }
.article-page .article-body img { max-width: 100%; height: auto; }
.article-page .article-related { height: auto !important; min-height: 0 !important; }
.article-page .article-related-grid > * { grid-column: auto !important; width: 100% !important; max-width: none !important; }
.article-page .article-end-cta { margin-bottom: 0 !important; }
.article-page .article-featured-image { margin: 0 0 28px; border-radius: 20px; overflow: hidden; }
.article-page .article-featured-image img { display: block; width: 100%; max-height: 460px; object-fit: cover; }
.article-page .mjp-editorial-note { margin: 0 0 28px; }
.article-page .mjp-editorial-note p { margin: 0 0 18px; }
.article-page .article-share { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 36px 0 24px; padding-top: 22px; border-top: 1px solid #d7def0; }
.article-page .article-share a,
.article-page .article-share button { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; border-radius: 50%; border: 0; color: #fff; background: #7893d1; text-decoration: none; font: 700 15px/1 Arial, sans-serif; cursor: pointer; }
.article-page .article-share a:hover,
.article-page .article-share button:hover { background: #3656a6; }
.article-page .article-share .share-status { width: 100%; font-size: 13px; color: #3656a6; }
.home-page-017 .partners-section .partner-row { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; column-gap: clamp(18px, 3.8vw, 49px) !important; row-gap: 22px !important; }
.partners-section .partner-logo-image { flex: 0 0 auto !important; max-width: min(160px, 30vw) !important; }
@media (min-width: 621px) and (max-width: 1040px) {
  .article-page .article-end-cta,
  .blog-page .blog-play-cta { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 16px !important; height: auto !important; min-height: 200px !important; padding: 24px 24px 24px clamp(130px,24vw,190px) !important; box-sizing: border-box !important; }
  .article-page .article-end-cta .site-play-cta-copy,
  .blog-page .blog-play-cta .site-play-cta-copy { position: static !important; width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; }
  .article-page .article-end-cta h2,
  .blog-page .blog-play-cta h2 { width: auto !important; height: auto !important; font-size: clamp(28px,4vw,40px) !important; line-height: 1.1 !important; white-space: normal !important; }
  .article-page .article-end-cta .site-play-cta-button,
  .blog-page .blog-play-cta .site-play-cta-button { position: static !important; left: auto !important; top: auto !important; margin: 0 !important; transform: none !important; }
}
@media (max-width: 850px) {
  .blog-page .blog-archive-grid,
  .article-page .article-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .blog-page .blog-archive-grid,
  .article-page .article-related-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .article-page .article-hero { padding-bottom: 32px !important; }
  body .article-page .article-layout { padding-top: 16px !important; padding-bottom: 32px !important; }
  .article-page .article-breadcrumb,
  .article-page .article-body { width: min(100% - 32px, 1010px) !important; }
  .article-page .article-share { gap: 8px !important; }
  .article-page .article-share strong { width: 100%; }
  .partners-section .partner-row { column-gap: 18px !important; }
}