/* EaseThat public layout standard — applies to current and future pages.
 * Use <main id="main-content"> and <section> for each public content band.
 * Section padding: 20px top and bottom, including text-only bands.
 * Repeated-card gaps: 8px. Same-height cards within a group, based on content.
 * Centre incomplete rows; retain left-aligned copy and bottom-left actions.
 * Heroes keep their separately approved layout. Forms/navigation are not card grids.
 */
:root{--et-section-padding:20px;--et-card-gap:8px;--section-y-desktop:20px;--section-y-tablet:20px;--section-y-mobile:20px}
body #main-content section:not([class*="hero"]),
body #main-content.section,
body #main-content :is(.service-detail-content,.hub-list-section,.case-studies-index-content,.case-study-detail-content,.insight-article-section,.services-index-why,.et-vault-section,.ets-section,.et-content-section){padding-block:var(--et-section-padding)!important;margin-block:0!important}
body #main-content section:not([class*="hero"])>.wrap{padding-block:0!important}
body #main-content section:not([class*="hero"])>.wrap>:first-child{margin-top:0!important}
body #main-content section:not([class*="hero"])>.wrap>:last-child{margin-bottom:0!important}
body #main-content .et-card-grid{gap:var(--et-card-gap)!important;grid-auto-rows:1fr!important;align-items:stretch!important}

/* Approved 11 October 2026: pricing notes match Business Outcomes exactly. */
body #main-content .service-pricing-disclaimer{background:var(--ink,#0a2344)!important;border-color:var(--ink,#0a2344)!important;color:#fff!important}
body #main-content .service-pricing-disclaimer strong{color:#fff!important}

/* 6.15.11: shared information-card finish, matching Data Project Services.
 * Future public information cards can opt in with et-info-card.
 * Keep the approved homepage service/proof/engagement cards, dark feature
 * panels, screenshots, forms, product purchase controls and portals distinct.
 * Spacing and equal-height behaviour remain owned by the layout rules above.
 */
body #main-content :is(
 .et-info-card,
 .hub-service-index-card,
 .case-index-card,
 .service-detail-crosslinks>a,
 .service-pricing-grid>article,
 .insights-index-card,
 .et-article-card,
 .et-linkedin-card,
 .legal-policy-card,
 .service-related-case-grid>a,
 .hardware-category-card,
 .et-vault-benefit-grid>article,
 .et-v95-pillars>article,
 .service-full-detail .project-grid>article,
 .service-full-detail .expertise-card,
 .service-full-detail .service-grid>article,
 .service-full-detail .infra-capability-grid>article,
 .service-full-detail .procurement-grid>article,
 .service-full-detail .hosting-grid>article,
 .service-full-detail .pricing-grid>article,
 .services-index-why .why-grid>article
){
 background:linear-gradient(180deg,#fff,#f7fbfc)!important;
 border:1px solid var(--line,#dce6ee)!important;
 border-top:3px solid var(--teal,#07a9a6)!important;
 border-radius:10px!important;
}

/* 6.15.13 rebuilt from V11: compact outer padding only.
 * Future public cards: et-info-card. Preserve side padding, inner margins,
 * equal-height behaviour, grid widths, typography and media layouts.
 * Keep 8px gutters / 20px content bands from the V11 standard.
 */
body #main-content .et-info-card,
body #main-content .home-service-card,
body #main-content .home-work-grid>article,
body #main-content .featured-experience-grid>article,
body #main-content .et-engagement-card,
body #main-content .hub-service-index-card,
body #main-content .case-index-card,
body #main-content .service-detail-crosslinks>a,
body #main-content .service-pricing-grid>article,
body #main-content .home-insights-grid>article,
body #main-content .insights-grid>article,
body #main-content .insights-index-card,
body #main-content .legal-policy-card,
body #main-content .service-related-case-grid>a,
body #main-content .hardware-category-card,
body #main-content .et-vault-benefit-grid>article,
body #main-content .et-vault-price-card,
body #main-content .et-v95-pillars>article,
body #main-content .ets-grid>.ets-card,
body #main-content .ets-plan,
body #main-content .service-full-detail .project-grid>article,
body #main-content .service-full-detail .expertise-card,
body #main-content .service-full-detail .service-grid>article,
body #main-content .service-full-detail .infra-capability-grid>article,
body #main-content .service-full-detail .infra-lead-card,
body #main-content .service-full-detail .procurement-grid>article,
body #main-content .service-full-detail .hosting-grid>article,
body #main-content .service-full-detail .price-card,
body #main-content .service-full-detail .stack-cards>article,
body #main-content .service-full-detail .sector-grid>article,
body #main-content .positioning-grid>article,
body #main-content .about-value-grid>article,
body #main-content .services-index-why .why-grid>article,
body #main-content .et-article-card__body,
body #main-content .et-linkedin-card__body{padding-top:12px!important;padding-bottom:12px!important}

/* Existing pale numbers keep their upper-right placement and shrink slightly. */
body #main-content .home-service-card>.et-card-number,
body #main-content .home-work-grid>article>.et-card-number,
body #main-content .hardware-category-card>.supply-card-number{
 color:#dbe7ed!important;font-size:20px!important;line-height:1!important;
 top:12px!important;background:none!important;border:0!important;padding:0!important;
}
/* Convert only the numbered service/step badges; leave icons and labels alone. */
body #main-content .service-full-detail .service-grid>article,
body #main-content .et-v95-pillars>article{position:relative}
body #main-content .service-full-detail .service-grid>article>.et-card-number,
body #main-content .et-v95-pillars>article>.et-card-number{
 position:absolute;top:12px;right:16px;color:#dbe7ed!important;
 background:none!important;border:0!important;border-radius:0!important;
 padding:0!important;margin:0!important;font-size:20px!important;
 font-weight:800;line-height:1!important;letter-spacing:0!important;width:auto!important;height:auto!important;
}
body #main-content .service-full-detail .service-grid>article:has(>.et-card-number)>h3,
body #main-content .et-v95-pillars>article:has(>.et-card-number)>h3{margin-right:32px}
body #main-content .et-section-action{display:flex!important;justify-content:flex-end!important;
 width:100%;margin:16px 0 0!important;padding:0!important;text-align:right!important}
body #main-content .et-section-action>a{margin:0!important}

/* V6.15.15: scoped background corrections rebuilt from V6.15.13. */
body.home #main-content>.home-why,
body.home #main-content>.home-credibility-band,
body.home #main-content>.et-engagement-choice,
body.home #main-content>.home-founder-proof,
body.home #main-content>#contact{background:#eaf1f5!important;border-top:0!important;border-bottom:0!important}
body.home #main-content>.home-services-overview,
body.home #main-content>.home-featured-proof,
body.home #main-content>.home-work-models,
body.home #main-content>.home-insights-preview{background:#fff!important;border-top:0!important;border-bottom:0!important}
body.home #main-content>.home-credibility-band>.home-differentiators,
body.home #main-content>.home-credibility-band>.partner-credential-strip,
body.home #main-content>.home-credibility-band>.home-pricing-strip{background:transparent!important;border-top:0!important;border-bottom:0!important}
body #main-content.quote-page-shell .quote-help-card{background:linear-gradient(135deg,#04172f,#0a3c70)!important}
/* Existing Shield step numbers use the same pale upper-right treatment. */
body #main-content .et-v95-pillars>article>.et-card-number{display:block!important}

/* V6.15.17: supply cards match the shared information-card finish. */
body #main-content.et-supply-page-v61482 .hardware-category-grid{gap:8px!important}
body #main-content.et-supply-page-v61482 .hardware-category-card{
 background:linear-gradient(180deg,#fff,#f7fbfc)!important;
 border:1px solid var(--line,#dce6ee)!important;
 border-top:3px solid var(--teal,#07a9a6)!important;
 border-radius:10px!important;padding-top:12px!important;padding-bottom:12px!important;
}
/* Quote request options keep the control beside its label on every viewport. */
body #main-content.quote-page-shell .quote-form .quote-choice{
 display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;
}
body #main-content.quote-page-shell .quote-form .quote-choice>input[type="radio"]{
 position:static!important;flex:0 0 18px!important;width:18px!important;height:18px!important;
 min-width:18px!important;max-width:18px!important;min-height:18px!important;
 margin:2px 0 0!important;padding:0!important;
}
body #main-content.quote-page-shell .quote-form .quote-choice>strong{display:block;flex:1;min-width:0;margin:0!important}

/* V6.15.19: homepage informational cards use the shared finish and intrinsic sizing. */
body.home #main-content .home-service-grid,
body.home #main-content .featured-experience-grid,
body.home #main-content .home-work-grid{gap:8px!important;align-items:stretch!important}
body.home #main-content .home-service-card,
body.home #main-content .featured-experience-grid>article,
body.home #main-content .home-work-grid>article{
 position:relative;display:flex;flex-direction:column;
 min-height:0!important;padding:12px 20px!important;
 background:linear-gradient(180deg,#fff,#f7fbfc)!important;
 border:1px solid var(--line,#dce6ee)!important;
 border-top:3px solid var(--teal,#07a9a6)!important;border-radius:10px!important;
}
body.home #main-content .home-service-card>p,
body.home #main-content .featured-experience-grid>article>p,
body.home #main-content .home-work-grid>article>p{margin-bottom:12px!important}
body.home #main-content .home-service-card>strong,
body.home #main-content .featured-experience-grid>article>a,
body.home #main-content .home-work-grid>article>a{margin-top:auto!important;margin-bottom:0!important;text-align:left}
body.home #main-content .home-service-card>.et-card-number,
body.home #main-content .home-work-grid>article>.et-card-number{
 position:absolute!important;top:12px!important;right:16px!important;
 font-size:20px!important;line-height:1!important;color:#dbe7ed!important;
 background:none!important;padding:0!important;margin:0!important;
}
body.home #main-content .home-service-card>h3,
body.home #main-content .home-work-grid>article>h3{padding-right:32px}