/* ServerCheaper v4 — shared responsive content and media alignment.
   Applied after site-specific CSS on homepage and SEO article pages. */
:root { --sc-content-max: 1200px; }
html { max-width: 100%; overflow-x: clip; }
body { max-width: 100%; min-width: 0; }
img, video, svg, picture, iframe { max-width: 100%; }
.container { width: min(calc(100% - 48px), var(--sc-content-max)); max-width: 100%; margin-inline: auto; }
.sc-premium-footer .sc-ft-wrap { width: min(calc(100% - 48px), var(--sc-content-max)); max-width: 100%; margin-inline: auto; }
.sc-seo-content-page .sc-seo-wrap { width: 100%; max-width: var(--sc-content-max); padding-inline: 24px; }
/* Images and their containing text use the SAME content grid on desktop/mobile. */
.hero-shell, .hero-copy, .media-feature, .media-frame, .wide-poster,
.process-layout, .process-poster, .final-cta, .quote-cta,
.sc-dir-top, .sc-dir-panel, .sc-dir-categories,
.sc-seo-hero, .sc-seo-figure, .sc-seo-article-grid, .sc-seo-article,
.sc-seo-editorial, .sc-seo-aside, .sc-seo-panel { min-width:0; max-width:100%; }
.hero-shell > img, .hero-img, .banner-img, .media-frame img,
.wide-poster img, .process-poster, .sc-seo-figure img,
.sc-seo-editorial figure img, .sc-seo-editorial > img,
.sc-seo-editorial p > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.hero-img, .banner-img, .wide-poster img { aspect-ratio: auto; }
.sc-seo-figure img { max-height: none; aspect-ratio: auto; }
.sc-seo-figure, .sc-seo-article figure { max-width: 100%; }
.sc-seo-editorial pre, .sc-seo-editorial code, .sc-seo-editorial blockquote,
.sc-seo-breadcrumb, .sc-dir-chip, .sc-ft-grid > * { min-width:0; overflow-wrap:anywhere; }
.sc-seo-editorial pre, .sc-seo-editorial table,
.sc-seo-article table, .data-table, .comparison-table {
  max-width: 100%;
}
.sc-seo-editorial pre { white-space:pre-wrap; }
.sc-seo-editorial:has(table){ overflow-x:auto; }
@media(max-width:850px){
  .container { width:min(calc(100% - 36px),var(--sc-content-max)); }
  .sc-premium-footer .sc-ft-wrap { width:min(calc(100% - 36px),var(--sc-content-max)); }
  .sc-seo-content-page .sc-seo-wrap { padding-inline:18px; }
  .media-feature, .media-feature.media-reverse, .process-layout,
  .sc-seo-article-grid { grid-template-columns:minmax(0,1fr); }
  .media-feature .media-frame, .media-feature.media-reverse .media-frame,
  .sc-seo-figure { width:100%; max-width:100%; }
}
@media(max-width:600px){
  .container { width:min(calc(100% - 28px),var(--sc-content-max)); }
  .sc-premium-footer .sc-ft-wrap { width:min(calc(100% - 28px),var(--sc-content-max)); }
  .sc-seo-content-page .sc-seo-wrap { padding-inline:14px; }
  .hero-shell, .wide-poster, .media-frame, .sc-seo-figure { border-radius:16px; }
  .hero-shell img, .wide-poster img, .media-frame img { border-radius:11px; }
  .sc-seo-hero, .sc-seo-article { padding-inline:clamp(14px,4vw,23px); }
  .hero-ctas, .final-actions { min-width:0; }
  .hero-ctas > *, .final-actions > * { min-width:0; overflow-wrap:anywhere; }
  .sc-seo-editorial img { height:auto!important; max-width:100%!important; }
}