/* Selected blue brand; green and purple remain available as earlier concepts. */
/* Finish the shared palette, including legacy editorial and enquiry components. */
html[data-theme=blue]{--green:#1768cb;--forest:#082b51;--muted:#5c7086;--paper:#fff;--cream:#f3f7fc;--sage:#eaf2fd;--gold:#75b4ff}
html[data-theme=blue] .button:not(.cinematic-whatsapp):not(.inner-whatsapp){background:#1768cb;color:#fff;border-color:#1768cb}
html[data-theme=blue] .button:not(.cinematic-whatsapp):not(.inner-whatsapp):hover{background:#10509f;border-color:#10509f}
html[data-theme=blue] .button.outline{background:#fff;color:#1768cb;border-color:#bbd4f3}
html[data-theme=blue] .button.outline:hover{background:#edf5ff;color:#10509f}
html[data-theme=blue] .form-progress .active{border-color:#1768cb;color:#1768cb}
html[data-theme=blue] .p-context-note{background:#edf4ff;border-color:#1768cb;color:#284d76}
html[data-theme=blue] .form-grid :is(input,select,textarea){background:#f7faff;border-color:#d5e2f1;color:#102f4b;border-radius:9px}
html[data-theme=blue] .form-grid :is(input,select,textarea):focus{outline:2px solid #1768cb}
html[data-theme=blue] .supporting-intro{background:linear-gradient(120deg,#082747,#154c80);width:100%;max-width:none;margin:0;padding:56px 0 60px;text-align:center}
html[data-theme=blue] .supporting-intro h1{color:#fff;font-size:clamp(38px,4vw,58px);line-height:1.12;letter-spacing:-1.8px;max-width:1050px;margin:0 auto 22px}
html[data-theme=blue] .supporting-intro h1 em{color:#84c4ff}
html[data-theme=blue] .supporting-intro .lede{color:#d5e5f6;max-width:800px;margin:0 auto;font-size:17px;line-height:1.75}
.supporting-journal{padding-top:52px;padding-bottom:65px}
.supporting-journal .home-guide-body h2{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:17px 0 15px}
.supporting-journal .home-guide-card{box-shadow:0 12px 32px #0b2b4e08}
html[data-theme=blue] .contact-layout{padding-top:52px;gap:45px;align-items:start}
html[data-theme=blue] .quote-form{border:1px solid #dce6f4;border-radius:18px;padding:34px;background:white;box-shadow:0 14px 44px #0a284c08}
html[data-theme=blue] .quote-form legend{font-size:28px;line-height:1.2;letter-spacing:-.7px;color:#102f4b}
html[data-theme=blue] .form-progress{border-bottom:1px solid #e0eafa;padding-bottom:13px;gap:18px}
html[data-theme=blue] .contact-aside{background:#f0f6ff;border:1px solid #dce8f9;border-radius:18px;padding:30px}
html[data-theme=blue] .contact-aside>.eyebrow{display:none}
html[data-theme=blue] .contact-aside h2{font-size:30px;letter-spacing:-.7px;line-height:1.15;margin-bottom:18px}
html[data-theme=blue] .contact-option{padding:22px 0;border-color:#d5e2f3}
html[data-theme=blue] .contact-option h3{font-size:18px}
html[data-theme=blue] .contact-option>svg{color:#1768cb}
html[data-theme=blue] .contact-option .contact-phone-number{font-size:23px;font-weight:700;color:#1768cb;margin-bottom:8px}
html[data-theme=blue] .contact-aside .text-button{color:#1768cb}
.supporting-about{padding-top:58px;padding-bottom:55px;gap:6%}
.supporting-about .story-photo img{height:auto;border-radius:18px;aspect-ratio:3/2;object-fit:cover}
.supporting-about .story-copy h2{font-size:42px;letter-spacing:-1.3px}
.supporting-about .story-copy p{font-size:16px;line-height:1.75}
.supporting-points{list-style:none;padding:0;margin:25px 0}
.supporting-points li{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:14px}
.supporting-points svg{color:#1768cb;width:20px;height:20px}
.supporting-business{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:32px;border:1px solid #dce8f9;border-radius:16px;background:#f3f7fd;margin-bottom:28px}
.supporting-business h2{font-size:24px;letter-spacing:-.6px;line-height:1.25}
.supporting-business h3{font-size:17px}
.supporting-business p{font-size:13px;line-height:1.7;margin-bottom:0}
.supporting-business address{font-style:normal;font-size:15px;margin-bottom:12px}
.supporting-business a{font-size:22px;font-weight:700;color:#1768cb}
html[data-theme=blue] .article-body{max-width:900px;padding-top:40px;padding-bottom:60px}
html[data-theme=blue] .article-body h2{font-size:28px;line-height:1.3;letter-spacing:-.7px;border-top:1px solid #e2eaf5;padding-top:28px;margin-top:30px}
html[data-theme=blue] .article-body h2:first-child{border-top:0;padding-top:0;margin-top:0}
html[data-theme=blue] .article-body p{font-size:16px;line-height:1.9;color:#526b84}
@media(max-width:700px){html[data-theme=blue] .supporting-intro{padding:37px 0 40px}html[data-theme=blue] .supporting-intro h1{font-size:36px;letter-spacing:-1px}html[data-theme=blue] .supporting-intro .lede{font-size:15px}.supporting-journal{padding-top:30px;padding-bottom:40px}html[data-theme=blue] .contact-layout{padding-top:30px;gap:25px}html[data-theme=blue] .quote-form,html[data-theme=blue] .contact-aside{padding:24px 20px}html[data-theme=blue] .quote-form legend{font-size:24px}html[data-theme=blue] .form-progress{gap:10px;font-size:10px}.supporting-about{padding-top:35px;padding-bottom:35px}.supporting-about .story-copy h2{font-size:34px}.supporting-business{grid-template-columns:1fr;padding:25px;gap:25px}html[data-theme=blue] .article-body{padding-top:30px}html[data-theme=blue] .article-body h2{font-size:24px}.inner-hero-content{padding-top:40px}}
html[data-theme=blue]{--market-green:#1768cb;--market-bright:#6cb7ff;--market-dark:#082b51;--variant-top:#061f3c;--variant-soft:#edf4fb;--variant-ink:#102f4b;--variant-rgb:5,19,38;--variant-hover:#10509f;--acid:#b8d9ff;--ink:#102f4b;--line:#dbe4ef}
html[data-theme=purple]{--market-green:#7039a4;--market-bright:#c29af4;--market-dark:#301245;--variant-top:#230d35;--variant-soft:#f4eff9;--variant-ink:#351d48;--variant-rgb:23,8,35;--variant-hover:#57287f;--acid:#ddc7f7;--ink:#351d48;--line:#e7deee}
html:is([data-theme=blue],[data-theme=purple]) .atelier-header .utility-bar{background:var(--variant-top)}
html:is([data-theme=blue],[data-theme=purple]) .atelier-header{background:var(--market-dark)}
html:is([data-theme=blue],[data-theme=purple]) .split-service-hero.cinematic-hero:before{background:linear-gradient(90deg,rgba(var(--variant-rgb),.84),rgba(var(--variant-rgb),.69) 34%,rgba(var(--variant-rgb),.22) 56%,rgba(var(--variant-rgb),.02) 78%),linear-gradient(180deg,rgba(var(--variant-rgb),.62),transparent 29%),linear-gradient(0deg,rgba(var(--variant-rgb),.28),transparent 35%)}
html:is([data-theme=blue],[data-theme=purple]) .split-service-hero .cinematic-call:hover,html:is([data-theme=blue],[data-theme=purple]) .button.acid:hover,html:is([data-theme=blue],[data-theme=purple]) .service-search-button:hover{background:var(--variant-hover)}
html:is([data-theme=blue],[data-theme=purple]) :is(footer,.p-urgent,.p-fleet){background:var(--market-dark);color:white}
html:is([data-theme=blue],[data-theme=purple]) :is(.tyre-steps,.p-choice-section,.p-blueprint,.field-icon,.search-context){background:var(--variant-soft);color:var(--variant-ink)}
html:is([data-theme=blue],[data-theme=purple]) :is(.steps-intro h2 em,.brand-set a,.text-link,.field-icon,.technical-wheel,.p-size-code i){color:var(--variant-ink)}
html:is([data-theme=blue],[data-theme=purple]) :is(.service-field,.service-field input,.service-field select){color:var(--variant-ink)}
html:is([data-theme=blue],[data-theme=purple]) :is(.atelier-header .logo small,.atelier-header .logo-symbol){color:#fff;border-color:#ffffff88}
html:is([data-theme=blue],[data-theme=purple]) .cinematic-home .atelier-header{background:transparent}
/* WhatsApp retains its familiar service green; call buttons carry the selected brand colour. */
/* Selected blue: solid contact strip, white navigation, photograph below both. */
/* Wider desktop canvas and a continuous logo/search/navigation row. */
@media(min-width:1051px){
 html[data-theme=blue] .wrap,html[data-theme=blue] .cinematic-content.container,html[data-theme=blue] .atelier-header .call-top{max-width:1610px;width:calc(100% - 48px)}
 html[data-theme=blue] .atelier-header .call-top{gap:26px}
 html[data-theme=blue] .atelier-header .header-service-search{flex:0 0 205px;min-width:0;margin:0}
 html[data-theme=blue] .atelier-header .header-service-search input{font-size:14px}
 html[data-theme=blue] .atelier-header .call-top nav{margin-left:0;flex:0 1 auto;justify-content:flex-start;gap:26px;font-size:16px;white-space:nowrap}
 html[data-theme=blue] .atelier-header .call-top nav>a,html[data-theme=blue] .atelier-header .call-top nav>details>summary{min-height:44px;display:flex;align-items:center}
}
@media(min-width:1051px) and (max-width:1250px){
 html[data-theme=blue] .atelier-header .call-top{gap:16px}
 html[data-theme=blue] .atelier-header .market-logo{width:190px}
 html[data-theme=blue] .atelier-header .header-service-search{flex-basis:155px}
 html[data-theme=blue] .atelier-header .header-service-search input{font-size:12px}
 html[data-theme=blue] .atelier-header .call-top nav{font-size:14px;gap:16px}
}
html[data-theme=blue] .atelier-header,html[data-theme=blue] .cinematic-home .atelier-header{position:relative;inset:auto;background:#fff;color:#082b51;padding:0}
html[data-theme=blue] .atelier-header .call-top{background:#fff;color:#082b51}
html[data-theme=blue] .atelier-header :is(nav>a,nav summary,nav summary span,.menu-toggle,.header-service-search){color:#082b51}
html[data-theme=blue] .atelier-header nav>a[aria-current=page]{color:#1768cb;border-color:#1768cb}
html[data-theme=blue] .atelier-header nav>a:hover{color:#1768cb}
html[data-theme=blue] .atelier-header .menu-toggle{background:transparent}
html[data-theme=blue] .split-service-hero.cinematic-hero{padding-top:70px;min-height:660px}
html[data-theme=blue] .split-service-hero .cinematic-background img{object-position:50% 30%}
@media(min-width:1700px){html[data-theme=blue] .split-service-hero.cinematic-hero{padding-top:85px;min-height:750px}}
@media(max-width:700px){html[data-theme=blue] .split-service-hero.cinematic-hero{padding-top:45px;min-height:0}html[data-theme=blue] .split-service-hero .cinematic-background img{object-position:64% center}}
.atelier-header .call-top .logo:has(.market-logo),.footer-grid .logo:has(.market-logo){display:inline-flex;flex-shrink:0;line-height:1}
.market-logo{display:block;width:244px;height:auto;max-width:100%;object-fit:contain}
.footer-grid .market-logo{width:260px}
@media(max-width:1250px){.atelier-header .market-logo{width:216px}}
@media(max-width:700px){.atelier-header .market-logo{width:205px}}
@media(max-width:380px){.atelier-header .market-logo{width:190px}}
@media(max-width:700px){html:is([data-theme=blue],[data-theme=purple]) .split-service-hero.cinematic-hero:before{background:linear-gradient(90deg,rgba(var(--variant-rgb),.87),rgba(var(--variant-rgb),.65))}}
.policy-document section+section{margin-top:36px;padding-top:24px;border-top:1px solid #d9e6f7}
.policy-document a{color:#1768cb;text-decoration:underline}