/* 10.4.10 — Theme-aware editorial cards, journal surfaces and a compact footer. */
body.ecu-mercury{
 --mc-radius:24px;--mc-radius-small:16px;
 --mc-surface-shadow:0 12px 38px rgba(0,0,0,.12);
 --mc-surface-gradient:linear-gradient(145deg,rgba(var(--mc-ink-rgb),.035),transparent 60%);
 --navy:var(--mc-ink);--muted:var(--mc-secondary);--soft:var(--mc-fog);--line:var(--mc-line);
}
html[data-theme="light"] body.ecu-mercury{--mc-surface-shadow:0 12px 38px rgba(23,53,75,.055)}
body.ecu-mercury [hidden]{display:none!important}
body.ecu-mercury main{min-width:0}
/* Page-sized sections follow the canvas. Cards have their own distinct surface. */
html[data-theme] body.ecu-mercury :is(
 .about-v94,.about-hero,.about-story,.about-services,.about-process,.about-warranty,
 .about-clients,.about-values,.about-final,.seg-hero,.seg-soft,.seg-final,
 .seg-process-dark,.section-soft,.legal-hero,.contact-hero,.quote-hero
){background:var(--mc-canvas)!important;color:var(--mc-ink)!important;background-image:none!important}
html[data-theme] body.ecu-mercury main :is(
 .about-hero-copy,.about-story-content,.about-client-cards>article,
 .about-service-panel>article,.about-warranty-cards>details,
 .service-card,.fixed-service-card,.shop-card,.journal-card,.ecu-service-card,.service-route-card,
 .seg-panel,.seg-card,.seg-card-main,.seg-warranty-card,.seg-dual>article,.seg-feature-grid>article,
 .contact-primary-card,.contact-info-card,.contact-help-card,.warranty-policy-grid>article,
 .warranty-terms-grid>article,.faq-list>details,.faq-item,.legal-data-card>div,
 .data-transfer-intro,.technical-form-card,.service-configurator,.module-copy-panel,
 .module-detail-panel,.partner-network-card,.discovery-shell,.info-card
){
 background-color:var(--mc-card)!important;background-image:var(--mc-surface-gradient)!important;
 border:1px solid var(--mc-line)!important;border-radius:var(--mc-radius)!important;
 box-shadow:var(--mc-surface-shadow)!important;color:var(--mc-ink)!important;
 min-width:0;overflow-wrap:break-word;
}
body.ecu-mercury main :is(.about-hero-copy,.about-story-content,.seg-panel,.contact-help-card,
 .technical-form-card,.data-transfer-intro,.warranty-policy-grid>article,.warranty-terms-grid>article){padding:clamp(22px,3.3vw,44px)!important}
body.ecu-mercury main :is(.service-card,.fixed-service-card,.shop-card,.journal-card,.ecu-service-card){overflow:hidden}
body.ecu-mercury main :is(.service-card-body,.fixed-service-body,.journal-card-content){padding:24px!important}
body.ecu-mercury main :is(.fixed-services-grid,.shop-grid,.journal-grid,.journal-home-grid,.service-routes-grid){gap:28px}
body.ecu-mercury main :is(.service-card,.fixed-service-card,.shop-card,.journal-card,.ecu-service-card,.partner-network-card){transition:border-color .2s,box-shadow .2s}
body.ecu-mercury main :is(.service-card,.fixed-service-card,.shop-card,.journal-card,.ecu-service-card,.partner-network-card):hover{border-color:var(--mc-link)!important}
/* One coherent reading hierarchy, including content whose legacy styles were navy. */
body.ecu-mercury :is(.about-v94,.segment-v98,.legal-document,.contact-main-section,.warranty-page)
 :is(h1,h2,h3,h4,summary){color:var(--mc-ink)!important}
body.ecu-mercury :is(.about-v94,.segment-v98,.legal-document,.contact-main-section,.warranty-page)
 :is(p,li){color:var(--mc-secondary)!important}
body.ecu-mercury :is(.about-v94,.segment-v98) :is(.about-kicker,.seg-kicker){color:var(--mc-link)!important}
body.ecu-mercury .about-v94{--a-bg:var(--mc-canvas);--a-ink:var(--mc-ink);--a-blue:var(--mc-link);--a-line:var(--mc-line);--a-muted:var(--mc-secondary);overflow:visible}
body.ecu-mercury .about-hero{padding-top:clamp(24px,4vw,64px)}
body.ecu-mercury .about-hero-grid{align-items:center;gap:28px;padding-bottom:48px}
body.ecu-mercury .about-hero-copy h1{font-size:clamp(36px,4.6vw,64px);line-height:1.1;margin:22px 0 26px}
body.ecu-mercury .about-hero h1 em{color:var(--mc-link)!important}
body.ecu-mercury .about-hero-copy .about-lead{font-size:clamp(17px,1.45vw,21px)!important;line-height:1.6!important;color:var(--mc-ink)!important;font-weight:600}
body.ecu-mercury .about-hero-copy>p:not(.about-lead){font-size:16px;line-height:1.8}
body.ecu-mercury .about-actions{gap:16px 22px;margin-top:28px}
body.ecu-mercury .about-link{min-height:44px;color:var(--mc-link)!important;line-height:1.5}
body.ecu-mercury .about-photo{border-radius:var(--mc-radius);overflow:hidden;margin:0;background:var(--mc-card);border:1px solid var(--mc-line)}
body.ecu-mercury .about-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
body.ecu-mercury .about-marquee{background:var(--mc-canvas);border-color:var(--mc-line)}
body.ecu-mercury .about-marquee div{color:var(--mc-muted);line-height:1.6;padding:16px 0}
html[data-theme] body.ecu-mercury .about-nav{
 position:sticky;top:var(--ecu-header-height,80px);z-index:40;
 background:var(--mc-card)!important;background-image:none!important;
 border-block:1px solid var(--mc-line);color:var(--mc-ink);backdrop-filter:blur(18px);
}
body.ecu-mercury .about-nav .container{gap:8px;padding-block:12px;overscroll-behavior-inline:contain}
body.ecu-mercury .about-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;color:var(--mc-secondary)!important;border-radius:999px;background:transparent;font-size:13px;line-height:1.4}
body.ecu-mercury .about-nav a:is(:hover,:focus-visible,[aria-current="location"]){color:var(--mc-link)!important;background:var(--mc-tint)!important}
body.ecu-mercury .about-v94 section[id]{scroll-margin-top:calc(var(--ecu-header-height,80px) + 90px)}
body.ecu-mercury .about-v94 .section{padding-block:clamp(48px,6vw,88px)}
body.ecu-mercury .about-story-grid{gap:32px;grid-template-columns:150px minmax(0,1fr)}
body.ecu-mercury .about-section-index{top:calc(var(--ecu-header-height,80px) + 100px)}
body.ecu-mercury .about-section-index span{color:var(--mc-link)!important;font-weight:650;font-size:64px}
body.ecu-mercury .about-section-index p{color:var(--mc-muted)!important;line-height:1.6}
body.ecu-mercury .about-story-content h2{font-size:clamp(29px,3.4vw,46px);line-height:1.2;max-width:23ch}
body.ecu-mercury .about-story-columns{gap:28px;margin-top:30px}
body.ecu-mercury .about-story-columns p{font-size:16px;line-height:1.85}
body.ecu-mercury .about-thanks{grid-template-columns:100px minmax(0,1fr);gap:24px;margin:32px 0;padding:24px;border-radius:20px;background:var(--mc-tint);border:1px solid var(--mc-line)}
body.ecu-mercury .about-thanks span{color:var(--mc-link);line-height:1.6}
body.ecu-mercury .about-story-content blockquote{margin:32px 0;padding:8px 0 8px 24px;border-left:3px solid var(--mc-link);font-size:clamp(24px,3vw,38px);line-height:1.35;color:var(--mc-link)}
body.ecu-mercury .about-story-end{margin-top:32px;padding:24px;border-radius:20px;background:var(--mc-tint);border:1px solid var(--mc-line);color:var(--mc-ink);font-size:clamp(22px,2.4vw,30px);line-height:1.4}
body.ecu-mercury .about-service-switch{border:1px solid var(--mc-line);border-radius:var(--mc-radius);background:var(--mc-card);box-shadow:var(--mc-surface-shadow)}
body.ecu-mercury .about-service-menu{background:var(--mc-fog);padding:16px}
body.ecu-mercury .about-service-menu button{color:var(--mc-secondary);line-height:1.5;border:1px solid transparent;min-height:54px}
html[data-theme] body.ecu-mercury .about-service-menu button.active{background:var(--mc-card)!important;border-color:var(--mc-line);color:var(--mc-link)!important}
body.ecu-mercury .about-service-content{border:0;background:transparent;box-shadow:none;border-radius:0;padding:20px}
body.ecu-mercury .about-service-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.ecu-mercury .about-service-panel>article{padding:24px;min-height:180px;box-shadow:none!important}
body.ecu-mercury .about-service-panel article>span{background:var(--mc-tint);color:var(--mc-link);border-radius:8px}
body.ecu-mercury .about-service-panel h3{font-size:20px;line-height:1.4;margin:20px 0 10px}
body.ecu-mercury .about-process-ui{padding:20px;border-radius:var(--mc-radius);border:1px solid var(--mc-line);background:var(--mc-card)}
body.ecu-mercury .about-process-detail{min-height:340px;padding:32px;border-radius:20px;background:var(--mc-tint);grid-template-columns:100px minmax(0,1fr);gap:24px}
body.ecu-mercury .about-process-detail:after{display:none}
body.ecu-mercury .about-process-number{font-size:78px;color:var(--mc-link)}
body.ecu-mercury .about-process-detail h3{font-size:clamp(28px,3vw,40px);line-height:1.2}
body.ecu-mercury .about-process-detail p{font-size:16px;line-height:1.8}
body.ecu-mercury .about-warranty-cards{gap:16px}
body.ecu-mercury .about-warranty-cards summary{min-height:64px;line-height:1.5;padding:20px 24px}
body.ecu-mercury .about-warranty-cards details p{padding:0 24px 24px}
body.ecu-mercury .about-client-cards{gap:24px}
body.ecu-mercury .about-client-cards article{padding:32px;min-height:380px}
body.ecu-mercury .about-client-cards h3{font-size:30px;line-height:1.2;margin:32px 0 20px}
body.ecu-mercury .about-client-cards li{line-height:1.8;margin-bottom:8px}
body.ecu-mercury .about-client-cards .about-client-top :is(span,b){color:var(--mc-link)!important}
body.ecu-mercury .about-values-list{gap:12px}
body.ecu-mercury .about-values-list span{padding:18px 20px;line-height:1.5;font-size:16px;border:1px solid var(--mc-line);border-radius:16px;background:var(--mc-card)}
body.ecu-mercury .about-final>.container{border:1px solid var(--mc-line);border-radius:32px;padding:clamp(28px,5vw,60px);background:var(--mc-surface-gradient),var(--mc-card);box-shadow:var(--mc-surface-shadow)}
body.ecu-mercury .about-final h2{font-size:clamp(34px,5vw,60px);line-height:1.15}
body.ecu-mercury .about-final p{font-size:16px}
/* Long content stays visible even when IntersectionObserver is unavailable. */
body.ecu-mercury .about-v94 .reveal{opacity:1;transform:none}
body.ecu-mercury .about-v94 .reveal.reveal-pending{opacity:0;transform:translateY(14px)}
body.ecu-mercury .about-v94 .reveal.visible{opacity:1;transform:none}
/* Configurator choices remain visible, with space between fields and actions. */
body.ecu-mercury main .service-configurator{padding:24px!important}
body.ecu-mercury main .service-option-list label{border:1px solid var(--mc-line);border-radius:14px;padding:16px;gap:12px;background:var(--mc-card);color:var(--mc-ink);line-height:1.6}
body.ecu-mercury main .service-option-list label:has(input:checked){background:var(--mc-tint);border-color:var(--mc-link)}
body.ecu-mercury main .service-config-total{padding:20px;border-radius:16px;border:1px solid var(--mc-line);background:var(--mc-tint);color:var(--mc-ink)}
body.ecu-mercury main .data-transfer-submit{padding:24px;border-radius:20px;border:1px solid var(--mc-line);background:var(--mc-card);color:var(--mc-ink)}
/* Footer: no artificial height, navy patch or oversized settings control. */
html[data-theme] body.ecu-mercury .footer-newsletter{background:var(--mc-fog)!important;padding:44px 0!important;margin:0;border-block:1px solid var(--mc-line)}
body.ecu-mercury .footer-newsletter::before,body.ecu-mercury .footer-newsletter::after,
body.ecu-mercury .site-footer::before,body.ecu-mercury .site-footer::after{content:none!important}
body.ecu-mercury .footer-newsletter .newsletter-premium-card{padding:28px!important;border:1px solid var(--mc-line)!important;border-radius:var(--mc-radius)!important;background:var(--mc-card)!important;box-shadow:var(--mc-surface-shadow)!important}
html[data-theme] body.ecu-mercury .site-footer{background:var(--mc-canvas)!important;color:var(--mc-ink);padding:36px 0 0!important;margin:0;min-height:0;height:auto}
body.ecu-mercury .footer-grid{align-items:start;gap:28px 36px;padding-bottom:24px}
body.ecu-mercury .footer-grid>div{min-width:0;min-height:0}
body.ecu-mercury .site-footer h4{margin-bottom:12px;color:var(--mc-ink)!important}
body.ecu-mercury .site-footer a{display:block;padding-block:5px;margin-block:2px;line-height:1.5;color:var(--mc-secondary)!important}
html[data-theme] body.ecu-mercury .site-footer .footer-cookie-link{
 display:inline-flex;align-items:center;justify-content:flex-start;width:auto;max-width:100%;min-height:44px;height:auto;
 padding:6px 0;margin:2px 0 0;background:transparent!important;border:0!important;border-radius:8px;
 box-shadow:none;color:var(--mc-link)!important;font:inherit;font-size:13px;line-height:1.5;white-space:normal;
}
body.ecu-mercury .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;min-height:0;padding-block:16px max(16px,env(safe-area-inset-bottom));margin:0 auto;border-top:1px solid var(--mc-line)}
body.ecu-mercury .footer-bottom span{line-height:1.5}
html[data-theme] body.ecu-mercury :is(.cookie-modal-card,.cookie-preference,.promo-subscribe-card,.site-search-dialog){background:var(--mc-card)!important;color:var(--mc-ink)!important;border:1px solid var(--mc-line);border-radius:24px}
html[data-theme] body.ecu-mercury #cookieBanner.cookie-consent{position:fixed!important;background:var(--mc-card)!important;color:var(--mc-ink)!important;border:1px solid var(--mc-line);border-radius:20px!important;box-shadow:0 12px 48px rgba(0,0,0,.18)!important;max-height:calc(100dvh - 32px);overflow:auto}
body.ecu-mercury :is(.cookie-modal-card,.cookie-copy) :is(h2,strong,b){color:var(--mc-ink)!important}
body.ecu-mercury :is(.cookie-modal-card,.cookie-copy) :is(p,small){color:var(--mc-secondary)!important}
body.ecu-mercury .cookie-modal-card{max-height:calc(100dvh - 32px);overscroll-behavior:contain}
html[data-theme] body.ecu-mercury .cookie-preference.is-required{background:var(--mc-fog)!important}
body.ecu-mercury .cookie-preference{border-radius:16px;min-width:0}
body.ecu-mercury .cookie-preference input{accent-color:var(--mc-action)}
body.ecu-mercury :is(.cookie-modal-close,.promo-subscribe-close){background:var(--mc-fog)!important;color:var(--mc-ink)!important;border-color:var(--mc-line)}
/* The technical journal inherits theme tokens instead of the old white palette. */
html[data-theme] body.ecu-mercury .journal-page{
 --journal-ink:var(--mc-ink);--journal-blue:var(--mc-link);
 --journal-line:var(--mc-line);--journal-soft:var(--mc-fog);
 background:var(--mc-canvas);color:var(--mc-ink);
}
body.ecu-mercury .journal-page :is(.journal-article,.journal-article>header,.journal-prose){min-width:0;background:transparent;color:var(--mc-ink)}
body.ecu-mercury .journal-page :is(h1,h2,h3,.journal-diagnosis-note>b){color:var(--mc-ink)}
body.ecu-mercury .journal-page :is(.journal-byline,.journal-context,.journal-prose p,.journal-side p,.journal-diagnosis-note p){color:var(--mc-secondary)}
body.ecu-mercury .journal-page :is(.journal-back,.journal-side>a){color:var(--mc-link);border-color:var(--mc-line)}
body.ecu-mercury .journal-page .journal-diagnosis-note{
 padding:22px 24px;background:var(--mc-tint);color:var(--mc-ink);
 border:1px solid var(--mc-line);border-left:3px solid var(--mc-link);border-radius:16px;
}
body.ecu-mercury .journal-page .journal-diagnosis-note p{margin:10px 0 0;line-height:1.7}
body.ecu-mercury .journal-page .journal-side{border-color:var(--mc-line)}
body.ecu-mercury .journal-page .journal-related{background:var(--mc-fog);color:var(--mc-ink);border-top:1px solid var(--mc-line)}
body.ecu-mercury .journal-page :is(.journal-card-media,.journal-article-photo){background:var(--mc-card)}
@media(max-width:1000px){body.ecu-mercury .about-story-grid{grid-template-columns:1fr}.about-section-index{position:static!important}body.ecu-mercury .about-hero-grid{grid-template-columns:1fr}}
@media(max-width:760px){
 body.ecu-mercury{--mc-radius:20px}
 body.ecu-mercury .about-hero-grid{gap:20px;padding-bottom:32px}
 body.ecu-mercury .about-hero-copy{padding:24px 20px!important}
 body.ecu-mercury .about-photo{aspect-ratio:4/3}
 body.ecu-mercury .about-hero-copy h1{font-size:clamp(34px,9.5vw,48px)}
 body.ecu-mercury .about-kicker{font-size:10px;letter-spacing:.12em;line-height:1.6;flex-wrap:wrap}
 body.ecu-mercury .about-kicker:before{width:18px}
 body.ecu-mercury .about-story-columns{grid-template-columns:1fr;gap:20px}
 body.ecu-mercury .about-thanks{grid-template-columns:1fr;gap:12px;padding:20px}
 body.ecu-mercury .about-service-switch{grid-template-columns:1fr}
 body.ecu-mercury .about-service-menu{display:flex;overflow-x:auto;gap:8px;padding:12px}
 body.ecu-mercury .about-service-menu button{width:auto;flex:0 0 auto;padding:12px 14px;min-height:48px;font-size:13px}
 body.ecu-mercury .about-service-panel{grid-template-columns:1fr}
 body.ecu-mercury .about-service-content{padding:16px}
 body.ecu-mercury .about-heading{display:block;margin-bottom:28px}
 body.ecu-mercury .about-heading>p{margin-top:20px}
 body.ecu-mercury .about-process-ui{grid-template-columns:1fr;padding:16px;gap:16px}
 body.ecu-mercury .about-process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.ecu-mercury .about-process-list button{padding:12px 10px;font-size:13px;line-height:1.5;min-width:0}
 body.ecu-mercury .about-process-detail{grid-template-columns:1fr;padding:24px;gap:16px;min-height:0}
 body.ecu-mercury .about-process-number{font-size:54px}
 body.ecu-mercury .about-warranty-grid,body.ecu-mercury .about-client-cards,body.ecu-mercury .about-values-grid{grid-template-columns:1fr;gap:24px}
 body.ecu-mercury .about-client-cards article{padding:24px;min-height:0}
 body.ecu-mercury .about-client-cards a{margin-top:24px}
 body.ecu-mercury .about-values-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.ecu-mercury .about-values-list span{padding:14px;font-size:14px}
 body.ecu-mercury .about-values,body.ecu-mercury .about-final{padding:40px 0}
 body.ecu-mercury .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 body.ecu-mercury .footer-brand{grid-column:1/-1}
 body.ecu-mercury .footer-newsletter .newsletter-premium-shell{gap:28px!important}
 body.ecu-mercury .footer-newsletter .newsletter-premium-card{padding:24px!important}
 body.ecu-mercury .site-footer .footer-grid>div:last-child{grid-column:1/-1}
 body.ecu-mercury .footer-bottom{gap:8px}
 body.ecu-mercury .cookie-modal{padding:16px}
 body.ecu-mercury .cookie-modal-card{padding:24px 20px}
 body.ecu-mercury .cookie-modal-head h2{font-size:26px;line-height:1.2}
 body.ecu-mercury #cookieBanner .cookie-actions{grid-template-columns:1fr!important}
 body.ecu-mercury #cookieBanner .cookie-actions .btn{min-height:44px;padding:10px 14px!important;font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
 body.ecu-mercury .about-marquee div{animation:none}
 body.ecu-mercury .about-v94 .reveal.reveal-pending{opacity:1;transform:none}
}
/* Links already carry their own directional icon. */
body.ecu-mercury .about-link::after{content:none!important}
@media(max-width:760px){body.ecu-mercury .about-process-list{display:grid;overflow:visible}body.ecu-mercury .about-process-list button{width:100%;white-space:normal}}
/* A soft accent adds depth without placing colour behind the reading line. */
body.ecu-mercury .about-hero-copy{position:relative;isolation:isolate;overflow:hidden}
body.ecu-mercury .about-hero-copy::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:320px;height:320px;right:-150px;top:-170px;border-radius:50%;background:radial-gradient(circle,var(--mc-tint),transparent 72%)}