/* Bounded spacing for public preview layouts; full-screen scene timelines keep
   their existing responsive rules and original media proportions. */
:root {--preview-page-gutter:clamp(20px,4vw,96px);--preview-section-space:clamp(32px,4svh,64px)}
html body.page-service :is(.services-guide-inner,.service-inner,.support-inner) {
 width:min(1240px,calc(100% - 2 * var(--preview-page-gutter)));
}
html body .faq-page .faq-inner {width:min(900px,calc(100% - 2 * var(--preview-page-gutter)))}
html body #page-partners .partners-inner {width:min(1160px,calc(100% - 2 * var(--preview-page-gutter)))}
html body :is(.support-grid,.partners-grid,.service-scope-list,.process-flow,.form-grid,.footer-info) > * {min-width:0}
html body.page-service :is(.services-guide-actions,.support-actions) {max-width:calc(100% - 2 * var(--preview-page-gutter));row-gap:14px}
html body.page-service :is(.services-guide-actions,.support-actions) a {max-width:100%;text-align:center;overflow-wrap:anywhere}
@media(min-width:769px) {
 html body.page-service main:not(.faq-page) {
  padding-top:max(156px,calc(var(--site-header-h,90px) + var(--preview-section-space)));
  padding-bottom:clamp(72px,8svh,112px);
 }
 html body #page-partners {padding-top:calc(var(--site-header-h,90px) + var(--preview-section-space));padding-bottom:var(--preview-section-space)}
}
@media(max-width:768px) {
 html body.page-service main:not(.faq-page) {padding-top:max(120px,calc(var(--site-header-h,70px) + 32px));padding-bottom:72px}
}