/* OfficeCalculator.Net v162: keep page sections within one responsive content width. */
html body[data-oc-workspace="stable-v30"] .right-column > .content {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: var(--oc132-content-max, 1440px) !important;
  margin-inline: auto !important;
}

html body[data-oc-workspace="stable-v30"] .content > :is(
  .oc-r47-content-card, .oc-adv-content-card, .oc-r47-related,
  .oc-related-section, .oc-category-section, .oc-category-showcase,
  .oc-category-completion, .oc-game-discovery, .oc-discovery-wrap,
  .oc-home-seo-v90, .oc-v53-longtail, .oc-sitemap-group, .oc-flow-section-v162,
  .oc-universal-footer
) {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  overflow-wrap: anywhere;
}

/* Category sections share the hero/search width; calculator forms keep their own limits. */
html body[data-oc-workspace="stable-v30"][data-oc-category-hub="true"] .content > :is(section, nav, .bt-category-grid, .oc-category-grid, .oc-bank-grid, .oc-bank-sections, .cal-section, .oc-cat-no-results) {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

html body[data-oc-workspace="stable-v30"] .oc-discovery-wrap > .oc-discovery {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

html body[data-oc-workspace="stable-v30"] .content > .oc-category-additions-v162 {
  margin-block: 22px !important;
  padding: clamp(16px, 2.2vw, 24px) !important;
  border: 1px solid var(--oc30-line, #9bb1c5) !important;
  border-radius: 16px !important;
  background: var(--oc30-panel, #fff) !important;
  color: var(--oc30-ink, #152a40) !important;
  box-shadow: 0 7px 22px rgba(19, 54, 82, .06) !important;
}

html body[data-oc-workspace="stable-v30"] .oc-category-additions-v162 > h2 {
  margin: 0 0 16px !important;
  font-size: clamp(1.2rem, 2.2vw, 1.6rem) !important;
  line-height: 1.25 !important;
  color: var(--oc30-ink, #152a40) !important;
}

html body[data-oc-workspace="stable-v30"] .oc-category-additions-v162 > .oc-category-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)) !important;
  gap: 12px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body[data-oc-workspace="stable-v30"] .oc-category-additions-v162 .oc-category-card {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  html body[data-oc-workspace="stable-v30"] .content > .oc-category-additions-v162 {
    margin-block: 16px !important;
    padding: 15px !important;
    border-radius: 13px !important;
  }
}