/* MEC's role distribution translated to Espoint. Prototype only, 2026-10-22. */
body[data-site-design="approved-20261023"] {
 --ep-action:#007F96; --ep-action-hover:#006B80;
 --ep-heading:#0B2046; --ep-text:#303A41; --ep-text-sub:#56646B;
 --ep-canvas:#FFFFFF; --ep-surface:#F7F7F5; --ep-info:#F3F1EA; --ep-border:#D8DEDF;
 --ep-accent-coral:#E77768; --ep-accent-yellow:#F4C75B;
 color:var(--ep-text); background:var(--ep-canvas);
 --ink:var(--ep-heading); --text:var(--ep-text); --muted:var(--ep-text-sub);
 --accent:var(--ep-action); --line:var(--ep-border);
}
body[data-site-design="approved-20261023"] :is(h1,h2,h3,h4,summary) { color:var(--ep-heading); }
body[data-site-design="approved-20261023"] main :is(p,li,td,dd) { color:var(--ep-text); }
body[data-site-design="approved-20261023"] :is(.eyebrow,.gw-eyebrow,.text-link,.card-link,.section-link) { color:var(--ep-action); }
body[data-site-design="approved-20261023"] :is(.button-primary,.site-header .header-cta,.site-header .nav-cta) { background:var(--ep-action); border-color:var(--ep-action); color:#fff; box-shadow:none; }
body[data-site-design="approved-20261023"] :is(.button-primary,.site-header .header-cta,.site-header .nav-cta):hover { background:var(--ep-action-hover); border-color:var(--ep-action-hover); }
body[data-site-design="approved-20261023"] .button-secondary { color:var(--ep-action); border-color:var(--ep-action); background:#fff; box-shadow:none; }
body[data-site-design="approved-20261023"] :is(.site-nav a,.breadcrumb a,.breadcrumbs a) { color:var(--ep-text); }
body[data-site-design="approved-20261023"] :is(.site-nav a[aria-current],.site-nav .is-active):after { background:var(--ep-action); }
body[data-site-design="approved-20261023"] main :is(.gw-note,.detail-note,.case-meta,.section-note) { color:var(--ep-text-sub); }
body[data-site-design="approved-20261023"] :is(.gw-tint,.tint) { background:var(--ep-surface); }
body[data-site-design="approved-20261023"][data-page="googleworkspace"] :is(.gw-support,.gw-features) { background:var(--ep-surface); }
body[data-site-design="approved-20261023"][data-page="googleworkspace"] :is(.gw-case,.gw-fees,.gw-fee) { background:var(--ep-info); }
body[data-site-design="approved-20261023"][data-page="googleworkspace"] :is(.gw-support-panel,.gw-feature-card) { background:#fff; border-color:var(--ep-border); }
body[data-site-design="approved-20261023"][data-page="ma"] :is(#section-1,#section-3,#section-5) { background:var(--ep-surface); }
body[data-site-design="approved-20261023"][data-page="ma"] :is(#section-2,#section-4) { background:var(--ep-canvas); }
body[data-site-design="approved-20261023"] :is(.disclosure,details,.table-scroll) { border-color:var(--ep-border); }
body[data-site-design="approved-20261023"] :is(th,thead td) { color:var(--ep-heading); background:var(--ep-surface); }
body[data-site-design="approved-20261023"] a:focus-visible,body[data-site-design="approved-20261023"] summary:focus-visible { outline:3px solid var(--ep-action); outline-offset:4px; }
/* Logo artwork remains in the supplied brand colors. */
body[data-site-design="approved-20261023"] img[data-current-brand="workspace"] { object-fit:contain; height:auto; }
/* Screen-pixel strokes on UI icons, not on diagram artwork or brand marks. */
body[data-site-design="approved-20261023"][data-page="home"] :is(.glass-card,.service-icon,.issue-icon,.why-points) svg :is(path,rect,circle,line,polyline,ellipse) { stroke-width:3px; vector-effect:non-scaling-stroke; }
body[data-site-design="approved-20261023"][data-page="home"] .hero-connection path { stroke-width:1.5px; vector-effect:non-scaling-stroke; }
/* Resolve legacy component color declarations by semantic role. */
body[data-site-design="approved-20261023"][data-page="home"] :is(.selection-link p,.final-cta p) { color:var(--ep-text-sub); }
body[data-site-design="approved-20261023"][data-page="googleworkspace"] .gw-service-label { color:var(--ep-action); }
body[data-site-design="approved-20261023"][data-page="googleworkspace"] .gw-price { color:var(--ep-heading); }
body[data-site-design="approved-20261023"][data-page="googleworkspace"] .gw-review-note { color:var(--ep-text-sub); }

body[data-site-design="approved-20261023"][data-page="ma"] .final-cta p { color:var(--ep-text-sub); }
body[data-site-design="approved-20261023"][data-page="home"] #services .selection-link p { color:var(--ep-text-sub); }