/* The production website supplies the outer header and footer. */
html { scroll-padding-top: 76px; }
body.cms-microsite { margin: 0; --header: 0px; }
body.cms-microsite { min-height: 0 !important; height: auto !important; }
[data-dodo-navigation][hidden] { display: none !important; }
html[data-dodo-page-view] #cp-image-dialog,
html[data-dodo-page-view] #original-viewer,
html[data-dodo-page-view] #image-viewer,
html[data-dodo-page-view] .hx-legacy-dialog,
html[data-dodo-page-view] .sport-context-dialog { box-sizing: border-box; }
html[data-dodo-page-view] #cp-image-dialog,
html[data-dodo-page-view] #original-viewer { padding: 56px 16px 16px !important; background: #142a27 !important; }
html[data-dodo-page-view] .cp-image-scroll,
html[data-dodo-page-view] .original-scroll { height: calc(var(--dodo-viewport-height, 100dvh) - 240px) !important; max-height: calc(var(--dodo-viewport-height, 100dvh) - 240px) !important; overflow: auto; }
html[data-dodo-page-view] .original-scroll { padding: 0; align-items: safe center; }
html[data-dodo-page-view] .original-scroll img:not(.is-tall) { max-height: 100%; }
html[data-dodo-page-view] #cp-image-close,
html[data-dodo-page-view] #original-viewer .close-image { position: absolute; top: 10px; right: 16px; z-index: 3; color: #fff; background: #18352d; }
html[data-dodo-page-view] #image-viewer .viewer-picture > img { max-height: calc(var(--dodo-viewport-height, 100dvh) - 240px); }
html[data-dodo-page-view] .sport-context-body { max-height: calc(var(--dodo-viewport-height, 100dvh) - 240px); overflow: auto; }
html[data-dodo-page-view] dialog.hx-legacy-dialog[data-dodo-page-view][open] { width: min(2400px, calc(100vw - 32px), calc((var(--dodo-viewport-height, 100dvh) - 160px) * 16 / 9)) !important; left: 50% !important; transform: translateX(-50%); }
[data-microsite-contact-template] { display: none !important; }
.microsite-contact-status { position: fixed; z-index: 2147483647; bottom: 24px; left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100% - 32px); padding: 12px 20px; border-radius: 8px; background: #fff; color: #263a4c; box-shadow: 0 4px 24px #0003; font: 14px/1.6 system-ui, sans-serif; }
.cms-microsite .chapter-nav,
.cms-microsite .case-section-nav,
.cms-microsite .cx-chapter-nav { top: 0; }
.cms-microsite .sport-scene-copy { top: 90px; }
.microsite-return { display: inline-flex; margin: 24px max(5%, calc((100% - 1200px) / 2)); color: #315b83; font: 600 14px/1.6 system-ui, sans-serif; text-decoration: none; }
.microsite-return:hover { text-decoration: underline; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

@media (max-width: 760px) {
  .cms-microsite .cp-delivery-panel,
  .cms-microsite .cp-closing { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .cms-microsite .cp-delivery-panel > *,
  .cms-microsite .cp-closing > * { min-width: 0; }
  .cms-microsite .cp-delivery-panel dl > div { grid-template-columns: 90px minmax(0, 1fr); gap: 16px; }
  .cms-microsite .cp-closing .cp-primary { width: 100%; min-width: 0; justify-content: space-between; }
  body.cms-microsite { min-width: 0 !important; width: 100%; }
  .cms-microsite main { min-width: 0; max-width: 100%; }
  .cms-microsite .wrap,
  .cms-microsite .cp-wrap,
  .cms-microsite .container { width: calc(100% - 32px) !important; min-width: 0; margin-left: auto; margin-right: auto; }
  .cms-microsite main > section,
  .cms-microsite main > div,
  .cms-microsite main article { min-width: 0; }
  .cms-microsite main div,
  .cms-microsite main section,
  .cms-microsite main figure { min-width: 0; }
  .cms-microsite figure { max-width: 100%; }
  .cms-microsite .cp-topic-hero-grid,
  .cms-microsite .cp-heading,
  .cms-microsite .cx-background-columns,
  .cms-microsite .cp-service-scene,
  .cms-microsite .cn-identity-scene,
  .cms-microsite .ct-archive-scene,
  .cms-microsite .sp-caption,
  .cms-microsite .cp-map-scene,
  .cms-microsite .cp-plot-detail,
  .cms-microsite .rf-scene-intro,
  .cms-microsite .rf-original-and-work,
  .cms-microsite .cp-aftercare-scene,
  .cms-microsite .cn-visits-scene,
  .cms-microsite .cp-public-scene,
  .cms-microsite .cp-scene-copy,
  .cms-microsite .cx-finance-layout,
  .cms-microsite .cv-blue-row,
  .cms-microsite .cv-audience-grid,
  .cms-microsite .cv-domain-grid,
  .cms-microsite .cv-foundation-grid,
  .cms-microsite .cv-blue-footer,
  .cms-microsite .cv-integration,
  .cms-microsite .cp-connection,
  .cms-microsite .cp-delivery-grid,
  .cms-microsite .cp-faq-intro,
  .cms-microsite .cp-faq-layout,
  .cms-microsite .cp-stage-panel,
  .cms-microsite .cp-stage-grid,
  .cms-microsite .cx-delivery-panel { grid-template-columns: minmax(0, 1fr) !important; gap: 24px; }
  .cms-microsite .cp-section { padding-top: 44px; padding-bottom: 44px; }
  .cms-microsite .cp-heading { margin-bottom: 28px; }
  .cms-microsite .cp-topic-hero-grid { padding-top: 28px; padding-bottom: 28px; }
  .cms-microsite .cp-topic-hero-copy h1 { font-size: 39px !important; }
  .cms-microsite .cp-heading h2 { font-size: 27px; }
  .cms-microsite .cp-product-window { min-width: 0; max-width: 100%; overflow-x: auto; }
  .cms-microsite .cp-topic-visual { min-width: 0; width: 100%; }
  .cms-microsite .cv-blueprint { padding: 20px 16px; }
  .cms-microsite .cv-domain-grid article { min-width: 0; padding: 24px 18px; }
  .cms-microsite .cv-integration > * { min-width: 0; }
  .cms-microsite .cx-chapter-nav .cp-wrap { width: 100% !important; }
  .cms-microsite .cx-chapter-nav .cp-wrap > strong { display: none; }
  .cms-microsite .cx-chapter-nav .cp-wrap > div { min-width: 0; flex: 1; overflow-x: auto; }
  .cms-microsite .cx-top-link { flex-shrink: 0; }
  .cms-microsite .cx-chapter-nav nav,
  .cms-microsite .chapter-nav,
  .cms-microsite main [role="tablist"] { max-width: 100%; overflow-x: auto; flex-wrap: nowrap; }
  .cms-microsite main [role="tablist"] { display: flex !important; }
  .cms-microsite main [role="tab"] { flex: 0 0 auto; white-space: nowrap; }
  .cms-microsite .chapter-nav { justify-content: flex-start; gap: 25px; padding: 14px 16px; }
  .cms-microsite .hero-grid,
  .cms-microsite .section-heading,
  .cms-microsite .hx-dual-end,
  .cms-microsite .recruit-panel,
  .cms-microsite .recruit-product,
  .cms-microsite .hx-opportunity-grid,
  .cms-microsite .hx-inline-story,
  .cms-microsite .continuity-grid,
  .cms-microsite .hx-role-intro,
  .cms-microsite .hx-learning-notes,
  .cms-microsite .hx-network-main,
  .cms-microsite .hx-nearby-detail,
  .cms-microsite .hx-operation-notes,
  .cms-microsite .hx-workbench-body,
  .cms-microsite .hx-board-explain,
  .cms-microsite .hx-record-principles,
  .cms-microsite .hx-design-review-heading,
  .cms-microsite .hx-design-review,
  .cms-microsite .implementation-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 24px; }
  .cms-microsite .hx-opportunity-grid > * { grid-row: auto !important; grid-column: auto !important; }
  .cms-microsite .hero-grid { padding: 30px 0; min-height: 0; }
  .cms-microsite .hero-copy h1 { font-size: 35px; }
  .cms-microsite .hero-stage { min-height: 260px; height: auto; width: 100% !important; max-width: 100%; overflow: clip; }
  .cms-microsite .hero-summary { gap: 14px; font-size: 11px; }
  .cms-microsite .section-heading h2 { font-size: 28px; }
  .cms-microsite .section-heading { margin-bottom: 28px; }
  .cms-microsite .hx-learning-stage { flex-direction: column; }
  .cms-microsite .hx-learning-desktop,
  .cms-microsite .hx-dual-end > *,
  .cms-microsite .hx-nearby-detail > *,
  .cms-microsite .hx-network-main > * { min-width: 0; max-width: 100%; }
  .cms-microsite .hx-end-labels > div { grid-template-columns: 1fr; gap: 4px; }
  .cms-microsite .hx-phone-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 100%; }
  .cms-microsite .hx-phone-pair > .hx-phone { width: 100%; min-width: 0; max-width: 100%; }
  .cms-microsite .hx-phone-pair .hx-phone-glass { max-width: 100%; }
  .cms-microsite .status-choices { display: flex; flex-wrap: wrap; }
  .cms-microsite .follow-demo { padding: 20px; }
  .cms-microsite .recruit-panel { padding: 22px 18px; }
  .cms-microsite .recruit-panel > * { min-width: 0; }
  .cms-microsite .sport-overview-layout,
  .cms-microsite .sport-role-scene,
  .cms-microsite .sport-live-pair,
  .cms-microsite .sport-scene-heading,
  .cms-microsite .sport-delivery-heading,
  .cms-microsite .sport-design-strip,
  .cms-microsite .sport-delivery-photos,
  .cms-microsite .project-next,
  .cms-microsite .faq-layout,
  .cms-microsite .cooperation-layout,
  .cms-microsite .contact-main,
  .cms-microsite .form-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 28px; }
  .cms-microsite .sport-overview-layout { min-height: 0; padding-top: 32px; }
  .cms-microsite .sport-overview-copy h1 { font-size: 35px; }
  .cms-microsite .sport-overview-copy h1 > span { font-size: 21px; }
  .cms-microsite .sport-overview-products { min-width: 0; max-width: 100%; height: 440px; }
  .cms-microsite .sport-benefits-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .cms-microsite .sport-role-scene > .sport-scene-copy { position: static; padding-top: 0; }
  .cms-microsite .sport-live-pair > * { min-width: 0; max-width: 100%; }
  .cms-microsite .sport-design-characters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cms-microsite .sport-product--operations { max-width: 100%; overflow-x: auto; }
  .cms-microsite .section { padding-top: 45px; padding-bottom: 45px; }
  .cms-microsite .section-head,
  .cms-microsite .page-head { grid-template-columns: 1fr; }
}