/* SSK Engineers — Additional 100 SEO guide width alignment (v4, 2026-11-10).
   Only affects pages created by the Additional 100 SEO Pages importer.
   Removed the 640px / 1024px horizontal-padding overrides as requested.
*/

/* Keep the page content within the same maximum content width used by the
   SSK header/footer. No forced responsive padding overrides. */
body.ssk-extra-100-wide-page main#main-content.max-w-7xl {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 24px 16px 0 !important;
  min-width: 0;
}

/* Do not apply a second content-width clamp inside the main container. */
body.ssk-extra-100-wide-page main#main-content > article {
  box-sizing: border-box !important;
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

/* page-section and seo-directory.css add separate nested widths/padding.
   The hero + both content columns should use the entire padded main width. */
body.ssk-extra-100-wide-page main#main-content > article > section.ssk-seo-landing.ssk-seo-extra.page-section,
body.ssk-extra-100-wide-page main#main-content .ssk-seo-landing.ssk-seo-extra.page-section {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 0 48px !important;
}

body.ssk-extra-100-wide-page .ssk-seo-extra .ssk-seo-hero,
body.ssk-extra-100-wide-page .ssk-seo-extra .ssk-seo-body {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
body.ssk-extra-100-wide-page .ssk-seo-extra .ssk-seo-body {
  display: grid;
  grid-template-columns: minmax(0, 2.3fr) minmax(220px, 1fr);
  gap: 22px;
  align-items: start;
}
body.ssk-extra-100-wide-page .ssk-seo-extra .ssk-seo-main,
body.ssk-extra-100-wide-page .ssk-seo-extra .ssk-seo-aside {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 760px) {
  body.ssk-extra-100-wide-page .ssk-seo-extra .ssk-seo-body {
    grid-template-columns: minmax(0, 1fr);
  }
  body.ssk-extra-100-wide-page main#main-content .ssk-seo-landing.ssk-seo-extra.page-section {
    padding-bottom: 30px !important;
  }
}