/* SGTM v222: headings, readable spacing and 3–6px content corners. */
:root{
  --sgtm-v222-section:76px;
  --sgtm-v222-gutter:clamp(20px,7vw,120px);
  --sgtm-v222-card:26px;
  --sgtm-v222-copy:16px;
}

/* Full-width content bands retain their existing colours and grid layouts. */
html body main>section.audit-content-section-v222{
  padding-top:var(--sgtm-v222-section)!important;
  padding-bottom:var(--sgtm-v222-section)!important;
  box-sizing:border-box;
}
html body main>section.audit-related-v222{
  width:100%;max-width:none!important;margin:0!important;
  padding:56px var(--sgtm-v222-gutter) 64px!important;
  gap:18px!important;box-sizing:border-box;
}
html body main .audit-section-title-v222{
  grid-column:1/-1;display:block;min-width:0;
  margin:0 0 18px!important;
  color:#102d43;font-size:clamp(28px,3vw,40px);
  font-weight:750;line-height:1.18;letter-spacing:-.025em;
  text-transform:none;overflow-wrap:break-word;
}
html body main .contact-options>.audit-section-title-v222{color:#fff}
html body main .trust-panel>.audit-section-title-v222{margin-bottom:28px!important}
html body main .case-summary>.audit-section-title-v222{
  font-size:clamp(26px,2.5vw,34px);margin-bottom:22px!important;
}
html body main .intl143-summary>.audit-section-title-v222{
  color:#fff;font-size:20px;letter-spacing:0;margin-bottom:4px!important;
}

/* Short notices need less outside space than a full service section. */
html body main>section.audit-note-section-v222{
  padding-top:34px!important;padding-bottom:34px!important;
  gap:24px;align-items:start;box-sizing:border-box;
}
html body main .audit-notice-title-v222{
  margin:0!important;font-size:clamp(20px,2vw,24px);
  color:inherit;font-weight:750;line-height:1.3;letter-spacing:-.015em;
}
html body main .audit-note-section-v222>p{margin:0!important;line-height:1.75}

/* Text cards use consistent insets; photograph cards keep edge-to-edge media. */
html body main article.audit-card-v222{
  padding:var(--sgtm-v222-card)!important;min-height:0!important;
  box-sizing:border-box;min-width:0;
}
html body main a.audit-link-card-v222{
  padding:var(--sgtm-v222-card)!important;
  display:flex;flex-direction:column;align-items:flex-start;
  box-sizing:border-box;min-width:0;
}
html body main article h3,
html body main .audit-link-card-v222 h3{
  margin:0 0 12px!important;min-height:0!important;
  line-height:1.3!important;overflow-wrap:break-word;
}
html body main article>:is(b,span,small)+h3,
html body main .audit-link-card-v222>:is(b,span,small)+h3{margin-top:12px!important}
html body main .audit-card-title-v222{
  display:block;font-size:20px;font-weight:750;color:inherit;
}
html body main .case-summary-card .audit-card-title-v222{
  font-size:17px;color:#102d43;line-height:1.45!important;
  margin:0!important;
}
html body main .case-summary-card small{margin-bottom:8px}
html body main .intl143-summary article h3{
  font-size:15px;font-weight:600;color:#ffffff;
  line-height:1.5!important;margin:0!important;
}
html body main :is(.gearbox-postal-grid,.postal-instructions) .audit-card-title-v222{color:#fff}
html body main .bcm-area-grid .audit-card-title-v222{color:#75d5ee}
html body main .intl143-trust-grid .audit-card-title-v222{color:#102d43;font-size:18px}
html body main .audit-link-card-v222>b:last-child{
  margin-top:auto;padding-top:20px;font-size:13px;line-height:1.5;
}
html body main article p,
html body main .audit-link-card-v222 p{line-height:1.75;margin-bottom:0}
html body main article h3+p,
html body main .audit-link-card-v222 h3+p{margin-top:0!important}
html body main section p+p{margin-top:var(--sgtm-v222-copy)!important}
html body main .contact-options article>a{display:inline-block;margin-bottom:12px;overflow-wrap:anywhere}
html body main .contact-options article>p{margin-top:0!important}

/* A clear gap between copy, actions and neighbouring controls. */
html body main :is(.actions,.contact-actions,.online-file-actions,.intl143-actions,.case-cta-actions){
  gap:12px;flex-wrap:wrap;
}
html body main .actions{margin-top:28px}
html body main :is(.btn,.intl143-btn){
  min-height:48px;padding:14px 22px;line-height:1.35;
  white-space:normal;max-width:100%;box-sizing:border-box;
}
html body main :is(p,li) a:not(.btn){
  text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;overflow-wrap:anywhere;
}
html body main a:focus-visible{outline:3px solid #35c5f4;outline-offset:4px}

/* Cards, images, form controls and rectangular buttons stay within 3–6px.
   Full-width section bands and intentionally circular icons are excluded. */
html body main article,
html body main .audit-link-card-v222,
html body main :is(.work-card,.gallery-card,.case-media-card,.case-panel,
  .case-gallery-intro,.case-video-intro,.case-notes-box,.case-cta-box,
  .case-video-wrap,.copyright-photo,.premium-detail-inner,.benefits,
  .intl143-summary,.intl143-related>a,.warranty-summary-v32,
  .contact-upload-panel,.contact-help-card,.enquiry-form,.booking-form),
html body main [class$="-box"],
html body main [class$="-panel"],
html body main [class$="-card"],
html body main details:not(.contact-module-details){border-radius:5px!important}
html body main :is(img,video){border-radius:4px!important}
html body main figure{border-radius:5px!important}
html body main :is(.btn,.intl143-btn),
html body header.sgtm-header .call,
html body .ecu-services-v133 .ecu-security-actions a{border-radius:4px!important}
html body main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:5px!important}
html body .ecu-services-v133 .ecu-security-notes article,
html body .international-services-v143 .intl143-hero-photo,
html body .sgtm-header .nav-drop-menu,
html body .sgtm-header .mobile-menu-panel{border-radius:5px!important}
html body .sgtm-header .nav-drop-menu a,
html body .sgtm-header .mobile-menu>summary,
html body .mobile-menu-panel .mobile-nav-section a{border-radius:4px!important}
html body #sgtm-chat-panel,
html body .sgtm-chat-welcome,
html body .sgtm-chat-msg{border-radius:5px!important}

/* Match the case-summary gutter to the surrounding gallery content. */
html body main.case-study-main>.case-summary{
  padding-left:7vw!important;padding-right:7vw!important;
}
/* A centred warranty panel uses a card inset rather than a second page gutter. */
html body main>.warranty-summary-v32{
  padding:32px!important;box-sizing:border-box;
}

@media(max-width:950px){
  :root{--sgtm-v222-section:58px;--sgtm-v222-gutter:max(24px,6vw);--sgtm-v222-card:24px}
  html body main>section.audit-related-v222{padding-top:44px!important;padding-bottom:48px!important}
  html body main.case-study-main>.case-summary{padding-left:6vw!important;padding-right:6vw!important}
}
@media(max-width:620px){
  :root{--sgtm-v222-section:44px;--sgtm-v222-gutter:max(20px,5vw);--sgtm-v222-card:20px;--sgtm-v222-copy:14px}
  html body main>section.audit-related-v222{padding-top:36px!important;padding-bottom:40px!important;gap:14px!important}
  html body main>section.audit-note-section-v222{padding-top:28px!important;padding-bottom:28px!important;gap:14px}
  html body main .audit-section-title-v222{font-size:28px;margin-bottom:12px!important}
  html body main .audit-notice-title-v222{font-size:21px}
  html body main.case-study-main>.case-summary{padding-left:max(20px,5vw)!important;padding-right:max(20px,5vw)!important}
  html body main>.warranty-summary-v32{padding:22px!important}
  html body main .case-cta-actions{width:100%}
  html body main .case-cta-actions .btn{flex:1 1 180px;text-align:center;justify-content:center}
}