/* ETEPAK Digital Brandbook v1. Shared visual contract, loaded after page styles. */
:root{--navy:#08172b;--blue:#168cf8;--cyan:#35c2f1;--light:#eef7ff;--pale:var(--light);--text:#0b172a;--muted:#5c6878;--border:#dce6ef;--white:#fff;--radius-control:12px;--radius-card:16px;--space-section:96px;--heading-1:56px;--heading-2:36px;font-size:16px}
body{font-family:Inter,Arial,sans-serif;line-height:1.65}
body .container{width:min(1240px,calc(100% - 64px));max-width:1240px}
/* Typography overrides intentionally cover existing page-specific selectors. */
body main h1{font-size:var(--heading-1)!important;line-height:1.12;font-weight:700;letter-spacing:-.04em;overflow-wrap:break-word}
body main h2{font-size:var(--heading-2)!important;line-height:1.2;font-weight:700;letter-spacing:-.035em}
body main :is(p,.lead,.hero-description){font-size:16px!important;line-height:1.65}
body main :is(.eyebrow,.sd-visual-header){font-size:12px!important;font-weight:700;letter-spacing:.14em;line-height:1.5}
body main :is(.mw-note,.sd-form-note,.privacy-note,.sd-diagram-note,.sd-model-note,.lc-journey-caption){font-size:12px!important;line-height:1.65}
body main :is(.sd-scope,.sd-pillars,.sd-employee,.sd-related-grid,.dg-examples,.service-grid,.audit-service-grid,.solution-grid,.lc-steps,.lc-benefits,.lc-related) h3{font-size:22px!important;line-height:1.3;min-height:0}
body main :is(.brief-list,.check-list,.audit-service-grid ul,.audit-cycle li p,.sd-process-detailed li>p){font-size:16px!important;line-height:1.65}
body main :is(.tags span,.mw-chips li){font-size:12px!important;line-height:1.5;border-radius:8px}
body main .sd-scope small{font-size:11px;line-height:1.5}
body main :is(.section,.sd-process,.sd-consultation,.sd-readiness,.audit-consultation,.audit-working,.lc-journey,.why-section){padding-block:var(--space-section)}
body main :is(.sd-hero,.lc-hero){padding-block:32px 64px}
body .hero-content{padding-block:80px 48px;min-height:0}
body .hero-content h1{max-width:680px}
body .section-heading{margin-bottom:32px;max-width:840px}
body :is(.sd-consultation,.sd-process,.mw-security,.audit-consultation,.lc-journey,.procurement-section){background:var(--navy)}
body :is(.sd-visual,.mw-architecture){background:var(--navy);border-radius:var(--radius-card);box-shadow:none}
body :is(.tinted,.mw-lifecycle,.mw-implementation .sd-process,.dg-automation,.sb-readiness,.cs-platform){background:var(--light)}
body .mw-implementation .sd-process{color:var(--text)}
body .mw-journey .sd-process{background:white;color:var(--text)}
body :is(.button,.form-grid input,.form-grid textarea,.form-grid select,.sd-topic select,.menu-toggle){border-radius:var(--radius-control);min-height:44px}
body .button{padding:12px 24px;transition:background .2s,transform .2s;font-size:14px;font-weight:700}
body main .button{font-size:14px!important}
body .button:hover{background:#0871ca;transform:translateY(-2px)}
body .button.secondary{background:white;color:var(--text);border-color:var(--border)}
body .button.secondary:hover{border-color:var(--blue);background:var(--light)}
body .button:disabled{transform:none}
body .text-link{min-height:44px;font-size:14px!important;align-items:center}
body :is(input,textarea,select){font-size:16px!important;line-height:1.55;min-height:44px;border-color:var(--border);border-radius:12px}
body :is(.form-grid label,.sd-lead label,.sd-topic){font-size:14px;line-height:1.5}
body :is(input,textarea,select):focus-visible{outline:2px solid var(--blue);outline-offset:2px}
body :is(a,button):focus-visible{outline:2px solid var(--blue);outline-offset:4px}
body :is(.service-card,.solution-card,.scope-card,.industry-card,.so-card,.sd-scope article,.sd-pillars article,.sd-models article,.sd-employee article,.sd-related-grid>a,.dg-examples article,.dg-comparison article,.lc-steps>li,.lc-related article,.audit-service-grid article,.contact-form,.contact-aside,.sd-readiness-checks,.cs-platform-architecture){border-radius:var(--radius-card);border-color:var(--border);box-shadow:none}
body :is(.service-card,.solution-card,.scope-card,.so-card,.sd-scope article,.sd-employee article,.sd-related-grid>a,.dg-examples article,.lc-steps>li,.lc-related article,.audit-service-grid article){padding:24px}
body :is(.service-card,.solution-card,.industry-card,.so-card,.sd-related-grid>a,.audit-service-grid article){transition:border-color .2s,transform .2s}
body :is(.service-card,.solution-card,.industry-card,.so-card,.sd-related-grid>a,.audit-service-grid article):is(:hover,:focus-within){border-color:var(--blue);transform:translateY(-2px);box-shadow:none}
body :is(.sd-scope article,.mw-pillars .sd-scope article){grid-template-rows:auto auto 1fr auto!important;gap:16px}
body .sd-scope article>div{margin-bottom:0}
body .sd-scope h3{margin:0}
body :is(.audit-service-grid,.audit-industry-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body .mw-pillars .sd-scope{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body .sd-related-grid{gap:24px}
body .sd-related-grid>a{background:white}
body .audit-equipment{padding:40px;min-height:500px;background:var(--navy)}
body .audit-equipment>img{opacity:.35;bottom:56px}
body .audit-equipment h2,body .audit-equipment>p:not(.eyebrow){max-width:100%}
body .audit-cycle{padding:40px}
body .audit-cycle ol{grid-template-columns:1fr;gap:24px}
body .audit-cycle h3{font-size:18px;line-height:1.4}
body .audit-ecosystem{left:40px;bottom:24px}
body .audit-working-steps{gap:24px}
body .audit-industry-photo h3{font-size:22px}
body .audit-industry-grid .industry-card>p{padding:24px;font-size:16px}
body .audit-industry-photo img{height:240px}
body .language-switch,body .menu-toggle{min-width:44px;min-height:44px;justify-content:center}
body .support-strip>.container{min-height:44px;padding-block:0}
body .support-strip a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
body .site-footer a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
body .site-footer :is(p,.footer-bottom){font-size:14px}
body .site-footer .footer-grid>div>a{display:flex}
body .site-footer .footer-grid>div .brand{display:block}
body .site-footer h2{font-size:16px}
body main [id]{scroll-margin-top:150px}
body main :is(.sd-visual small,.mw-architecture small,.mw-security-layers small){font-size:12px}
body main :is(.mw-architecture strong,.mw-security-layers strong){font-size:12px}
body .sd-visual-header{flex-wrap:wrap;gap:8px}
@media(max-width:1200px){:root{--heading-1:48px;--heading-2:34px;--space-section:80px}body .header-inner{gap:16px}body .site-header nav{gap:12px}body .site-header nav a{font-size:11px}body .header-actions{gap:12px}body .header-actions .button{padding:10px 12px;font-size:12px}body .sd-hero-grid{gap:32px}}
@media(max-width:800px){:root{--heading-1:44px;--heading-2:32px;--space-section:64px}body .container{width:calc(100% - 48px)}body .mw-pillars .sd-scope{grid-template-columns:repeat(2,minmax(0,1fr))}body .sd-hero-grid{grid-template-columns:1fr}body .hero-content{padding-block:64px 40px}body .audit-working-steps{grid-template-columns:1fr}body .audit-equipment,body .audit-cycle{padding:32px}body .audit-equipment{min-height:450px}body .audit-ecosystem{left:32px}body .dg-examples{grid-template-columns:repeat(2,minmax(0,1fr))}body main .sd-process-detailed strong{min-height:0}body .sd-process li>svg{top:24px}body .lc-journey-track{grid-template-columns:1fr;gap:24px}body .lc-journey-track li:before{display:none}}
@media(max-width:540px){:root{--heading-1:38px;--heading-2:28px;--space-section:48px}body .container{width:calc(100% - 32px)}body main :is(.sd-hero,.lc-hero){padding-block:24px 48px}body .hero-content{padding-block:48px 32px}body :is(.audit-service-grid,.audit-industry-grid,.mw-pillars .sd-scope,.dg-examples,.lc-benefits){grid-template-columns:1fr}body :is(.sd-visual,.contact-form,.sd-lead,.audit-lead){padding:24px}body .audit-equipment,body .audit-cycle{padding:24px}body .audit-equipment{padding-bottom:96px;min-height:0}body .audit-ecosystem{left:24px;gap:16px;flex-wrap:wrap}body .audit-equipment>img{width:220px}body main .eyebrow{font-size:11px!important}body .support-strip>.container{gap:12px;justify-content:space-between}body .support-strip a{font-size:10px}body main :is(.sb-architecture strong,.sb-architecture small){font-size:10px}body .sb-branches>div{padding-inline:4px}body .site-footer{padding-top:48px}body .footer-bottom{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body *,body *:before,body *:after{transition:none!important;animation:none!important}body :is(.button,.service-card,.solution-card,.industry-card,.so-card,.sd-related-grid>a,.audit-service-grid article):is(:hover,:focus-within){transform:none}}
/* Let translated card headings wrap without forcing grid columns wider. */
body :is(.sd-intro-grid,.sd-hero-grid,.lc-hero-grid,.sd-pillars)>*{min-width:0}
@media(max-width:540px){body :is(.sd-pillars,.service-grid,.solution-grid,.industry-grid,.support-grid,.category-grid){grid-template-columns:1fr}body .sd-pillars article{padding:24px}}

body main .audit-micro{font-size:12px!important}
/* Apply shared spacing even where legacy page selectors are more specific. */
body main :is(.section,.sd-process,.sd-consultation,.sd-readiness,.audit-consultation,.audit-working,.lc-journey,.why-section){padding-block:var(--space-section)!important}
body .container{max-width:1240px!important}
body :is(.service-card,.solution-card,.scope-card,.industry-card,.so-card,.sd-scope article,.sd-pillars article,.sd-models article,.sd-employee article,.sd-related-grid>a,.dg-examples article,.dg-comparison article,.lc-steps>li,.lc-related article,.audit-service-grid article,.contact-form,.contact-aside,.sd-readiness-checks,.cs-platform-architecture){border-radius:var(--radius-card)!important}
body :is(.service-card,.solution-card,.scope-card,.so-card,.sd-scope article,.sd-employee article,.sd-related-grid>a,.dg-examples article,.lc-steps>li,.lc-related article,.audit-service-grid article){padding:24px!important}
body :is(.audit-service-grid article,.service-card,.solution-card){position:relative}
body :is(.audit-service-grid article,.service-card,.solution-card)>.text-link:after{content:'';position:absolute;inset:0;border-radius:16px}
body .audit-service-grid li{padding-left:22px}
body .audit-service-grid li:before{left:0}
