/* Tighten the vertical rhythm across the site while preserving the Bare-Metal layout. */
body:not(:has(#server-filters)) main > :is(
  .section, .product-directory, .city-directory, .expert-feature, .review-section,
  .content-section, .page-cta, .sales-story, .human-close,
  .infra-lead, .infra-section, .company-story, .company-principles,
  .company-services, .company-locations, .cap-explainer, .cap-deploy,
  .cap-services, .cap-control, .cap-scaling, .cap-visibility,
  .cap-chooser, .cap-usecases, .cloud-vdc, .openstack-simple,
  .cloud-use-spectrum, .cloud-billing-story, .cloud-value, .cloud-portal,
  .cloud-api, .cloud-locations, .cloud-model-choice, .cloud-compare-section
){padding-block:64px}

body:not(:has(#server-filters)) main > .experience-section{padding-block:52px}
body:not(:has(#server-filters)) main > .resource-section{padding-block:42px 52px}
body:not(:has(#server-filters)) main > .commerce{padding-block:48px}
body:not(:has(#server-filters)) main > .service-hero{padding-bottom:42px}
body:not(:has(#server-filters)) main > .inner-hero{min-height:450px;padding-bottom:60px}
body:not(:has(#server-filters)) main > .company-hero{padding-bottom:58px}
body:not(:has(#server-filters)) .section-heading{margin-bottom:38px}
body:not(:has(#server-filters)) .dark-section .section-heading{padding-bottom:34px}

/* The shield keeps its existing silhouette and carries the Sharktech mark. */
.shield-icon img{display:block;width:48px;height:56px;object-fit:contain;filter:brightness(0) invert(1)}

@media(max-width:700px){
  body:not(:has(#server-filters)) main > :is(
    .section, .product-directory, .city-directory, .expert-feature, .review-section,
    .content-section, .page-cta, .sales-story, .human-close,
    .infra-lead, .infra-section, .company-story, .company-principles,
    .company-services, .company-locations, .cap-explainer, .cap-deploy,
    .cap-services, .cap-control, .cap-scaling, .cap-visibility,
    .cap-chooser, .cap-usecases, .cloud-vdc, .openstack-simple,
    .cloud-use-spectrum, .cloud-billing-story, .cloud-value, .cloud-portal,
    .cloud-api, .cloud-locations, .cloud-model-choice, .cloud-compare-section
  ){padding-block:44px}
  body:not(:has(#server-filters)) main > .experience-section{padding-block:38px}
  body:not(:has(#server-filters)) main > .resource-section{padding-block:32px 40px}
  body:not(:has(#server-filters)) main > .commerce{padding-block:38px}
  body:not(:has(#server-filters)) main > .service-hero{padding-bottom:30px}
  body:not(:has(#server-filters)) main > .inner-hero{min-height:0;padding-bottom:44px}
  body:not(:has(#server-filters)) main > .company-hero{padding-bottom:44px}
  body:not(:has(#server-filters)) .section-heading{margin-bottom:28px}
  body:not(:has(#server-filters)) .dark-section .section-heading{padding-bottom:24px}
}