/* Card layout cleanup, independent of the original green-and-gold palette. */
/* Approach process cards are defined in approach-page-match.css. */
body :is(.migrated,.fdl) :is(
.editor-columns,.layout-shared-grid,.layout-shared-card,
.editor-map,.hero-card,.home-working-brief,
.service-card,.growth-card,.transaction-output,.delivery-onboard-card,
.audience-detail-card,.engagement-card,.about-principle,
.feature-band-visual,.about-delivery-visual,
.showcase-main,
.schlott-specific-document,.schlott-work-example,.schlott-work-frame,.schlott-work-sheet,
.transaction-buyer-steps,
.schlott-journey-steps,.schlott-journey-step,.schlott-journey-module,
.blog-card,.home-podcast-player,.schlott-episode-card,
.home-contact-simple-grid,.contact-inquiry-form,
.ft-hub-card,.ft-explainer,.ft-form-panel,.ft-results,.ft-handoff,
.fdl-panel,.fdl-bottom,.dl-promo-card
){border:0!important;box-shadow:none!important}
/* Numbered engagement steps share the site's bordered, softly shadowed cards. */
body .migrated .transaction-buyer-steps > div{
 border:1px solid #D4DDE4!important;
 border-radius:18px;
 background:#FFFFFF;
 box-shadow:0 5px 18px rgba(21,50,67,.055)!important;
 padding:28px;
 min-width:0;
 box-sizing:border-box;
}
@media(max-width:650px){body .migrated .transaction-buyer-steps > div{padding:22px}}
/* Restore a visible frame around the working-sequence diagrams across service, recurring, deliverable and contact pages. */
body .migrated .editor-hero .editor-map,
body .migrated .editor-map,
body .migrated .delivery-side{
 border:1px solid #D4DDE4!important;
 border-radius:20px!important;
 background:#FFFFFF!important;
 box-shadow:0 5px 20px rgba(21,50,67,.055)!important;
 box-sizing:border-box!important;
}
/* Consistent visible surfaces for repeated deliverable and service grids across pages. */
body .migrated :is(.delivery-grid,.transaction-output-grid,.layout-shared-grid,.editor-columns):not(.approach-process):not(.approach-detail-grid) > :is(.layout-shared-card,article.layout-shared-card,div.layout-shared-card,a.layout-shared-card){
 background:#FFFFFF!important;
 border:1px solid #D4DDE4!important;
 border-radius:18px!important;
 box-shadow:0 5px 18px rgba(21,50,67,.055)!important;
 padding:28px!important;
 box-sizing:border-box!important;
 min-width:0;
}
@media(max-width:650px){body .migrated :is(.delivery-grid,.transaction-output-grid,.layout-shared-grid,.editor-columns) > .layout-shared-card{padding:22px!important}}
/* Service link cards: consistent single-line labels and distinct pictograms. */
body .migrated .delivery-service-links{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body .migrated .delivery-service-links.layout-shared-grid > a[data-layout-card].layout-shared-card{position:relative;padding:24px!important;min-height:190px;display:flex!important;grid-template-rows:none;grid-row:auto!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px}
body .migrated .delivery-service-links > a.layout-shared-card > .action-label{margin-top:auto}
body .migrated .delivery-service-links > a.layout-shared-card > strong{font-size:clamp(12px,1.05vw,17px)!important;line-height:1.25!important;letter-spacing:-.025em;white-space:nowrap!important;font-weight:650}
body .migrated .delivery-service-links > a.layout-shared-card::before{content:"";position:static;display:block;flex:0 0 25px;width:25px;height:25px;background-color:#294D67;mask-size:contain;mask-repeat:no-repeat;mask-position:center}
body .migrated .delivery-service-links > a:nth-child(1)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4zm2 2v14h12V5zm2 3h8v2H8zm0 4h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E")}
body .migrated .delivery-service-links > a:nth-child(2)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 20h18v2H1V2h2zm2-4 5-5 4 3 6-8 2 1-8 10-4-3-4 4z'/%3E%3C/svg%3E")}
body .migrated .delivery-service-links > a:nth-child(3)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m0 2a8 8 0 1 1-8 8 8 8 0 0 1 8-8m-1 2h2v2.2c2.2.4 3.3 1.7 3.3 3.3h-2c0-.9-.8-1.5-2.3-1.5-1.3 0-2 .5-2 1.2 0 2 6.5.4 6.5 4.7 0 1.7-1.3 3-3.5 3.3V21h-2v-1.8c-2.2-.4-3.5-1.8-3.5-3.5h2c0 1 1 1.7 2.5 1.7s2.5-.6 2.5-1.4c0-2-6.5-.4-6.5-4.7 0-1.6 1.1-2.8 3-3.1z'/%3E%3C/svg%3E")}
body .migrated .delivery-service-links > a:nth-child(4)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 2h12l4 4v16H4zm2 2v16h12V7h-4V4zm2 7h8v2H8zm0 4h8v2H8z'/%3E%3C/svg%3E")}
body .migrated .delivery-service-links > a:nth-child(5)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h18v18H3zm2 2v14h14V5zm2 10h2v2H7zm4-5h2v7h-2zm4-3h2v10h-2z'/%3E%3C/svg%3E")}
body .migrated .delivery-service-links > a:nth-child(6)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8m0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4M4 21v-4c0-3 3-5 8-5s8 2 8 5v4h-2v-4c0-2-2-3-6-3s-6 1-6 3v4z'/%3E%3C/svg%3E")}
body .migrated .delivery-service-links > a:nth-child(7)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 3h20v18H2zm2 2v14h16V5zm2 11 4-5 3 2 4-6 2 1-5 8-3-2-3 4z'/%3E%3C/svg%3E")}
body .migrated .delivery-service-links > a:nth-child(8)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 2h4v3h-4zM3 7h18v14H3zm2 2v10h14V9zm3 3h8v2H8z'/%3E%3C/svg%3E")}
@media(max-width:1100px){body .migrated .delivery-service-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .migrated .delivery-service-links > a.layout-shared-card > strong{font-size:16px!important}}
@media(max-width:600px){body .migrated .delivery-service-links{grid-template-columns:1fr!important}body .migrated .delivery-service-links > a.layout-shared-card > strong{white-space:normal!important;font-size:17px!important}}
/* Frame the homepage contact call-to-action as a distinct card. */
body .migrated.editor-home .home-contact-simple .home-contact-simple-grid{
 border:1px solid #DCE3E8!important;
 border-radius:24px!important;
 background:#FFFFFF!important;
 box-shadow:0 5px 20px rgba(21,50,67,.055)!important;
 padding:40px!important;
 box-sizing:border-box!important;
}
@media(max-width:650px){body .migrated.editor-home .home-contact-simple .home-contact-simple-grid{padding:24px!important}}
/* Restore restrained definition to individual content cards, not full-width sections. */
body .migrated :is(.service-card,.growth-card,.transaction-output,.delivery-onboard-card,.audience-detail-card,.engagement-card,.about-principle,.decision-tile,.decision-mini,.schlott-work-example,.blog-card),
body .fdl :is(.fdl-panel,.ft-hub-card){
  background-color:#FFFFFF!important;
  border:1px solid #DCE3E8!important;
  box-shadow:0 4px 16px rgba(21,50,67,.045)!important;
}
body .migrated :is(.service-card,.growth-card,.delivery-onboard-card,.audience-detail-card,.engagement-card,.decision-tile,.blog-card):is(:hover,:focus-within){
  border-color:#B9C8D2!important;
  box-shadow:0 7px 22px rgba(21,50,67,.075)!important;
}
@media (prefers-reduced-motion:no-preference){
body .migrated :is(.service-card,.growth-card,.delivery-onboard-card,.audience-detail-card,.engagement-card,.decision-tile,.blog-card){transition:border-color .2s ease,box-shadow .2s ease}
}
/* CTA frame: include common wrappers, and defeat old theme resets. */
body .migrated :is(.layout-cta,.sales-service-cta .shell,.transaction-cta .shell,.delivery-onboard-cta,.growth-close,.editor-invitation,.layout-cta-card,.layout-cta-inner){
 border:2px solid #C7D4DF!important;
 border-radius:22px!important;
 background:#FFFFFF!important;
 box-shadow:0 5px 20px rgba(21,50,67,.065)!important;
 padding:clamp(24px,3.5vw,48px)!important;
 box-sizing:border-box!important;
}
/* Keep nested CTA containers framed; do not reset their borders. */
/* Shared call-to-action panels: visible but restrained framing across templates. */
body .migrated :is(.layout-cta-card,.layout-cta-inner,.editor-invitation,.delivery-onboard-cta,.growth-close){
  border:2px solid #B7C9D8!important;
  border-radius:22px!important;
  background:#F8FAFC!important;
  box-shadow:0 5px 20px rgba(21,50,67,.075)!important;
  padding:clamp(24px,3.5vw,48px)!important;
  box-sizing:border-box!important;
}
body .migrated :is(.layout-cta-card,.layout-cta-inner,.editor-invitation) :is(h2,h3){color:#153243!important}
body .migrated :is(.layout-cta-card,.layout-cta-inner,.editor-invitation) p{color:#536571!important}
@media(max-width:650px){body .migrated :is(.layout-cta-card,.layout-cta-inner,.editor-invitation){padding:24px!important}}
.dl-promo--sitewide{border-top:0}
