@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/space-grotesk-latin.woff2') format('woff2')}
:root{--paper:#fafaf6;--ink:#173c32;--green:#1c513e;--muted:#5c6b62;--line:#d9dfd4;--lime:#dfed98;--soft:#eef1e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}h1,h2,h3,.logo{font-family:'Space Grotesk',sans-serif}h1,h2,h3,p{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}svg{width:22px;height:22px;flex-shrink:0}.lucide{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button,a,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ac5807;outline-offset:5px}a,button{}.wrap{width:100%;max-width:1240px;padding:0 40px;margin:0 auto}.skip{position:fixed;top:-100px;left:10px;background:#fff;z-index:10;padding:12px}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line);background:var(--paper)}.nav{height:96px;display:flex;align-items:center;gap:24px}.logo{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;line-height:1;font-weight:800;font-size:28px;letter-spacing:-1.3px}.logo em{font-style:normal;color:#789342}.brand-mark{width:42px;height:42px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:50%;width:48px;height:48px;padding:0;flex-shrink:0}.header-compare{margin-left:auto;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:650;padding:12px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 20px;border:1px solid var(--ink);border-radius:6px;color:white;background:var(--ink);font-size:14px;font-weight:650;line-height:1.5}.button.light{background:transparent;color:var(--ink);border-color:#aebca5}.button svg{width:19px;height:19px}.textlink{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:650;border-bottom:1px solid transparent}.textlink svg{width:18px;height:18px}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:52px;align-items:center;padding-top:44px;padding-bottom:52px}.hero h1{font-size:clamp(42px,4.4vw,62px);font-weight:650;line-height:1.12;letter-spacing:-2.7px;margin:0 0 36px}.hero h1 span{color:#627d37}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.hero-photo{position:relative;display:block;min-width:0;border-radius:10px;overflow:hidden;height:430px;background:#dfe5db}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.photo-caption{position:absolute;bottom:16px;left:16px;right:16px;padding:15px 18px;background:#fafaf6f5;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:18px}.photo-caption strong{font:700 18px 'Space Grotesk'}.photo-caption span{font-size:12px;font-weight:650;display:flex;gap:8px;align-items:center}.photo-caption svg{width:19px;height:19px}.section{padding-top:44px;padding-bottom:44px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2,h2{font-size:32px;font-weight:650;line-height:1.25;letter-spacing:-1.1px;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:30px;min-height:42px;padding:8px 18px;font-size:14px;background:transparent;color:var(--ink)}.filter svg{width:17px;height:17px}.filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.vehicle-grid,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.vehicle{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white;min-width:0}.vehicle-link{display:block;height:100%}.vehicle-image{height:220px;padding:24px 16px;background:#edf0e8;display:flex;align-items:center;justify-content:center}.vehicle-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.vehicle-body{padding:23px}.vehicle-body h3{font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:0 0 22px}.vehicle-facts{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:12px 17px;margin:0 0 23px}.vehicle-facts li{display:flex;align-items:center;gap:6px;font-size:12px;color:#4d6053}.vehicle-facts svg{width:16px;height:16px}.card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;font-size:13px;font-weight:650}.card-action span{display:inline-flex;gap:8px;align-items:center}.card-action svg{width:18px;height:18px}.note{font-size:12px;color:var(--muted);margin:18px 0 0;line-height:1.6}.ad{min-height:100px;max-width:970px;margin:18px auto 48px;border:1px dashed #cbd1c4;background:#f1f3eb;display:flex;align-items:center;justify-content:center}.ad span{color:#697561;font-size:12px;letter-spacing:1px}.editorial-section{background:#ebeee3;border-block:1px solid #dfe4d6}.editorial-section .section{padding-top:48px;padding-bottom:48px}.editorial-feature{display:flex;align-items:center;gap:30px;border-bottom:1px solid #cbd4c1;padding:13px 0 37px;margin-bottom:32px}.feature-symbol{width:88px;height:88px;border:1px solid #bac7aa;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-symbol svg{width:36px;height:36px}.editorial-feature h3{font-size:32px;line-height:1.3;letter-spacing:-1px;font-weight:600;margin:0}.editorial-feature .button{margin-left:auto;white-space:nowrap}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.editorial-card{min-width:0}.editorial-card>a{display:flex;flex-direction:column;height:100%;padding:24px;background:#f9faf4;border-radius:7px;border:1px solid transparent}.editorial-icon{margin-bottom:22px}.editorial-icon svg{width:26px;height:26px}.editorial-card h3{font-size:21px;line-height:1.4;font-weight:650;letter-spacing:-.4px;margin:0 0 30px}.editorial-card .card-action{margin-top:auto}.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.brand-grid a{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);padding:22px 18px;font:700 19px 'Space Grotesk';border-radius:6px}.brand-grid svg{width:17px;height:17px}.rules-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;background:#e1eacb;padding:44px;border-radius:10px}.rules-heading>svg{width:36px;height:36px;margin-bottom:20px}.rules-heading h2{font-size:39px;line-height:1.2;margin-bottom:30px;letter-spacing:-1.5px}.rules-facts>div{display:grid;grid-template-columns:115px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #bfcda9}.rules-facts>div:first-child{padding-top:0}.rules-facts strong{font:650 23px/1.3 'Space Grotesk';letter-spacing:-.6px}.rules-facts p{margin:0;font-size:14px;color:#435439}.source-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;margin-top:16px;text-decoration:underline;text-underline-offset:3px}.source-link svg{width:14px;height:14px}.practical-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.practical-grid>a{border:1px solid var(--line);border-radius:8px;padding:26px;display:grid;grid-template-columns:32px 1fr;gap:14px 20px}.practical-grid h3{font-size:22px;line-height:1.4;letter-spacing:-.5px;margin:0}.practical-grid span{grid-column:2;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650}.practical-grid span svg{width:17px;height:17px}.faq{max-width:840px;margin:auto}.faq h2{margin-bottom:20px}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:17px;font-weight:600;cursor:pointer;padding:22px 0}.faq summary::-webkit-details-marker{display:none}.faq details[open] summary svg{transform:rotate(180deg)}.faq p{font-size:15px;color:var(--muted);margin:0;padding-bottom:22px}.faq a{text-decoration:underline;text-underline-offset:3px}.footer{background:var(--ink);color:#f8faf0;padding:48px 0 20px;margin-top:44px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}.footer .brand-mark{border:1px solid #708062;border-radius:10px}.footer p{color:#c1cfc2;font-size:14px;max-width:270px}.footer h3{font-size:14px;margin:0 0 17px}.footer a:not(.logo){display:block;font-size:13px;color:#d3ded1;margin:10px 0}.footer-bottom{border-top:1px solid #446052;display:flex;justify-content:space-between;gap:24px;padding-top:20px;margin-top:35px;font-size:12px;color:#b7c8ba}.article{max-width:870px;padding-top:42px;padding-bottom:48px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:30px}.article h1{font-size:44px;line-height:1.18;letter-spacing:-1.6px;font-weight:650;margin:0 0 40px}.article h2{font-size:26px;margin:32px 0 14px}.article h3{margin:24px 0 12px}.article p,.article li{color:#405446}.article a:not(.button){text-decoration:underline;text-underline-offset:3px}.article .source{font-size:13px;border-top:1px solid var(--line);margin-top:36px;padding-top:20px}.article>img{max-height:390px;object-fit:contain;margin:25px auto;border-radius:10px}.hubgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hubcard{display:block;background:var(--soft);border:1px solid var(--line);padding:25px;border-radius:8px;text-decoration:none!important}.hubcard h2{font-size:22px;margin:0 0 14px}.hubcard p{font-size:15px;margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}caption{text-align:left;margin-bottom:20px}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;min-width:130px}th{background:var(--soft)}[hidden]{display:none!important}.site-menu{position:fixed;inset:0 auto 0 0;width:min(1120px,100%);max-width:100%;height:100dvh;max-height:100dvh;border:0;border-right:1px solid var(--line);padding:0;margin:0;background:var(--paper);color:var(--ink);overflow-y:auto;overscroll-behavior:contain}.site-menu::backdrop{background:#0b2019a3}.menu-open{overflow:hidden}.menu-top{height:96px;padding:0 40px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.menu-grid{padding:42px 40px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:35px;row-gap:38px}.menu-group{min-width:0}.menu-group h2{font-size:28px;letter-spacing:-1px;line-height:1.2;margin:0 0 18px}.menu-group ul{list-style:none;padding:0;margin:0}.menu-group li{margin:0}.menu-group li>a,.future{display:flex;align-items:center;gap:9px;min-height:38px;font-size:14px;line-height:1.4;padding:6px 0}.future{color:#637060}.future small{white-space:nowrap;border:1px solid #cdd4c3;border-radius:4px;font-size:10px;line-height:1.3;padding:2px 5px;color:#637060}.menu-bottom{margin:0 40px;padding:25px 0 35px;border-top:1px solid var(--line)}
@media(min-width:1450px){.hero h1{font-size:66px}.hero-photo{height:450px}}@media(max-width:1050px){.wrap{padding-inline:28px}.hero{gap:30px}.hero h1{font-size:49px}.hero-photo{height:390px}.hero .button{font-size:13px;padding:11px 15px}.vehicle-body{padding:18px}.vehicle-image{height:190px}.vehicle-facts{gap:10px}.vehicle-facts li{font-size:11px}.vehicle-grid,.cards{gap:16px}.card-action{font-size:12px}.editorial-feature h3{font-size:28px}.feature-symbol{width:70px;height:70px}.editorial-grid{gap:16px}.editorial-card>a{padding:20px}.editorial-card h3{font-size:19px}.brand-grid a{font-size:16px;padding:18px 12px}.rules-panel{padding:32px;gap:28px}.rules-facts>div{grid-template-columns:90px 1fr;gap:14px}.rules-facts strong{font-size:21px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.menu-grid{gap:32px 25px}.menu-group h2{font-size:25px}.menu-group li>a,.future{font-size:13px}.menu-top{padding-inline:28px}.menu-grid{padding-inline:28px}}
@media(max-width:760px){.wrap{padding-inline:20px}.nav{height:78px;gap:15px}.logo{font-size:25px;gap:10px}.brand-mark{width:36px;height:36px}.icon-button{width:44px;height:44px}.header-compare span{display:none}.header-compare{padding:10px}.hero{gap:24px;padding-top:30px;padding-bottom:30px}.hero h1{font-size:39px;letter-spacing:-1.7px}.hero-photo{height:340px}.photo-caption{flex-direction:column;align-items:start;gap:5px;padding:12px}.photo-caption strong{font-size:16px}.photo-caption span{font-size:12px}.section{padding-top:32px;padding-bottom:32px}.section-head{gap:16px;margin-bottom:20px;align-items:start}.section-head h2,h2{font-size:28px;letter-spacing:-.9px}.section-head .textlink{font-size:12px;min-height:34px;gap:5px;flex-shrink:0}.vehicle-grid,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-body h3{font-size:22px}.vehicle-image{height:205px}.vehicle-facts li{font-size:12px}.card-action{font-size:13px}.editorial-feature{gap:20px;flex-wrap:wrap}.editorial-feature h3{font-size:27px}.editorial-feature .button{margin-left:90px}.editorial-grid{grid-template-columns:1fr}.editorial-card>a{display:grid;grid-template-columns:30px 1fr;gap:16px;padding:22px}.editorial-icon{margin:0}.editorial-card h3{font-size:23px;margin:0}.editorial-card h3 br{display:none}.editorial-card .card-action{grid-column:2;border:0;padding-top:4px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-grid a{font-size:18px;padding:18px}.rules-panel{gap:30px;grid-template-columns:1fr}.rules-heading h2{font-size:33px;margin:0}.rules-heading>svg{margin-bottom:14px}.rules-heading .button{margin-top:22px}.rules-facts>div{grid-template-columns:120px 1fr;gap:20px}.practical-grid{gap:14px}.practical-grid>a{grid-template-columns:1fr;padding:22px;gap:18px}.practical-grid h3{font-size:21px}.practical-grid span{grid-column:1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.article h1{font-size:36px}.menu-top{height:78px;padding-inline:20px;gap:15px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:30px 24px;gap:35px 25px}.menu-group h2{font-size:27px}.menu-group li>a,.future{min-height:42px;font-size:14px}.menu-bottom{margin-inline:24px}}
@media(max-width:560px){.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:30px;gap:26px}.hero h1{font-size:clamp(38px,10.8vw,54px);line-height:1.13;letter-spacing:-1.8px;margin-bottom:25px}.hero h1 br:first-child{display:none}.hero h1 br:first-child:after{content:' '}.hero .actions{display:grid;grid-template-columns:1fr;gap:9px}.hero .button{width:100%;font-size:14px;padding:12px 16px}.hero-photo{height:300px}.photo-caption{flex-direction:row;align-items:center;padding:12px;left:12px;right:12px;bottom:12px;gap:12px}.photo-caption strong{font-size:15px;white-space:nowrap}.photo-caption span{font-size:11px;gap:5px}.photo-caption svg{width:17px;height:17px}.section-head{flex-direction:column;gap:4px}.section-head h2,h2{font-size:29px}.section-head .textlink{font-size:14px;min-height:38px}.vehicle-grid,.cards{grid-template-columns:1fr;gap:20px}.vehicle-image{height:230px;padding:22px}.vehicle-body{padding:22px}.vehicle-body h3{font-size:25px;margin-bottom:18px}.vehicle-facts{gap:14px;margin-bottom:22px}.vehicle-facts li{font-size:13px}.card-action{font-size:14px;padding-top:17px;min-height:42px}.ad{min-height:90px;margin:14px auto 32px}.editorial-section .section{padding-block:32px}.editorial-feature{display:grid;grid-template-columns:1fr;gap:20px;padding:8px 0 30px;margin-bottom:25px}.feature-symbol{width:56px;height:56px}.feature-symbol svg{width:25px;height:25px}.editorial-feature h3{font-size:29px}.editorial-feature h3 br{display:none}.editorial-feature .button{margin:0;justify-self:start}.editorial-card>a{padding:21px 18px;column-gap:13px}.editorial-card h3{font-size:21px}.editorial-card .card-action{font-size:13px}.brand-grid{grid-template-columns:1fr 1fr;gap:10px}.brand-grid a{padding:18px 14px;font-size:18px}.rules-panel{padding:26px 22px;gap:26px}.rules-heading h2{font-size:32px}.rules-facts>div{grid-template-columns:1fr;gap:8px}.rules-facts strong{font-size:25px}.rules-facts p{font-size:15px}.practical-grid{grid-template-columns:1fr}.practical-grid>a{grid-template-columns:28px 1fr;gap:14px 15px;padding:22px}.practical-grid h3{font-size:21px}.practical-grid span{grid-column:2}.faq summary{font-size:16px;line-height:1.5}.footer{margin-top:25px;padding-top:35px}.footer-grid{gap:27px 20px}.footer h3{font-size:13px}.footer .logo{font-size:26px}.footer-bottom{font-size:11px}.article{padding-top:30px}.article h1{font-size:32px;margin-bottom:28px}.article h2{font-size:25px}.hubgrid{grid-template-columns:1fr}.menu-grid{grid-template-columns:1fr;padding:30px 24px 10px;gap:0}.menu-group{padding-bottom:27px;margin-bottom:27px;border-bottom:1px solid var(--line)}.menu-group:last-child{border:0}.menu-group h2{font-size:32px;margin-bottom:14px}.menu-group li>a,.future{font-size:16px;min-height:44px}.future{justify-content:space-between;gap:16px}.future small{font-size:11px}.menu-bottom{padding-top:0;border:0}.menu-bottom .button{width:100%}.menu-top{position:sticky;top:0;z-index:2;background:var(--paper)}.menu-top .logo{font-size:25px}}
@media(max-width:360px){.wrap{padding-inline:16px}.nav{gap:10px}.logo{font-size:23px;gap:8px}.brand-mark{width:33px;height:33px}.header-compare{padding:8px 0 8px 5px}.hero h1{font-size:37px}.photo-caption{flex-direction:column;align-items:start;gap:4px}.vehicle-body{padding:19px}.vehicle-facts{gap:10px}.vehicle-facts li{font-size:12px}.brand-grid a{font-size:17px}.menu-top{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{}}
/* Magazine identity — September 2026 */

:root{--paper:#fff;--ink:#15161a;--green:#3b46ff;--muted:#575a64;--line:#dfe0e5;--lime:#ffe234;--soft:#f2f2f5;--blue:#3b46ff;--yellow:#ffe234;--lavender:#d8cefa}body{font-family:'DM Sans',Arial,sans-serif;background:var(--paper);color:var(--ink)}h1,h2,h3,.logo{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;letter-spacing:0;line-height:1.03}.wrap{max-width:1320px}.header{border-color:var(--ink)}.nav,.menu-top{height:88px}.logo{font-size:39px;letter-spacing:-.7px;gap:11px}.logo em{color:var(--blue)}.brand-mark{width:40px;height:40px}.icon-button{border:0;border-radius:3px;width:44px;height:44px}.menu-trigger svg{width:28px;height:28px}.header-compare{background:var(--yellow);padding:11px 16px;border-radius:3px;font-size:13px}.button{background:var(--ink);border-color:var(--ink);border-radius:3px;font-size:13px;gap:13px;font-weight:600}.button.light{border-color:var(--ink)}.section{padding-block:46px}.section-head{margin-bottom:26px}.section-head h2,h2{font:700 47px/1.05 'Space Grotesk',Arial,sans-serif;letter-spacing:0}.heading-link{display:inline-flex;align-items:center;gap:15px}.heading-link>svg{width:26px;height:38px;stroke-width:1.2}.mag-hero{padding-top:35px;padding-bottom:12px}.hero-title{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.hero-title h1{font-size:78px;line-height:.96;margin:0;letter-spacing:-.7px}.hero-title h1 span{color:var(--blue)}.hero-title .button{margin-bottom:5px}.hero-stories{display:grid;grid-template-columns:1.9fr 1fr;gap:20px}.hero-cover{height:410px;position:relative;overflow:hidden;border-radius:4px;background:#eee}.hero-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.hero-cover:after{content:'';position:absolute;inset:25% 0 0}.cover-content{position:absolute;bottom:24px;left:28px;right:28px;z-index:1;color:#fff}.cover-content h2{font-size:44px;line-height:1.03;letter-spacing:0;margin:0 0 17px}.read-link{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;line-height:1.5}.read-link>svg{width:17px;height:17px}.read-link>svg:last-child{margin-left:auto}.cover-content .read-link{max-width:140px}.hero-aside{display:grid;grid-template-rows:1fr 1fr;gap:18px}.mini-story{border-radius:4px;padding:22px 25px;display:flex;flex-direction:column;align-items:start}.lavender{background:var(--lavender)}.yellow{background:var(--yellow)}.mini-story>svg{width:26px;height:26px;margin-bottom:14px}.mini-story h2{font-size:31px;line-height:1.03;margin:0 0 17px}.mini-story .read-link{width:100%;margin-top:auto}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.story>a{display:flex;flex-direction:column;height:100%;border-bottom:1px solid var(--line);padding-bottom:22px}.story-media,.story-art{height:195px;border-radius:4px;overflow:hidden}.story-media img{width:100%;height:100%;object-fit:cover}.story-art{display:flex;align-items:center;justify-content:center}.story-art>svg{width:76px;height:76px;stroke-width:1.2}.story-body{padding-top:18px;display:flex;flex-direction:column;flex:1}.story h3{font-size:31px;line-height:1.09;margin:0 0 19px}.story .read-link{margin-top:auto;color:#53565f}.ad{background:#f6f6f8;margin-top:10px;margin-bottom:35px;min-height:95px}.ad span{color:#71737a;font-size:11px}.models-section{background:#f1f1f5;border-block:1px solid var(--line)}.filter{border-radius:3px;font-size:13px;min-height:40px}.filter[aria-pressed=true]{background:var(--blue);border-color:var(--blue)}.vehicle{border:0;border-radius:4px}.vehicle-image{background:#e4e4eb;height:215px;padding:0}.vehicle-image img{object-fit:cover;mix-blend-mode:normal}.vehicle-body{padding:22px}.vehicle-body h3{font:700 32px/1.05 'Space Grotesk',Arial,sans-serif;margin-bottom:19px}.vehicle-facts{gap:16px;font-size:12px}.card-action{font-size:12px}.card-action svg{stroke-width:1.5}.card-action span svg{display:none}.brand-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.brand-feature{position:relative;display:flex;flex-direction:column;background:#15161a;color:#fff;border-radius:4px;overflow:hidden}.brand-feature>div{padding:22px 24px}.brand-feature h3{display:flex;justify-content:space-between;align-items:center;font-size:39px;margin:0 0 10px}.brand-feature h3 svg{stroke-width:1.2;width:22px;height:28px}.brand-feature p{font-size:13px;color:#d0d1db;margin:0;min-height:36px;max-width:250px}.brand-feature img{width:100%;height:175px;object-fit:cover;background:#e3e3eb}.other-brands{display:flex;border-bottom:1px solid var(--line);gap:35px;margin-top:22px;flex-wrap:wrap}.other-brands a{display:flex;align-items:center;gap:12px;font:600 23px 'Space Grotesk',Arial,sans-serif;min-height:55px}.other-brands a:last-child{margin-left:auto;font:500 13px 'DM Sans',Arial,sans-serif}.other-brands svg{height:18px;width:18px}.tools-section{background:var(--blue);color:#fff}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tool-card{background:#ffffff0d;border:1px solid #ffffff55;border-radius:4px;padding:25px;display:flex;flex-direction:column}.tool-icon{margin-bottom:20px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--yellow);border-radius:50%;color:var(--ink)}.tool-icon svg{width:23px;height:23px}.tool-card h3{font-size:34px;line-height:1.05;margin:0 0 16px}.tool-card p{font-size:14px;line-height:1.65;color:#e3e4ff;margin:0 0 24px}.tool-card .read-link{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff4a}.blog-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:30px}.blog-feature>a{height:100%;display:flex;flex-direction:column;background:#ede9fa;border-radius:4px;overflow:hidden}.blog-feature img{height:270px;object-fit:cover;width:100%}.blog-feature-content{padding:25px}.blog-feature h3{font-size:42px;line-height:1.04;margin:0 0 18px}.blog-feature .read-link{max-width:180px}.blog-side{display:flex;flex-direction:column}.blog-side>a{display:grid;grid-template-columns:40px 1fr;gap:12px 18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.blog-side>a:first-child{padding-top:0}.blog-side h3{font-size:33px;line-height:1.04;margin:0}.blog-side .read-link{grid-column:2;max-width:150px;color:#555966}.blog-side .blog-icon{background:var(--yellow);padding:9px;display:flex;border-radius:4px}.blog-side .blog-icon svg{width:22px;height:22px}.blog-side .blog-all{display:flex;align-items:center;font-size:14px;font-weight:600;margin-top:auto;padding-top:24px}.blog-all svg:last-child{margin-left:auto}.rules-panel{background:var(--yellow);border-radius:4px;grid-template-columns:1fr 1fr;align-items:center}.rules-heading h2{font-size:51px;line-height:1}.rules-heading h2 a{gap:20px;align-items:end}.rules-heading>svg{width:34px;height:34px}.rules-facts>div{border-color:#15161a30}.rules-facts strong{font:700 29px 'Space Grotesk',Arial,sans-serif;letter-spacing:0}.rules-facts p{color:#31302b}.source-link{font-size:11px}.faq h2{font-size:43px}.faq summary{font-size:15px}.footer{background:#15161a}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}.footer h3{font:700 24px 'Space Grotesk',Arial,sans-serif}.footer p{color:#b9bdc8}.footer a:not(.logo){color:#c4c7d1;font-size:12px}.footer .brand-mark{border-color:#505057}.footer-bottom{color:#9fa5b3;border-color:#ffffff30}.menu-group h2{font:700 35px/1.06 'Space Grotesk',Arial,sans-serif}.menu-group h2 a{display:inline-flex;align-items:center;gap:10px}.menu-group h2 a svg{height:29px;width:19px;stroke-width:1.2}.future{color:#62646e}.future small{border-color:#d7d7df;color:#62646e}.menu-grid{row-gap:32px}.menu-group li>a,.future{font-size:13px;min-height:34px}.menu-bottom .button{background:var(--blue);border-color:var(--blue)}.article h1,.tools-page h1,.blog-index h1{font:700 58px/1.02 'Space Grotesk',Arial,sans-serif;letter-spacing:0;margin:0 0 35px}.article h2{font:700 34px/1.06 'Space Grotesk',Arial,sans-serif;letter-spacing:0}.article p,.article li{color:#434653}.hubcard{border-radius:4px;background:#f1effa}.hubcard h2{font:700 30px/1.05 'Space Grotesk',Arial,sans-serif}th{background:#eeedff}.blog-index .reading-grid{row-gap:35px}.tools-page{max-width:1150px}.tools-nav{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.tools-nav>a{display:flex;align-items:center;gap:9px;background:#efeff8;padding:12px 16px;border-radius:3px;font-size:13px;font-weight:600}.calculator-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;padding:36px;background:#f3f2f8;border:1px solid var(--line);margin-bottom:30px;border-radius:4px;scroll-margin-top:30px}.calc-intro>svg{width:38px;height:38px;color:var(--blue);margin-bottom:22px}.calc-intro h2{font-size:38px;margin-bottom:20px}.calc-intro p{font-size:14px;color:#555968;line-height:1.7;margin:0}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:25px}.input-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.input-grid input{width:100%;min-width:0;border:1px solid #b5b7c7;border-radius:3px;padding:11px 12px;font:400 16px 'DM Sans',Arial,sans-serif;color:var(--ink);background:white}.input-grid input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.calc-result{display:block;margin-top:25px;background:#fff;padding:20px;border-left:4px solid var(--blue);line-height:1.5}.calc-result strong{display:block;font:700 33px/1.1 'Space Grotesk',Arial,sans-serif;margin-bottom:10px}.calc-result span{font-size:13px;color:#4a4e5c;display:block}.calculator-form .note{font-size:11px}
@media(max-width:1050px){.hero-title h1{font-size:66px}.hero-stories{grid-template-columns:1.5fr 1fr}.cover-content h2{font-size:38px}.mini-story h2{font-size:29px}.hero-cover{height:390px}.story h3{font-size:28px}.story-media,.story-art{height:170px}.tool-card{padding:23px 20px}.tool-card h3{font-size:30px}.blog-feature h3{font-size:38px}.blog-side h3{font-size:29px}.menu-group h2{font-size:32px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.calculator-panel{gap:25px;padding:28px}}
@media(max-width:760px){.nav,.menu-top{height:76px}.logo{font-size:34px}.brand-mark{width:35px;height:35px}.header-compare{padding:10px;background:var(--yellow)}.section{padding-block:34px}.section-head h2,h2{font-size:39px}.heading-link{gap:12px}.heading-link>svg{width:21px;height:30px}.hero-title{align-items:start;flex-direction:column;gap:22px}.hero-title h1{font-size:65px}.hero-stories{grid-template-columns:1fr}.hero-cover{height:390px}.hero-aside{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:15px}.mini-story{padding:22px}.mini-story h2{font-size:31px}.reading-grid{gap:17px}.story-media,.story-art{height:150px}.story h3{font-size:27px}.brand-features{gap:14px}.brand-feature>div{padding:20px 16px}.brand-feature h3{font-size:32px}.brand-feature p{font-size:12px}.brand-feature img{height:135px}.tool-grid{grid-template-columns:1fr;gap:16px}.tool-card{display:grid;grid-template-columns:48px 1fr;gap:14px 20px;padding:25px}.tool-icon{margin:0}.tool-card h3{font-size:33px;margin:0}.tool-card h3 br{display:none}.tool-card p{grid-column:2;margin:0}.tool-card .read-link{grid-column:2}.blog-layout{grid-template-columns:1fr 1fr;gap:23px}.blog-feature img{height:230px}.blog-feature h3{font-size:33px}.blog-side h3{font-size:28px}.blog-side>a{gap:10px 14px;grid-template-columns:35px 1fr}.blog-side .blog-icon{padding:7px}.blog-side .blog-icon svg{width:20px;height:20px}.rules-panel{grid-template-columns:1fr;gap:30px}.rules-heading h2{font-size:46px}.article h1,.tools-page h1,.blog-index h1{font-size:49px}.calculator-panel{grid-template-columns:1fr}.calc-intro p{max-width:450px}.calc-intro>svg{margin-bottom:14px}.calc-intro h2{margin-bottom:12px}.menu-grid{grid-template-columns:1fr 1fr}.menu-group h2{font-size:35px}.menu-group li>a,.future{min-height:42px;font-size:14px}}
@media(max-width:560px){.logo{font-size:33px}.menu-top .logo{font-size:33px}.nav{gap:12px}.brand-mark{width:33px;height:33px}.hero-title h1{font-size:62px}.hero-title .button{width:100%;font-size:13px}.mag-hero{padding-top:25px}.hero-title{margin-bottom:24px}.hero-cover{height:330px}.cover-content{left:20px;right:20px;bottom:21px}.cover-content h2{font-size:35px}.hero-aside{grid-template-columns:1fr 1fr;gap:12px}.mini-story{padding:19px 16px;min-width:0}.mini-story h2{font-size:26px;line-height:1.05}.mini-story h2 br{display:none}.mini-story .read-link{font-size:11px;gap:5px}.mini-story .read-link svg{width:15px;height:15px}.section-head h2,h2{font-size:39px}.section-head{margin-bottom:22px}.reading-grid{grid-template-columns:1fr;gap:24px}.story>a{display:grid;grid-template-columns:110px 1fr;gap:17px;padding-bottom:22px}.story-media,.story-art{height:135px}.story-art>svg{width:44px;height:44px}.story-body{padding:0}.story h3{font-size:28px;line-height:1.05;margin-bottom:15px}.story .read-link{font-size:11px;gap:6px}.story .read-link svg{width:15px;height:15px}.vehicle-image{height:220px}.vehicle-body h3{font-size:34px}.vehicle-body{padding:22px}.vehicle-facts li{font-size:12px}.card-action{font-size:13px}.brand-features{grid-template-columns:1fr;gap:15px}.brand-feature{flex-direction:row;align-items:center;min-height:150px}.brand-feature>div{flex:1;padding:22px}.brand-feature h3{font-size:38px}.brand-feature p{font-size:12px;min-height:0}.brand-feature img{width:42%;height:170px;align-self:stretch;object-fit:cover}.other-brands{gap:22px;margin-top:17px}.other-brands a:last-child{width:100%;margin:0;border-top:1px solid var(--line);justify-content:space-between}.tool-card{grid-template-columns:42px 1fr;gap:12px 15px;padding:24px 19px}.tool-icon{width:40px;height:40px}.tool-card h3{font-size:30px}.tool-card p{font-size:13px}.tool-card .read-link{font-size:12px}.blog-layout{grid-template-columns:1fr}.blog-feature img{height:230px}.blog-feature h3{font-size:39px}.blog-feature-content{padding:22px}.blog-side h3{font-size:32px}.blog-side>a{padding:23px 0}.blog-side>a:first-child{padding-top:12px}.rules-panel{padding:27px 23px}.rules-heading h2{font-size:44px}.rules-facts strong{font-size:30px}.rules-facts p{font-size:14px}.faq h2{font-size:39px}.footer-grid{gap:25px}.footer h3{font-size:22px}.footer .logo{font-size:35px}.menu-grid{grid-template-columns:1fr;padding-top:25px}.menu-group{padding-bottom:24px;margin-bottom:24px}.menu-group h2{font-size:39px}.menu-group h2 a svg{width:23px;height:32px}.menu-group li>a,.future{font-size:15px;min-height:43px}.article h1,.tools-page h1,.blog-index h1{font-size:43px}.calculator-panel{padding:25px 20px}.calc-intro h2{font-size:34px}.input-grid{grid-template-columns:1fr;gap:17px}.tools-nav{gap:8px;margin-bottom:28px}.tools-nav>a{font-size:12px;padding:10px}.tools-nav svg{width:18px;height:18px}.calc-result strong{font-size:29px}.blog-index .reading-grid{gap:26px}}
@media(max-width:360px){.logo,.menu-top .logo{font-size:29px}.hero-title h1{font-size:54px}.hero-aside{grid-template-columns:1fr}.mini-story{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.mini-story>svg{margin:0}.mini-story h2{font-size:28px;margin:0 0 5px}.mini-story .read-link{grid-column:2}.section-head h2{font-size:35px}.story>a{grid-template-columns:90px 1fr;gap:14px}.story h3{font-size:25px}.story-media,.story-art{height:126px}.brand-feature>div{padding:18px}.tool-card{grid-template-columns:1fr}.tool-card p,.tool-card .read-link{grid-column:1}.menu-group h2{font-size:36px}}
.vehicle-image img[src$="ami-full.webp"],.brand-feature img[src$="ami-full.webp"]{object-fit:contain;background:#e4e4eb}
.hubcard h2 svg{width:18px;height:26px;margin-left:12px;vertical-align:middle;stroke-width:1.2}

/* Shared title chevrons and the framed navigation drawer. */
.heading-link{gap:.16em;align-items:center}.heading-link>svg{width:.65em;height:.8em;stroke-width:1.35;position:relative;top:.04em}.brand-feature h3{justify-content:flex-start;gap:.16em}.brand-feature h3 svg{width:.65em;height:.8em;stroke-width:1.35;position:relative;top:.04em}.hubcard h2 svg{width:.65em;height:.8em;margin-left:.16em;stroke-width:1.35;vertical-align:-.08em}.rules-heading h2 a{gap:.16em;align-items:center}
.site-menu{background:#f4f4f9;border-right:0}.site-menu[open]{}.site-menu[open]::backdrop{}.site-menu::backdrop{background:#15161a85}.menu-top{position:sticky;top:0;z-index:2;background:#fff;height:90px;border-bottom:1px solid #dedee8}.menu-grid{padding:28px;gap:18px;align-items:start}.menu-group{padding:25px 23px 20px;margin:0;border:1px solid #dcdce8;border-radius:12px;background:#fff;min-width:0}.menu-group h2{font-size:34px;margin:0 0 17px;letter-spacing:0}.menu-group h2 a{gap:.13em;align-items:center}.menu-group h2 a svg{width:.65em;height:.8em;stroke-width:1.35;position:relative;top:.04em}.menu-group li>a,.menu-group .future{min-height:38px;padding:7px 0;line-height:1.4;font-size:13px;border-bottom:1px solid #15161a0d}.menu-group li:last-child>a,.menu-group li:last-child .future{border:0}.menu-group .future{display:flex;justify-content:space-between;gap:8px;color:#5b5d6b}.future small{white-space:nowrap;font-size:9px;padding:2px 5px;align-self:center;border-radius:4px}.menu-group-0{background:var(--blue);border-color:var(--blue);color:#fff}.menu-group-0 .future{color:#e1e2ff}.menu-group-0 .future small{color:#e1e2ff;border-color:#ffffff55}.menu-group-0 li>a,.menu-group-0 .future{border-color:#ffffff26}.menu-group-1{background:#ebe7fa;border-color:#d4c9f0}.menu-group-2{background:var(--yellow);border-color:#e6cf24}.menu-group-4{background:#eef0ff;border-color:#d6daff}.menu-group-6{background:#d8cefa;border-color:#c2b3ea}.menu-bottom{margin:0 28px;padding:20px 0 28px;border-color:#dcdce8}.menu-bottom .button{width:100%;justify-content:space-between;border-radius:8px}.menu-bottom .button svg:first-child{margin-right:0}.menu-bottom .button svg:last-child{margin-left:auto}
@media(max-width:1050px){.menu-grid{padding:24px;gap:16px}.menu-group{padding:22px 18px}.menu-group h2{font-size:31px}}
@media(max-width:760px){.menu-top{height:76px}.menu-grid{grid-template-columns:1fr 1fr;padding:20px}.menu-group h2{font-size:34px}.menu-group li>a,.menu-group .future{min-height:44px;font-size:14px}.menu-bottom{margin-inline:20px}}
@media(max-width:560px){.menu-grid{grid-template-columns:1fr;padding:18px;gap:14px}.menu-group{padding:23px;margin:0;border-bottom-width:1px}.menu-group h2{font-size:38px;margin-bottom:15px}.menu-group h2 a svg{width:.65em;height:.8em}.menu-group li>a,.menu-group .future{font-size:14px}.menu-bottom{margin-inline:18px}}
@media(prefers-reduced-motion:reduce){.site-menu[open],.site-menu[open]::backdrop{}}
.heading-link,.menu-group h2 a,.brand-feature h3{gap:.08em}.heading-link>svg,.menu-group h2 a svg,.brand-feature h3 svg{width:.9em;height:1.2em;top:0}.hubcard h2 svg{width:.9em;height:1.2em;margin-left:.08em;vertical-align:-.23em}.rules-heading h2 a{gap:.08em}

/* Voiture / sans permis: one blue and yellow visual language. */
:root{--lavender:#e9ecff;--soft:#f3f5fb}.logo{font-size:27px;letter-spacing:-.5px;gap:11px}.brand-name{display:flex;flex-direction:column;gap:1px;line-height:.95}.brand-name>span{display:block}.brand-name em{color:var(--blue);font-style:normal}.brand-mark{width:46px;height:46px}.footer .logo{font-size:27px}.footer .brand-name em{color:var(--yellow)}.menu-trigger,.menu-close{border:0;background:#f0f2fa;border-radius:12px;width:48px;height:48px}.menu-trigger .burger-mark{width:28px;height:28px}
.heading-link>svg,.menu-group h2 a svg,.brand-feature h3 svg{top:.065em}.hubcard h2 svg{vertical-align:-.29em}
.site-menu{background:#f5f6fa}.menu-group{border-color:#dde1ed}.menu-group-1,.menu-group-4,.menu-group-6{background:#edf0ff;border-color:#d9dfff;color:var(--ink)}.menu-group-2{background:var(--yellow);border-color:#ebd335}.menu-group-3,.menu-group-5,.menu-group-7{background:#fff;border-color:#dde1ed}.menu-group-6 h2{color:var(--blue)}
.blue,.mini-story.blue{background:var(--blue);color:#fff}.mini-story.blue>svg{color:var(--yellow)}.mini-story.blue .read-link{border-color:#ffffff55}.mini-story.yellow{color:var(--ink)}.mini-story.yellow>svg{color:var(--blue)}.hero-cover:after{inset:20% 0 0}.hero-cover{border-bottom:6px solid var(--yellow)}.hero-cover .read-link{color:var(--yellow)}.cover-content h2{color:#fff}
.story-media{position:relative;overflow:hidden;border-bottom:6px solid var(--yellow);background:#edf0ff}.story-media img{width:100%;height:100%;object-fit:cover}.cover-symbol{position:absolute;right:13px;bottom:13px;z-index:1;background:var(--blue);color:var(--yellow);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px}.cover-symbol svg{width:23px;height:23px}.story-art{position:relative;overflow:hidden;background:var(--blue);color:var(--yellow)}.story-art:before{content:'';position:absolute;width:115px;height:115px;border:22px solid var(--yellow);border-radius:50%;right:-38px;top:-45px;opacity:.95}.story-art:after{content:'';position:absolute;width:65px;height:65px;border:13px solid #ffffff24;border-radius:50%;left:-20px;bottom:-27px}.story-art.yellow{background:var(--yellow);color:var(--blue)}.story-art.yellow:before{border-color:var(--blue)}.story-art>svg{position:relative;z-index:1}.blog-feature>a{background:var(--blue);color:#fff}.blog-feature img{border-bottom:6px solid var(--yellow)}.blog-feature .read-link{color:var(--yellow);border-color:#ffffff50}.brand-feature{background:#edf0ff}.brand-feature:nth-child(2){background:#fff5bc}.brand-feature:nth-child(3){background:#f1f3f8}.hubcard{background:#f1f4ff;border-color:#dce1f2}.category-tools{padding-top:35px;margin-top:30px;border-top:1px solid var(--line)}.category-tools h2{margin-bottom:20px}.category-tools .tools-nav>a{background:var(--yellow)}
@media(max-width:760px){.logo,.menu-top .logo,.footer .logo{font-size:25px}.brand-mark{width:42px;height:42px}.menu-top{gap:16px}}
@media(max-width:560px){.logo,.menu-top .logo{font-size:23px}.brand-mark{width:38px;height:38px}.logo{gap:8px}.menu-trigger,.menu-close{width:42px;height:42px}.menu-trigger .burger-mark{width:26px;height:26px}.menu-top{padding-inline:18px}.nav{gap:12px}.story-media{border-bottom-width:4px}.cover-symbol{width:30px;height:30px;right:7px;bottom:7px;border-radius:7px}.cover-symbol svg{width:18px;height:18px}}
@media(max-width:360px){.logo,.menu-top .logo{font-size:21px}.brand-mark{width:34px;height:34px}.nav{gap:9px}}

/* Menu header and reversible drawer motion. */
.menu-trigger,.menu-trigger:active{background:transparent;border:0}.menu-top{background:var(--blue);color:#fff;border-bottom-color:#ffffff22}.menu-top .logo{color:#fff}.menu-top .menu-close{background:transparent;color:#fff;border:0}.menu-top a:focus-visible,.menu-top button:focus-visible{outline-color:var(--yellow)}
.site-menu[open].is-closing{pointer-events:none}.site-menu[open].is-closing::backdrop{}
@media(prefers-reduced-motion:reduce){.site-menu[open].is-closing,.site-menu[open].is-closing::backdrop{}}
/* Blue header shared across all site pages. */
.header{background:var(--blue);color:#fff;border-bottom-color:#ffffff22}.header .logo{color:#fff}.header .menu-trigger{color:#fff}.header .header-compare{color:var(--ink);background:var(--yellow)}.header a:focus-visible,.header button:focus-visible{outline-color:var(--yellow)}

/* Reusable editorial article template. */
.article-breadcrumb{padding-block:22px}.article-breadcrumb ol{display:flex;flex-wrap:wrap;gap:7px 10px;list-style:none;padding:0;margin:0;font-size:12px;line-height:1.6;color:#646977}.article-breadcrumb li{display:flex;align-items:center;gap:10px;min-width:0}.article-breadcrumb svg{width:14px;height:14px}.article-breadcrumb [aria-current=page]{color:var(--ink)}
.article-cover{background:var(--blue);color:#fff;overflow:hidden;border-bottom:6px solid var(--yellow)}.article-cover-inner{position:relative;display:flex;align-items:center;min-height:320px;padding-block:54px;gap:36px}.article-cover h1{font:700 clamp(52px,6vw,82px)/1.02 'Space Grotesk',Arial,sans-serif;letter-spacing:-.5px;margin:0;max-width:910px;position:relative;z-index:1;flex:1}.article-cover-art{width:150px;height:150px;border:1px solid #ffffff44;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--yellow);flex-shrink:0;position:relative}.article-cover-art:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #ffffff22;border-radius:50%}.article-cover-art svg{width:74px;height:74px;stroke-width:1.2}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(0,260px);gap:85px;padding-block:52px 75px;align-items:start}.article-copy{min-width:0;font-size:17px;line-height:1.85}.article-copy p{color:#454b5a;margin:0 0 25px}.article-copy .article-intro{font-size:21px;line-height:1.6;color:var(--ink);margin:0 0 42px;padding-bottom:30px;border-bottom:1px solid var(--line)}.article-copy h2{font:700 38px/1.1 'Space Grotesk',Arial,sans-serif;margin:42px 0 19px;letter-spacing:0;scroll-margin-top:25px}.article-copy h2:first-of-type{margin-top:0}.article-copy li{padding-left:5px;margin-bottom:12px;color:#454b5a}.article-copy ul{padding-left:23px}.article-copy li::marker{color:var(--blue)}.article-copy p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article-sidebar{position:sticky;top:28px;min-width:0}.article-sidebar nav{padding:25px;border:1px solid #dce1f2;background:#f2f4ff;border-radius:8px}.article-sidebar h2{font:700 28px/1.1 'Space Grotesk',Arial,sans-serif;margin:0 0 18px}.article-sidebar ul{list-style:none;margin:0;padding:0}.article-sidebar li{}.article-sidebar li a{display:flex;align-items:baseline;gap:11px;padding:13px 0;border-bottom:1px solid #dce1f2;font-size:13px;line-height:1.5}.article-sidebar li:last-child a{border:0}.article-tool{display:flex;align-items:center;gap:14px;margin-top:18px;padding:22px 20px;background:var(--yellow);border-radius:8px}.article-tool span{font:700 25px/1.1 'Space Grotesk',Arial,sans-serif;flex:1}.article-tool>svg{width:23px;height:23px;color:var(--blue)}.article-copy .source{margin-top:40px;font-size:13px;line-height:1.7;border-top:1px solid var(--line);padding-top:23px}.article-copy .source p{margin:8px 0 0}.article-next{margin-top:40px;padding:25px;background:#f2f4ff;border-left:4px solid var(--blue)}.article-next h2{font-size:30px;margin:0 0 15px}.article-next a{display:flex;width:fit-content;margin-top:8px}
@media(max-width:1000px){.article-layout{gap:40px;grid-template-columns:minmax(0,1fr) 230px}.article-cover-art{width:110px;height:110px}.article-cover-art svg{width:54px;height:54px}.article-cover-inner{min-height:285px}}
@media(max-width:760px){.article-cover-inner{padding-block:40px;min-height:250px}.article-cover h1{font-size:58px}.article-cover-art{display:none}.article-layout{grid-template-columns:1fr;gap:30px;padding-block:35px 50px}.article-sidebar{position:static;grid-row:1}.article-sidebar nav{padding:20px 22px}.article-sidebar ul{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.article-tool{display:none}.article-copy{font-size:16px;line-height:1.8}.article-copy .article-intro{font-size:19px;margin-bottom:30px}.article-copy h2{font-size:34px;margin-top:33px}.article-breadcrumb{padding-block:17px}}
@media(max-width:560px){.article-cover h1{font-size:49px;line-height:1.03}.article-cover-inner{min-height:230px;padding-block:36px}.article-breadcrumb{font-size:11px}.article-breadcrumb ol{font-size:11px;gap:6px 8px}.article-breadcrumb li{gap:8px}.article-sidebar ul{grid-template-columns:1fr}.article-sidebar li a{padding-block:10px}.article-copy .article-intro{font-size:18px}.article-copy h2{font-size:32px}.article-next{padding:22px}.article-next h2{font-size:29px}}

/* Dark breadcrumb strip and left-hand article navigation. */
:root{--blue-dark:#2831bd;--blue-pressed:#1e2698}.article-breadcrumb{max-width:none;background:var(--blue-dark);color:#fff;padding-inline:0}.article-breadcrumb ol,.article-breadcrumb [aria-current=page]{color:var(--muted)}.article-breadcrumb a{color:#fff;text-decoration:none}.article-breadcrumb a:active,.article-breadcrumb a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.article-breadcrumb a:active{color:var(--yellow)}.article-breadcrumb a:focus-visible{outline-color:var(--yellow)}
.article-layout{grid-template-columns:minmax(0,260px) minmax(0,760px);column-gap:70px}.article-sidebar{grid-column:1;grid-row:1}.article-copy{grid-column:2;grid-row:1}.article-sidebar nav{padding:23px 18px}.article-sidebar h2{padding-inline:7px}.article-sidebar li a{align-items:center;gap:9px;border:0!important;border-radius:6px;padding:12px 9px;margin:4px 0;background:#e4e8fc;line-height:1.5;text-decoration:none}.article-sidebar li a span{flex:1;min-width:0}.article-sidebar li a svg{width:17px;height:17px;color:var(--blue)}.article-sidebar li a:focus-visible{background:var(--blue-dark);color:white;text-decoration:none}.article-sidebar li a:active{background:var(--blue-pressed);color:white}.article-sidebar li a:focus-visible:before,.article-sidebar li a:active:before,.article-sidebar li a:focus-visible svg,.article-sidebar li a:active svg{color:var(--yellow)}
.article-copy .article-link,.article-next .textlink{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:0;border-radius:6px;background:#edf0ff;color:var(--blue-dark);text-decoration:none;font-size:14px;font-weight:600;line-height:1.5;max-width:100%;vertical-align:middle}.article-link span{min-width:0}.article-link svg,.article-next .textlink svg:last-child,.article-tool>svg:last-child{width:18px;height:18px}.article-copy .article-link:focus-visible,.article-next .textlink:focus-visible,.article-tool:focus-visible{background:var(--blue-dark);color:white;text-decoration:none;border:0}.article-copy .article-link:active,.article-next .textlink:active,.article-tool:active{background:var(--blue-pressed);color:white}.article-link:focus-visible svg,.article-next .textlink:focus-visible svg:last-child,.article-tool:focus-visible>svg:last-child{color:var(--yellow)}.article-tool:focus-visible>svg,.article-tool:active>svg{color:var(--yellow)}
@media(max-width:1000px){.article-layout{grid-template-columns:230px minmax(0,1fr);column-gap:35px}}
@media(max-width:760px){.article-layout{grid-template-columns:1fr;gap:30px}.article-sidebar{grid-column:1;grid-row:1}.article-copy{grid-column:1;grid-row:2}.article-sidebar nav{padding:20px 15px}}
/* Model comparator: selection cards and a table with aligned criteria. */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.compare-cover .article-cover-inner{min-height:245px;padding-block:36px}.compare-cover h1{font-size:72px}.compare-cover h1>span{color:var(--yellow)}.compare-page{padding-block:40px 65px}.compare-page h2{font:700 40px/1.08 'Space Grotesk',Arial,sans-serif;letter-spacing:0}.compare-section-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.compare-section-top p{font-size:14px;color:#5b6272;margin:10px 0 0}.compare-energy{display:flex;gap:7px;flex-wrap:wrap}.compare-energy button{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#f0f2fa;border:1px solid #dfe3ef;border-radius:6px;color:var(--ink);font-size:12px;font-weight:600}.compare-energy button svg{width:17px;height:17px}.compare-energy button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.compare-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.compare-picker{display:block;position:relative;border:2px solid #dfe3ef;border-radius:10px;overflow:hidden;cursor:pointer;background:white}.compare-picker.is-selected{border-color:var(--blue)}.compare-picker input{position:absolute;opacity:0;width:1px;height:1px}.compare-picker:has(input:focus-visible){outline:3px solid var(--blue-dark);outline-offset:4px}.picker-visual{position:relative;display:flex;align-items:center;justify-content:center;height:150px;padding:17px;background:#f3f5fa}.picker-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.picker-check{position:absolute;top:13px;right:13px;width:27px;height:27px;border:1px solid #b3bad0;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;color:transparent}.picker-check svg{width:16px;height:16px}.is-selected .picker-check{background:var(--blue);border-color:var(--blue);color:var(--yellow)}.picker-body{display:block;padding:20px}.picker-name{display:block;font:700 34px/1.08 'Space Grotesk',Arial,sans-serif}.picker-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:15px;font-size:12px}.picker-bottom>span:first-child{display:flex;align-items:center;gap:7px;color:#545c6b}.picker-bottom svg{width:16px;height:16px;color:var(--blue)}.picker-status{font-weight:600;color:var(--blue)}.compare-selection-bottom{display:flex;align-items:center;gap:20px;padding-top:18px}.compare-selection-bottom p{font-size:12px;color:#5b6272;margin:0}.compare-reset{display:flex;align-items:center;gap:7px;margin-left:auto;border:0;background:transparent;color:#586071;font-size:12px;padding:10px}.compare-reset svg{width:15px;height:15px}.compare-jump{display:inline-flex;align-items:center;gap:13px;border-radius:6px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:600;padding:13px 17px}.compare-jump svg{width:18px;height:18px}.compare-results{margin-top:50px;scroll-margin-top:22px}.compare-switch{display:flex;align-items:center;gap:10px;font-size:12px;cursor:pointer;white-space:nowrap;position:relative}.compare-switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{display:block;width:38px;height:23px;border-radius:20px;background:#c8cedf;position:relative}.switch-track:after{content:'';position:absolute;left:3px;top:3px;background:white;width:17px;height:17px;border-radius:50%}.compare-switch input:checked+.switch-track{background:var(--blue)}.compare-switch input:checked+.switch-track:after{transform:translateX(15px);background:var(--yellow)}.compare-switch:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:5px}.compare-switch:has(input:disabled){opacity:.5;cursor:default}.compare-table-scroll{overflow-x:auto;border:1px solid #dce1f2;border-radius:10px}.compare-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;margin:0;min-width:calc(190px + var(--compare-count,3) * 240px)}.compare-table th,.compare-table td{padding:20px 23px;text-align:left;border-bottom:1px solid #e4e7f0;border-right:1px solid #e4e7f0;font-size:14px;color:var(--ink);vertical-align:middle}.compare-table th:last-child,.compare-table td:last-child{border-right:0}.compare-table th:first-child{width:190px;position:sticky;left:0;z-index:1;background:#f3f5fb}.compare-table thead th{position:relative;background:#fff;padding-top:15px;padding-bottom:25px}.compare-table thead th:first-child{background:var(--blue);color:white;font:700 31px/1.1 'Space Grotesk',Arial,sans-serif}.compare-table thead img{height:96px;width:100%;object-fit:contain;mix-blend-mode:multiply;margin-bottom:12px}.compare-table thead th>span{display:block;font:700 32px/1.02 'Space Grotesk',Arial,sans-serif}.compare-remove{position:absolute;top:11px;right:12px;border:0;background:#edf0ff;border-radius:50%;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;color:#616981}.compare-remove svg{width:15px;height:15px}.compare-table tbody th{font-size:12px;font-weight:600}.compare-table tbody th span{display:flex;align-items:center;gap:10px}.compare-table tbody th svg{width:18px;height:18px;color:var(--blue)}.compare-table tbody tr:nth-child(even) td{background:#fafbff}.compare-table tfoot th{font-size:12px}.compare-table tfoot th,.compare-table tfoot td{border-bottom:0}.compare-action{display:inline-flex;align-items:center;justify-content:space-between;gap:13px;padding:12px 16px;background:var(--blue);color:white;border-radius:6px;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none}.compare-action svg{width:17px;height:17px}.compare-action:focus-visible{background:var(--blue-dark);color:white}.compare-action:active{background:var(--blue-pressed)}.compare-action:focus-visible svg{color:var(--yellow)}.compare-source{display:flex;align-items:center;gap:7px;color:#5d6370;font-size:10px;margin-top:14px}.compare-source svg{width:13px;height:13px}.compare-data-note{display:flex;align-items:start;gap:9px;font-size:12px;line-height:1.6;color:#555e70;margin-top:20px;max-width:800px}.compare-data-note svg{width:16px;height:16px;margin-top:2px;color:var(--blue)}.compare-snapshot{font-size:10px;color:#687082;margin-top:12px}.compare-empty{padding:32px;background:#f1f4ff;border:1px dashed #b9c3f0;display:flex;align-items:center;gap:14px;border-radius:10px;font-size:14px}.compare-no-differences{padding:20px;font-size:13px;color:#596274}.compare-scroll-hint{display:none;font-size:11px;align-items:center;gap:8px;color:#596274}.compare-next{padding-top:40px;margin-top:35px;border-top:1px solid var(--line)}.compare-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.compare-next-grid>a{display:flex;align-items:start;gap:18px;padding:25px;background:#edf0ff;border-radius:8px}.compare-next-grid>a:nth-child(2){background:#fff5ba}.compare-next-grid>a>svg:first-child{width:27px;height:27px;color:var(--blue)}.compare-next-grid>a>svg:last-child{margin-left:auto;width:18px;height:18px}.compare-next-grid h3{font:700 30px/1.1 'Space Grotesk',Arial,sans-serif;margin:0 0 12px}.compare-next-grid p{font-size:13px;color:#5b6272;line-height:1.65;margin:0}.compare-editorial{display:grid;grid-template-columns:1fr 1.1fr;gap:22px 40px;padding:32px;background:#15161a;color:white;border-radius:8px;margin-top:35px}.compare-editorial>div{display:flex;align-items:start;gap:18px;grid-row:span 2}.compare-editorial>div>svg{color:var(--yellow);width:29px;height:29px}.compare-editorial h2{font-size:36px}.compare-editorial p{font-size:14px;line-height:1.8;color:#d3d7e4;margin:0}.compare-editorial>a{justify-self:start}.compare-filter-empty{font-size:14px;padding:20px;background:#edf0ff}
@media(max-width:1000px){.compare-section-top{align-items:start;flex-direction:column;gap:18px}.compare-cover h1{font-size:66px}.compare-table{min-width:calc(165px + var(--compare-count,3) * 220px)}.compare-table th:first-child{width:165px}.compare-scroll-hint{display:flex}.compare-table th,.compare-table td{padding:18px}.picker-body{padding:17px}.picker-name{font-size:30px}}
@media(max-width:760px){.compare-cover .article-cover-inner{min-height:220px}.compare-cover h1{font-size:58px}.compare-page{padding-block:30px 45px}.compare-picker-grid{gap:12px}.picker-visual{height:110px;padding:13px}.picker-name{font-size:27px}.picker-bottom{flex-direction:column;gap:7px}.picker-check{width:23px;height:23px;top:9px;right:9px}.compare-selection-bottom{flex-wrap:wrap;gap:8px 14px}.compare-jump{margin-left:auto}.compare-results{margin-top:37px}.compare-page h2{font-size:36px}.compare-next-grid>a{padding:23px 20px;gap:12px}.compare-next-grid h3{font-size:28px}.compare-editorial{padding:28px;gap:23px}}
@media(max-width:560px){.compare-cover h1{font-size:51px}.compare-cover .article-cover-inner{min-height:205px;padding-block:30px}.compare-section-top p{font-size:13px}.compare-energy{width:100%}.compare-energy button{flex:1;justify-content:center;padding:10px;font-size:11px}.compare-picker-grid{grid-template-columns:1fr;gap:12px}.compare-picker{display:grid;grid-template-columns:115px minmax(0,1fr)}.picker-visual{height:126px;padding:11px}.picker-body{padding:20px 16px}.picker-name{font-size:31px}.picker-bottom{font-size:11px;gap:9px;margin-top:11px}.picker-check{width:22px;height:22px;top:8px;right:8px}.picker-check svg{width:13px;height:13px}.compare-selection-bottom{gap:8px}.compare-reset{padding:10px 0;font-size:11px}.compare-selection-bottom p{font-size:11px}.compare-jump{width:100%;justify-content:center;margin-top:8px}.compare-page h2{font-size:34px}.compare-table{min-width:calc(120px + var(--compare-count,3) * 180px)}.compare-table th:first-child{width:120px}.compare-table th,.compare-table td{padding:16px 13px;font-size:12px}.compare-table tbody th{font-size:11px}.compare-table tbody th span{flex-direction:column;align-items:start;gap:7px}.compare-table thead th:first-child{font-size:26px}.compare-table thead th>span{font-size:28px}.compare-table thead img{height:76px}.compare-action{font-size:11px;gap:10px;padding:11px 12px}.compare-source{font-size:10px;gap:5px}.compare-next-grid{grid-template-columns:1fr;gap:14px}.compare-editorial{grid-template-columns:1fr;padding:25px}.compare-editorial>div{grid-row:auto}.compare-editorial h2{font-size:34px}.compare-data-note{font-size:11px}.compare-snapshot{font-size:10px;line-height:1.6}}
/* National catalogue and long-list comparison controls. */
.catalogue-cover h1>span{color:var(--yellow)}.catalogue-cover .article-cover-inner{min-height:230px;padding-block:38px}.catalogue-cover h1{font-size:65px}.catalogue-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.catalogue-overview p{font-size:14px;margin:0;color:#555f73}.catalogue-overview strong{color:var(--blue)}.catalogue-overview .compare-source{margin:0}.catalogue-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:25px 0}.catalogue-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}.catalogue-controls input,.catalogue-controls select{width:100%;min-width:0;min-height:46px;border:1px solid #cdd4e8;border-radius:6px;background:#fff;padding:10px 12px;color:var(--ink);font:400 14px 'DM Sans',Arial,sans-serif}.catalogue-controls input:focus-visible,.catalogue-controls select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.catalogue-count,.compare-results-count{font-size:12px;color:#596376;margin-block:17px}.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalogue-card{min-width:0;border:1px solid #dce1f2;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background:white}.catalogue-card>a:first-child{display:block;flex:1}.catalogue-media{display:flex;align-items:center;justify-content:center;height:190px;background:#f2f4fa;padding:18px;overflow:hidden}.catalogue-media img{width:100%;height:100%;object-fit:contain}.catalogue-card-body{padding:22px}.catalogue-energy{font-size:11px;font-weight:600;color:var(--blue);display:block;line-height:1.5}.catalogue-card h2{font:700 31px/1.06 'Space Grotesk',Arial,sans-serif;letter-spacing:0;margin:12px 0}.catalogue-card p{font-size:12px;color:#596376;margin:12px 0}.catalogue-price{font-size:15px!important;font-weight:650;color:var(--ink)!important}.catalogue-card-action{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--blue);margin-top:20px}.catalogue-card-action svg,.catalogue-compare svg:last-child{width:17px;height:17px}.catalogue-compare{display:flex;align-items:center;gap:9px;background:#edf0ff;padding:13px 22px;color:var(--blue);font-size:12px;font-weight:600}.catalogue-compare svg{width:17px;height:17px}.catalogue-compare svg:last-child{margin-left:auto}.model-no-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#6b7490;font-size:11px}.model-no-photo>svg{width:58px;height:58px;stroke-width:1.2;color:var(--blue)}.catalogue-more,.compare-more{display:flex;margin:28px auto 0}.catalogue-empty,.catalogue-method{font-size:13px;line-height:1.75;color:#5c6575}.catalogue-method{margin-top:35px;max-width:850px}.picker-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.picker-image img{width:100%;height:100%;object-fit:contain}.picker-image.model-no-photo{font-size:10px}.picker-image.model-no-photo>svg{width:45px;height:45px}.compare-column-image{display:flex;align-items:center;justify-content:center;height:105px;margin-bottom:12px}.compare-column-image img{width:100%;height:100%;object-fit:contain;margin:0!important}.compare-column-image.model-no-photo{font-size:10px}.compare-column-image.model-no-photo>svg{width:40px;height:40px}.compare-table thead th>span.compare-column-image{font:400 10px 'DM Sans',Arial,sans-serif;display:flex}.compare-table thead th>small{display:block;font-size:11px;font-weight:400;color:#626d82;margin-top:10px}.compare-picker .picker-name{font-size:28px}.compare-selection-chips{display:flex;gap:10px;flex-wrap:wrap}.compare-selection-chips button{display:flex;align-items:center;gap:10px;border:1px solid #cad1f5;background:#edf0ff;color:var(--blue-dark);padding:9px 12px;border-radius:6px;max-width:100%;font-size:12px}.compare-selection-chips button span{min-width:0;overflow-wrap:anywhere}.compare-selection-chips button svg{width:16px;height:16px}.compare-limit-note{font-size:11px;color:#677188;margin:12px 0 22px}.model-detail-summary{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.model-detail-summary .catalogue-media{height:340px;border-radius:9px}.model-detail-summary h2{font-size:34px;margin:18px 0}.model-detail-summary p{font-size:14px;line-height:1.8;color:#5a6476}.model-detail>h2,.model-notes h2,.model-sources h2{font-size:35px;margin-top:40px;margin-bottom:20px}.model-spec-scroll{overflow-x:auto;margin-block:25px}.model-specs{width:100%;border-collapse:collapse}.model-specs th,.model-specs td{padding:15px 18px;border:1px solid #e0e4ef;text-align:left;font-size:14px;overflow-wrap:anywhere}.model-specs th{background:#f0f3ff;width:45%}.model-specs caption{font-size:12px;text-align:left;color:#687186;padding-bottom:13px}.model-notes{background:#fff8d4;border-left:4px solid var(--yellow);padding:22px 28px;margin:40px 0}.model-notes h2{margin-top:0}.model-notes p,.model-notes li,.model-sources p{font-size:14px;line-height:1.8;color:#535e71}.model-sources{margin-bottom:35px}.model-sources ul{list-style:none;padding:0}.model-sources li{margin-block:12px;overflow-wrap:anywhere}.model-sources .article-link{display:inline-flex;gap:10px;color:var(--blue);font-size:12px;align-items:start}.source-audit{max-width:1050px}.source-audit h1{font:700 65px/1.05 'Space Grotesk',Arial,sans-serif;margin:0 0 30px}.source-audit h2{font:700 35px/1.1 'Space Grotesk',Arial,sans-serif;margin:35px 0 20px}.source-audit p,.source-audit li{font-size:14px;line-height:1.8;color:#505c70}.source-audit a:not(.compare-action){color:var(--blue)}.coverage-pending{padding-left:22px}.coverage-pending li{padding-bottom:20px}.coverage-pending a{font-size:12px;display:inline-flex;gap:8px;align-items:center}.brand-catalogue{padding-block:20px;border-bottom:1px solid #dfe4f0;scroll-margin-top:20px}.brand-catalogue ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;list-style:none;padding:0}.brand-catalogue li a{display:flex;padding:10px;background:#eff2ff;border-radius:5px;font-size:13px}
@media(max-width:1000px){.catalogue-grid{gap:16px}.catalogue-card-body{padding:18px}.catalogue-card h2{font-size:28px}.catalogue-media{height:165px}.compare-picker .picker-name{font-size:25px}}
@media(max-width:760px){.catalogue-controls{grid-template-columns:1fr 1fr;gap:14px}.catalogue-controls label:first-child{grid-column:1/-1}.catalogue-overview{align-items:start;flex-direction:column;gap:13px}.catalogue-grid{grid-template-columns:1fr 1fr}.catalogue-cover h1{font-size:52px}.model-detail-summary{gap:25px;grid-template-columns:1fr}.model-detail-summary .catalogue-media{height:290px}.source-audit h1{font-size:49px}.brand-catalogue ul{grid-template-columns:1fr}}
@media(max-width:560px){.catalogue-grid{grid-template-columns:1fr}.catalogue-media{height:220px}.catalogue-card h2{font-size:34px}.catalogue-cover h1{font-size:46px}.catalogue-cover .article-cover-inner{min-height:205px}.catalogue-controls input,.catalogue-controls select{font-size:16px}.compare-picker .picker-name{font-size:26px}.compare-column-image{height:85px}.compare-table thead th>span:not(.compare-column-image){font-size:25px}.compare-selection-chips button{font-size:11px}.source-audit h1{font-size:44px}.model-specs th,.model-specs td{padding:13px 12px;font-size:12px}.model-notes{padding:22px 20px}.model-detail-summary .catalogue-media{height:240px}}

/* Flat identity: typography, solid colour and the directional arrow. */
:root {
  --paper:#fff; --ink:#15161a; --blue:#3b46ff; --yellow:#ffe234;
  --green:var(--blue); --lime:var(--yellow); --muted:#60616b;
  --line:#d9d9df; --soft:#f2f2f4; --blue-dark:#2831ce; --blue-pressed:#2028ab;
  --display:'Space Grotesk',Arial,sans-serif; --body:'DM Sans',Arial,sans-serif;
}
*,*::before,*::after { border-radius:0!important; }
body { font:400 16px/1.65 var(--body); -webkit-font-smoothing:antialiased; }
h1,h2,h3,.logo { font-family:var(--display); font-weight:600; letter-spacing:-.055em; line-height:1.08; }
.wrap { max-width:1360px; padding-inline:48px; }
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
.skip { z-index:10; }

/* A quiet masthead leaves the opening spread to do the talking. */
.header { background:#fff; color:var(--blue); border-bottom:1px solid var(--blue); }
.nav { height:94px; gap:30px; }
.logo,.menu-top .logo,.footer .logo { gap:12px; font:700 24px/.98 var(--display); letter-spacing:-1.2px; }
.brand-name { gap:3px; }
.brand-tld { color:var(--blue); }
.brand-mark { width:47px; height:47px; flex-shrink:0; }
.desktop-nav { display:flex; align-items:center; gap:30px; margin-left:auto; }
.desktop-nav a { font-size:13px; font-weight:500; }
.header-compare { display:flex; gap:22px; margin-left:0; padding:13px 18px; background:var(--blue); color:white; font-size:12px; font-weight:600; }
.header-compare svg { color:var(--yellow); width:19px; height:19px; }
.menu-trigger { width:auto; height:44px; display:flex; gap:10px; color:var(--blue); background:none; border:0; }
.menu-trigger .burger-mark { width:25px; height:25px; }
.menu-label { font-size:12px; font-weight:500; }
.button { padding:15px 22px; min-height:52px; gap:24px; background:var(--blue); color:white; border:1px solid var(--blue); font:500 13px/1.4 var(--body); }
.button svg { width:22px; height:22px; }
.button.light { background:transparent; color:var(--blue); border-color:var(--blue); }
.textlink { font-size:12px; border:0; }
.textlink svg { width:20px; height:20px; }

/* Opening spread: a typographic poster and two flush photographic/colour panels. */
.front-label { display:flex; justify-content:space-between; gap:25px; padding-top:27px; font:500 9px/1.5 var(--body); letter-spacing:1.6px; color:var(--blue); }
.front-label>span:last-child { font-size:11px; letter-spacing:0; color:var(--muted); }
.front-headline { display:grid; grid-template-columns:1fr 150px; gap:35px; align-items:center; padding:28px 0 37px; }
.front-headline h1 { font:600 clamp(70px,8vw,112px)/.98 var(--display); letter-spacing:-.07em; margin:0; }
.front-headline h1>span { color:var(--blue); }
.front-brand { width:150px; height:150px; padding:24px; background:var(--yellow); color:var(--blue); }
.drive-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:0; }
.drive-intro { display:flex; flex-direction:column; align-items:start; padding:35px 37px; background:var(--yellow); min-width:0; }
.section-kicker { margin:0 0 17px; font:600 9px/1.5 var(--body); letter-spacing:1.8px; color:var(--blue); text-transform:uppercase; }
.drive-intro .section-kicker { font-size:8px; letter-spacing:1.5px; color:var(--ink); margin-bottom:31px; }
.drive-statement { font:500 42px/1.08 var(--display); letter-spacing:-2px; margin:0 0 20px; }
.drive-description { font:400 13px/1.7 var(--body); margin:0 0 29px; color:#41413d; }
.hero-button { margin-top:auto; display:flex; justify-content:space-between; min-width:245px; background:var(--ink); color:#fff; border-color:var(--ink); }
.hero-button>svg { color:var(--yellow); }
.drive-secondary { display:flex; align-items:center; gap:18px; font-size:10px; font-weight:500; margin-top:17px; padding-bottom:2px; border-bottom:1px solid #15161a55; }
.drive-secondary svg { width:16px; height:16px; }
.drive-feature { min-width:0; display:flex; flex-direction:column; background:var(--blue); color:white; }
.drive-image { height:300px; overflow:hidden; background:#e4e6e0; }
.drive-image img { width:100%; height:100%; object-fit:cover; object-position:50% 58%; }
.drive-caption { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:23px 28px; }
.drive-caption small { display:block; font:500 8px/1.5 var(--body); letter-spacing:1.7px; margin-bottom:8px; }
.drive-caption strong { display:block; font:500 26px/1.12 var(--display); letter-spacing:-1px; }
.drive-caption>svg { width:48px; height:48px; stroke-width:1.5; color:var(--yellow); }
.flat-pathways { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid var(--ink); margin-top:26px; }
.flat-pathways a { display:flex; align-items:center; gap:18px; padding:21px 24px; min-height:99px; border-right:1px solid var(--line); }
.flat-pathways a:first-child { padding-left:0; }
.flat-pathways a:last-child { padding-right:0; border:0; }
.flat-pathways a>svg:first-child { width:27px; height:27px; stroke-width:1.4; color:var(--blue); }
.flat-pathways a>svg:last-child { width:22px; height:22px; margin-left:auto; color:var(--blue); }
.flat-pathways small { display:block; font:500 8px/1.4 var(--body); letter-spacing:1.4px; margin-bottom:6px; color:var(--muted); }
.flat-pathways strong { display:block; font:500 17px/1.2 var(--display); letter-spacing:-.6px; }

/* Different editorial compositions, one simple graphic grammar. */
.section { padding-block:78px; }
.section-head { display:flex; align-items:end; gap:28px; margin-bottom:35px; }
.section-head h2,h2 { font:600 clamp(37px,4.1vw,58px)/1.03 var(--display); letter-spacing:-.055em; }
.heading-link { display:inline-flex; align-items:end; gap:33px; }
.heading-link>svg { width:38px; height:38px; stroke-width:1.6; top:0; margin-bottom:3px; }
.reading-grid { gap:28px; }
.home-guides .reading-grid { grid-template-columns:1.1fr .85fr 1.05fr; }
.story { min-width:0; }
.story>a { display:flex; flex-direction:column; height:100%; padding-bottom:24px; border-bottom:1px solid var(--ink); }
.story-media,.story-art { height:230px; border:0; background:var(--soft); }
.story-media img { width:100%; height:100%; object-fit:cover; }
.cover-symbol { width:35px; height:35px; background:#fff; color:var(--blue); right:12px; bottom:12px; }
.cover-symbol svg { width:21px; height:21px; }
.story-art { background:var(--blue); color:var(--yellow); }
.story-art.yellow { background:var(--yellow); color:var(--blue); }
.story-art::before,.story-art::after { display:none; }
.story-art>svg { width:70px; height:70px; stroke-width:1.2; }
.story-body { display:flex; flex-direction:column; flex:1; padding-top:22px; }
.story h3 { font:500 25px/1.2 var(--display); letter-spacing:-.9px; margin:0 0 27px; }
.read-link { font:500 11px/1.5 var(--body); gap:10px; }
.read-link>svg { width:19px; height:19px; }
.read-link>svg:last-child { margin-left:auto; color:var(--blue); }
.story .read-link { color:var(--muted); }
.story .read-link>svg:first-child:not(:last-child) { display:none; }
.home-guides .story:nth-child(2)>a { background:var(--yellow); border:0; padding-bottom:25px; }
.home-guides .story:nth-child(2) .story-art { height:190px; justify-content:start; align-items:end; padding:30px; }
.home-guides .story:nth-child(2) .story-body { padding:25px 30px 0; }
.home-guides .story:nth-child(2) .read-link { color:var(--ink); }
.ad { min-height:90px; margin:0 auto 54px; background:#fafafa; border:1px solid #e7e7ec; }
.ad span { color:#6b6b75; font-size:9px; letter-spacing:1.8px; text-transform:uppercase; }

/* The garage uses clean specification sheets instead of floating cards. */
.models-section { background:#fff; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.filters { gap:0; margin:0 0 28px; border-bottom:1px solid var(--line); }
.filter { min-height:45px; padding:11px 19px; border:0; background:#fff; color:var(--muted); font-size:11px; gap:8px; }
.filter[aria-pressed=true] { background:var(--blue); color:#fff; }
.filter svg { width:16px; height:16px; }
.vehicle-grid { gap:27px; }
.vehicle { border:0; border-bottom:1px solid var(--ink); background:#fff; }
.vehicle-image { height:240px; background:var(--soft); padding:0; }
.vehicle-image img { object-fit:cover; }
.vehicle-body { padding:24px 0; }
.vehicle-body h3 { font:500 29px/1.12 var(--display); letter-spacing:-1.1px; margin:0 0 20px; }
.vehicle-facts { gap:13px; margin-bottom:24px; }
.vehicle-facts li { color:var(--muted); font-size:11px; gap:6px; }
.vehicle-facts svg { width:16px; height:16px; color:var(--blue); }
.card-action { border:0; padding-top:0; font-size:11px; }
.card-action span svg { display:none; }
.card-action>svg { width:25px; height:25px; color:var(--blue); padding:0; background:none; }
.models-all { display:flex; justify-content:space-between; padding:22px 0; margin-top:18px; font-size:13px; border-bottom:1px solid var(--line); }
.models-all svg { width:25px; height:25px; }
.note { color:var(--muted); font-size:11px; }

/* Brands are an open directory, not another card grid. */
.brand-features { display:block; }
.brand-feature,.brand-feature:nth-child(2),.brand-feature:nth-child(3) { display:grid; grid-template-columns:1fr 240px; align-items:center; background:white; color:var(--ink); border:0; border-top:1px solid var(--ink); }
.brand-feature:last-child { border-bottom:1px solid var(--ink); }
.brand-feature>div { display:grid; grid-template-columns:230px 1fr; align-items:center; gap:40px; padding:28px 35px 28px 0; }
.brand-feature h3 { display:flex; justify-content:space-between; gap:20px; align-items:center; font:500 43px/1.1 var(--display); letter-spacing:-1.8px; color:var(--blue); margin:0; }
.brand-feature h3 svg { width:26px; height:26px; top:0; }
.brand-feature p { font-size:12px; line-height:1.7; color:var(--muted); margin:0; min-height:0; max-width:300px; }
.brand-feature img { width:240px; height:155px; background:var(--soft); object-fit:cover; }
.other-brands { gap:35px; margin-top:15px; border:0; }
.other-brands a { font:500 17px/1.5 var(--display); min-height:48px; gap:12px; }
.other-brands a:last-child { font:500 12px/1.5 var(--body); }

/* The tools form a single yellow workbench. */
.tools-section { background:var(--yellow); color:var(--ink); }
.tools-section .section-kicker { color:var(--ink); }
.tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid var(--ink); }
.tool-card { display:flex; flex-direction:column; background:none; padding:32px; border:0; border-right:1px solid #15161a50; }
.tool-card:first-child { padding-left:0; }
.tool-card:last-child { padding-right:0; border-right:0; }
.tool-icon { display:flex; justify-content:start; align-items:center; width:auto; height:auto; margin-bottom:31px; color:var(--blue); background:none; }
.tool-icon svg { width:38px; height:38px; stroke-width:1.3; }
.tool-card h3 { font:500 31px/1.12 var(--display); letter-spacing:-1.3px; margin:0 0 20px; }
.tool-card p { font:400 13px/1.7 var(--body); color:#45453e; margin:0 0 32px; }
.tool-card .read-link { margin-top:auto; padding-top:19px; border-top:1px solid #15161a50; color:var(--ink); }
.tool-card .read-link>svg { width:24px; height:24px; color:var(--blue); }

/* Journal, practical reference and questions. */
.blog-layout { grid-template-columns:1.2fr 1fr; gap:50px; }
.blog-feature>a { background:#fff; color:var(--ink); border-bottom:1px solid var(--ink); }
.blog-feature img { width:100%; height:300px; object-fit:cover; border:0; }
.blog-feature-content { padding:25px 0; }
.blog-feature-content .section-kicker { margin-bottom:13px; }
.blog-feature h3 { font:500 37px/1.08 var(--display); letter-spacing:-1.5px; margin:0 0 24px; }
.blog-feature .read-link { max-width:none; color:var(--ink); }
.blog-side { border-top:1px solid var(--ink); }
.blog-side>a,.blog-side>a:first-child { display:grid; grid-template-columns:40px 1fr; align-items:start; gap:14px 20px; padding:27px 0; border-color:var(--line); }
.blog-side .blog-icon { background:none; color:var(--blue); padding:0; }
.blog-side .blog-icon svg { width:30px; height:30px; stroke-width:1.4; }
.blog-side h3 { font:500 29px/1.13 var(--display); letter-spacing:-1px; }
.blog-side .read-link { max-width:none; color:var(--muted); }
.blog-side .blog-all { display:flex; align-items:center; font-size:12px; border-bottom:1px solid var(--ink); }
.rules-panel { display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:43px; gap:60px; background:var(--blue); color:#fff; }
.rules-panel .section-kicker { color:var(--yellow); }
.rules-heading h2 { font:500 46px/1.07 var(--display); letter-spacing:-2px; margin:0; }
.rules-heading h2 a { gap:25px; align-items:end; }
.rules-heading h2 svg { width:33px; height:33px; color:var(--yellow); }
.rules-facts>div { grid-template-columns:130px 1fr; gap:23px; padding:20px 0; border-color:#ffffff45; }
.rules-facts strong { font:500 29px/1.1 var(--display); letter-spacing:-1px; color:var(--yellow); }
.rules-facts p { color:#fff; font-size:12px; line-height:1.65; }
.rules-panel a:focus-visible { outline-color:var(--yellow); }
.source-link { font-size:10px; }
.faq { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; max-width:none; }
.faq h2 { font:500 48px/1.07 var(--display); letter-spacing:-2px; }
.faq-answers { border-top:1px solid var(--ink); min-width:0; }
.faq summary { padding:25px 0; font-size:14px; font-weight:500; }
.faq summary svg { width:19px; height:19px; color:var(--blue); }
.faq p { font-size:13px; }

/* Full-width blue colophon. */
.footer { background:var(--blue); color:white; margin-top:20px; padding-top:55px; }
.footer-signature { display:flex; align-items:center; justify-content:space-between; gap:40px; color:var(--yellow); padding-bottom:45px; margin-bottom:45px; border-bottom:1px solid #ffffff50; }
.footer-signature>span { font:500 clamp(80px,9vw,125px)/.94 var(--display); letter-spacing:-.07em; }
.footer-signature>svg { width:150px; height:150px; stroke-width:1.25; }
.footer-grid { grid-template-columns:1.5fr 1fr 1fr 1fr; gap:40px; }
.footer .logo { color:#fff; }
.footer .brand-mark { border:0; }
.footer .brand-tld { color:var(--yellow); }
.footer h3 { font:500 14px/1.4 var(--display); color:#fff; letter-spacing:-.3px; margin-bottom:22px; }
.footer p { color:#fff; font:400 12px/1.75 var(--body); margin-top:24px; }
.footer a:not(.logo) { color:#fff; font:400 11px/1.6 var(--body); margin-block:12px; }
.footer-bottom { border-color:#ffffff50; color:#fff; font:400 9px/1.65 var(--body); padding-top:25px; margin-top:40px; }
.footer a:focus-visible { outline-color:var(--yellow); }

/* Instant, unnumbered navigation. */
.site-menu { width:min(1100px,100%); background:#fff; color:var(--ink); border:0; }
.site-menu::backdrop { background:#15161ab3; }
.menu-top { height:94px; padding-inline:32px; justify-content:space-between; background:#fff; color:var(--blue); border-color:var(--blue); }
.menu-top .logo,.menu-top .menu-close { color:var(--blue); }
.menu-top a:focus-visible,.menu-top button:focus-visible { outline-color:var(--blue); }
.menu-close { margin-left:auto; background:none; border:0; }
.menu-grid { padding:32px; gap:32px; }
.menu-group,.menu-group-1,.menu-group-2,.menu-group-3,.menu-group-4,.menu-group-5,.menu-group-6,.menu-group-7 { background:#fff; color:var(--ink); border:0; border-top:1px solid var(--ink); padding:20px 0 0; margin:0; }
.menu-group h2,.menu-group-6 h2 { font:500 25px/1.12 var(--display); color:var(--blue); letter-spacing:-1px; margin-bottom:16px; }
.menu-group h2 a { gap:10px; }
.menu-group h2 a svg { width:22px; height:22px; top:0; }
.menu-group li>a,.menu-group .future,.menu-group-0 li>a,.menu-group-0 .future { color:var(--muted); border:0; min-height:38px; padding-block:8px; font-size:12px; }
.menu-group .future small,.menu-group-0 .future small { color:#757580; border-color:var(--line); font-size:8px; }
.menu-bottom { margin-inline:32px; padding-block:24px 32px; border-color:var(--ink); }

/* Interior pages: typography is the cover, content is the foreground. */
.article-breadcrumb { background:#fff; color:var(--muted); padding-block:18px; border-bottom:1px solid var(--line); }
.article-breadcrumb ol,.article-breadcrumb [aria-current=page] { color:var(--muted); font-size:10px; }
.article-breadcrumb a { color:var(--ink); }
.article-breadcrumb svg { color:#868690; }
.article-cover { background:#fff; color:var(--ink); border-bottom:1px solid var(--ink); }
.article-cover .article-cover-inner { padding-block:42px; min-height:255px; }
.article-cover h1,.catalogue-cover h1,.compare-cover h1 { font:500 clamp(46px,5.8vw,78px)/1.03 var(--display); color:var(--blue); letter-spacing:-.06em; max-width:1010px; }
.catalogue-cover h1>span,.compare-cover h1>span { color:var(--ink); }
.article-cover-art { background:var(--yellow); color:var(--blue); border:0; width:130px; height:130px; opacity:1; }
.article-cover-art::after { display:none; }
.article-cover-art svg { width:68px; height:68px; stroke-width:1.2; }
.article-layout { padding-top:50px; gap:65px; }
.article-copy .article-intro { font:400 21px/1.65 var(--body); letter-spacing:-.3px; padding-bottom:30px; }
.article-copy h2 { font:500 32px/1.15 var(--display); letter-spacing:-1.1px; }
.article-copy h3 { font:500 25px/1.2 var(--display); letter-spacing:-.8px; }
.article-copy p,.article-copy li { font:400 16px/1.85 var(--body); color:#494953; }
.article-sidebar nav { padding:23px 0; background:#fff; border:0; border-top:2px solid var(--blue); }
.article-sidebar h2 { font:500 23px/1.15 var(--display); letter-spacing:-.9px; margin-bottom:17px; }
.article-sidebar li a { border-color:var(--line); font-size:12px; }
.article-tool { background:var(--yellow); padding:23px; }
.article-tool span { font:500 24px/1.13 var(--display); letter-spacing:-.8px; }
.article-next { background:var(--yellow); padding:28px; border:0; }
.article-next h2 { font-size:28px; }
.article h1,.tools-page h1,.blog-index h1,.source-audit h1 { font:500 clamp(40px,5vw,67px)/1.04 var(--display); color:var(--blue); letter-spacing:-.055em; }
.article h2,.source-audit h2,.category-tools h2 { font:500 32px/1.17 var(--display); letter-spacing:-1.2px; }
.article p,.article li { color:#494953; }
.hubgrid { gap:0 35px; }
.hubcard { background:#fff; padding:27px 0; border:0; border-top:1px solid var(--ink); }
.hubcard h2 { font:500 27px/1.15 var(--display); letter-spacing:-.9px; }
.hubcard h2 svg { width:22px; height:22px; margin-left:14px; vertical-align:-.15em; }
.tools-nav { gap:0; border-bottom:1px solid var(--line); }
.tools-nav>a { background:#fff; color:var(--blue); border:1px solid var(--line); padding:13px 19px; font-size:12px; }
.calculator-panel { grid-template-columns:.8fr 1.2fr; background:#fff; border:0; border-top:2px solid var(--blue); border-bottom:1px solid var(--line); padding:35px 0; gap:45px; }
.calc-intro h2 { font:500 34px/1.1 var(--display); letter-spacing:-1.4px; }
.calc-intro>svg { width:40px; height:40px; stroke-width:1.3; }
.input-grid input,.catalogue-controls input,.catalogue-controls select { background:#fff; border:1px solid #b8b8c2; color:var(--ink); font-family:var(--body); min-height:48px; }
.calc-result { background:var(--yellow); border:0; padding:24px; }
.calc-result strong { font:500 32px/1.1 var(--display); letter-spacing:-1.1px; }
.calc-result span { color:#44443d; }
.compare-page h2,.compare-next h2 { font:500 35px/1.13 var(--display); letter-spacing:-1.4px; }
.compare-energy button { background:#fff; border-color:var(--line); }
.compare-energy button[aria-pressed=true] { background:var(--blue); border-color:var(--blue); color:white; }
.compare-picker { border-color:var(--line); background:#fff; }
.compare-picker.is-selected { border-color:var(--blue); }
.compare-picker .picker-name { font:500 23px/1.16 var(--display); letter-spacing:-.8px; }
.picker-visual { background:var(--soft); }
.picker-check { border-color:var(--blue); }
.is-selected .picker-check { background:var(--blue); color:var(--yellow); }
.picker-bottom { font-size:11px; }
.compare-jump { background:var(--yellow); color:var(--ink); font-size:12px; }
.compare-action { font-size:12px; background:var(--blue); color:white; }
.compare-table-scroll { border-color:var(--line); }
.compare-table thead th:first-child { font:500 26px/1.15 var(--display); letter-spacing:-1px; background:var(--blue); color:#fff; }
.compare-table thead th>span:not(.compare-column-image) { font:500 25px/1.12 var(--display); letter-spacing:-.9px; }
.compare-table th:first-child { background:var(--soft); }
.compare-table tbody tr:nth-child(even) td { background:#fafafa; }
.compare-selection-chips button { background:var(--soft); border-color:var(--line); color:var(--blue); }
.compare-next-grid>a,.compare-next-grid>a:nth-child(2) { background:var(--yellow); }
.compare-next-grid h3 { font:500 26px/1.12 var(--display); letter-spacing:-1px; }
.compare-editorial { background:var(--blue); color:white; }
.compare-editorial h2 { font-size:32px; }
.compare-editorial .compare-action { background:var(--yellow); color:var(--ink); }
.catalogue-grid { gap:25px; }
.catalogue-card { border:1px solid var(--line); background:#fff; }
.catalogue-card h2 { font:500 27px/1.13 var(--display); letter-spacing:-1px; }
.catalogue-card-body { padding:24px; }
.catalogue-media { height:210px; background:var(--soft); }
.catalogue-price { font:500 19px/1.4 var(--display)!important; color:var(--blue)!important; letter-spacing:-.6px; }
.catalogue-card-action { border-top:1px solid var(--line); padding-top:16px; font-size:11px; }
.catalogue-compare { background:var(--blue); color:white; padding:14px 24px; font-size:11px; }
.catalogue-energy { font-size:10px; }
.model-detail-summary h2,.model-detail>h2,.model-notes h2,.model-sources h2 { font:500 33px/1.15 var(--display); letter-spacing:-1.3px; }
.model-notes { background:var(--yellow); border:0; padding:30px; }
.model-specs th { background:var(--soft); }
.brand-catalogue ul { gap:0 25px; }
.brand-catalogue li a { background:#fff; color:var(--blue); border-bottom:1px solid var(--line); padding:13px 0; }

/* Responsive compositions, not scaled-down posters. */
@media(max-width:1100px) {
  .wrap { padding-inline:32px; }
  .nav { gap:22px; }
  .desktop-nav { gap:20px; }
  .desktop-nav a { font-size:12px; }
  .front-headline { grid-template-columns:1fr 125px; gap:30px; }
  .front-brand { width:125px; height:125px; padding:22px; }
  .front-headline h1 { font-size:clamp(65px,8.5vw,90px); }
  .drive-intro { padding:30px; }
  .drive-statement { font-size:36px; }
  .drive-description { font-size:12px; }
  .drive-image { height:280px; }
  .drive-caption strong { font-size:24px; }
  .hero-button { min-width:220px; }
  .flat-pathways a { gap:14px; padding-inline:20px; }
  .flat-pathways strong { font-size:15px; }
  .flat-pathways a>svg:first-child { width:23px; height:23px; }
  .story-media,.story-art { height:200px; }
  .story h3 { font-size:23px; }
  .home-guides .story:nth-child(2) .story-art { height:170px; padding:25px; }
  .home-guides .story:nth-child(2) .story-body { padding:24px 25px 0; }
  .brand-feature>div { grid-template-columns:180px 1fr; gap:25px; }
  .brand-feature h3 { font-size:37px; }
  .tool-card { padding:29px 25px; }
  .tool-card h3 { font-size:28px; }
  .blog-layout { gap:35px; }
  .blog-feature h3 { font-size:33px; }
  .blog-side h3 { font-size:26px; }
  .rules-panel { gap:35px; padding:35px; }
  .rules-heading h2 { font-size:40px; }
  .faq { gap:40px; }
  .faq h2 { font-size:42px; }
  .footer-grid { gap:28px; }
}
@media(max-width:900px) {
  .desktop-nav { display:none; }
  .header-compare { margin-left:auto; }
  .drive-layout { grid-template-columns:1fr 1.1fr; }
  .drive-intro { padding:27px; }
  .drive-statement { font-size:32px; }
  .drive-description br { display:none; }
  .drive-caption { padding:22px; }
  .drive-caption strong { font-size:22px; }
  .flat-pathways a { gap:12px; padding-inline:16px; }
  .flat-pathways a>svg:first-child { display:none; }
  .flat-pathways strong { font-size:15px; }
  .section { padding-block:60px; }
  .section-head h2,h2 { font-size:45px; }
  .brand-feature { grid-template-columns:1fr 190px; }
  .brand-feature>div { grid-template-columns:145px 1fr; gap:20px; padding-right:25px; }
  .brand-feature h3 { font-size:32px; }
  .brand-feature img { width:190px; height:145px; }
  .brand-feature p { font-size:11px; }
  .rules-panel { grid-template-columns:1fr; }
  .rules-facts>div { grid-template-columns:140px 1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:35px; }
  .footer-grid>div:first-child { grid-column:1/-1; }
  .footer-grid>div:last-child { grid-column:auto; }
  .article-cover-art { width:105px; height:105px; }
  .article-cover-art svg { width:55px; height:55px; }
}
@media(max-width:760px) {
  .wrap { padding-inline:24px; }
  .nav { height:82px; gap:20px; }
  .logo,.menu-top .logo,.footer .logo { font-size:22px; gap:10px; }
  .brand-mark { width:43px; height:43px; }
  .menu-label { display:none; }
  .front-headline { grid-template-columns:1fr 95px; gap:22px; padding-block:28px 34px; }
  .front-headline h1 { font-size:clamp(52px,8.5vw,64px); }
  .front-brand { width:95px; height:95px; padding:18px; }
  .drive-layout { grid-template-columns:1fr; }
  .drive-intro { padding:30px; }
  .drive-intro .section-kicker { margin-bottom:22px; }
  .drive-statement { font-size:38px; }
  .drive-description { font-size:13px; }
  .drive-description br { display:initial; }
  .hero-button { min-width:250px; }
  .drive-feature { display:grid; grid-template-columns:1.1fr 1fr; align-items:stretch; }
  .drive-image { height:240px; }
  .drive-caption { padding:25px; align-items:start; }
  .drive-caption strong { font-size:25px; }
  .drive-caption>svg { width:30px; height:30px; }
  .flat-pathways { grid-template-columns:1fr; margin-top:10px; }
  .flat-pathways a,.flat-pathways a:first-child,.flat-pathways a:last-child { padding:18px 0; min-height:82px; border:0; border-bottom:1px solid var(--line); gap:19px; }
  .flat-pathways a:last-child { border:0; }
  .flat-pathways a>svg:first-child { display:block; width:24px; height:24px; }
  .flat-pathways strong { font-size:17px; }
  .flat-pathways small { font-size:8px; margin-bottom:4px; }
  .heading-link { gap:25px; }
  .heading-link>svg { width:32px; height:32px; }
  .reading-grid { gap:22px; }
  .home-guides .reading-grid { grid-template-columns:1fr; }
  .home-guides .story>a { display:grid; grid-template-columns:190px 1fr; gap:25px; padding-bottom:24px; }
  .story h3 { font-size:25px; }
  .story-body { padding-top:0; }
  .story-media,.story-art { height:185px; }
  .home-guides .story:nth-child(2)>a { gap:0; padding-bottom:0; }
  .home-guides .story:nth-child(2) .story-art { height:185px; padding:28px; align-items:center; justify-content:center; }
  .home-guides .story:nth-child(2) .story-body { padding:25px 25px 25px 0; }
  .vehicle-grid { gap:22px; }
  .vehicle-image { height:210px; }
  .brand-feature { grid-template-columns:1fr 190px; }
  .brand-feature>div { display:block; }
  .brand-feature h3 { justify-content:start; font-size:37px; margin-bottom:15px; }
  .brand-feature p { font-size:12px; }
  .brand-feature img { width:190px; height:165px; }
  .tool-grid { grid-template-columns:1fr; }
  .tool-card,.tool-card:first-child,.tool-card:last-child { display:grid; grid-template-columns:42px 1fr; gap:15px 22px; border:0; border-bottom:1px solid #15161a50; padding:29px 0; }
  .tool-card:last-child { border-bottom:0; padding-bottom:0; }
  .tool-icon { margin:0; }
  .tool-icon svg { width:35px; height:35px; }
  .tool-card h3 { font-size:29px; margin:0; }
  .tool-card h3 br { display:none; }
  .tool-card p { grid-column:2; margin:0; font-size:13px; }
  .tool-card .read-link { grid-column:2; border:0; padding-top:8px; }
  .blog-layout { gap:28px; }
  .blog-feature img { height:240px; }
  .blog-feature h3 { font-size:30px; }
  .blog-side h3 { font-size:25px; }
  .rules-heading h2 { font-size:43px; }
  .faq { grid-template-columns:1fr; gap:15px; }
  .faq h2 { font-size:44px; }
  .footer-signature>span { font-size:85px; }
  .footer-signature>svg { width:110px; height:110px; }
  .menu-top { height:82px; padding-inline:24px; }
  .menu-grid { grid-template-columns:1fr 1fr; padding:27px 24px; gap:28px; }
  .menu-group h2 { font-size:26px; }
  .menu-group li>a,.menu-group .future { font-size:13px; min-height:43px; }
  .menu-bottom { margin-inline:24px; }
  .article-cover .article-cover-inner { min-height:220px; padding-block:35px; }
  .article-cover h1,.catalogue-cover h1,.compare-cover h1 { font-size:52px; }
  .article-layout { padding-top:35px; gap:30px; }
  .article-sidebar nav { padding-top:22px; }
  .article-sidebar li a { background:#fff; }
  .article-copy h2 { font-size:29px; }
  .calculator-panel { grid-template-columns:1fr; gap:28px; }
  .calc-intro h2 { font-size:32px; }
  .catalogue-grid { grid-template-columns:1fr 1fr; }
  .compare-page h2,.compare-next h2 { font-size:31px; }
}
@media(max-width:560px) {
  .wrap { padding-inline:22px; }
  .nav { height:78px; gap:17px; }
  .logo,.menu-top .logo { font-size:19px; gap:9px; letter-spacing:-.85px; }
  .brand-mark { width:39px; height:39px; }
  .header-compare { width:40px; height:40px; padding:10px; justify-content:center; background:var(--blue); color:white; }
  .header-compare span { display:none; }
  .menu-trigger { width:27px; height:40px; }
  .menu-trigger .burger-mark { width:25px; height:25px; }
  .front-label { padding-top:22px; font-size:8px; letter-spacing:1.2px; }
  .front-label>span:last-child { display:none; }
  .front-headline { display:block; padding:25px 0 30px; }
  .front-headline h1 { font-size:clamp(41px,12.3vw,65px); line-height:1; letter-spacing:-.07em; }
  .front-brand { display:none; }
  .drive-intro { padding:25px; }
  .drive-intro .section-kicker { font-size:8px; margin-bottom:20px; }
  .drive-statement { font-size:32px; letter-spacing:-1.4px; margin-bottom:17px; }
  .drive-description { font-size:12px; margin-bottom:23px; }
  .drive-description br { display:none; }
  .hero-button { width:100%; min-width:0; font-size:12px; padding:14px 17px; min-height:48px; }
  .drive-secondary { font-size:10px; margin-top:16px; }
  .drive-feature { display:flex; }
  .drive-image { height:270px; }
  .drive-caption { padding:22px 25px; align-items:center; }
  .drive-caption small { font-size:8px; letter-spacing:1.3px; }
  .drive-caption strong { font-size:25px; letter-spacing:-.9px; }
  .drive-caption>svg { width:37px; height:37px; }
  .flat-pathways a { min-height:83px; }
  .flat-pathways strong { font-size:16px; }
  .section { padding-block:44px; }
  .section-head { margin-bottom:27px; }
  .section-head h2,h2 { font-size:38px; letter-spacing:-1.8px; }
  .heading-link { gap:24px; }
  .heading-link>svg { width:28px; height:28px; }
  .section-kicker { font-size:8px; margin-bottom:13px; letter-spacing:1.4px; }
  .home-guides .story>a,.story>a { display:grid; grid-template-columns:112px 1fr; gap:18px; padding-bottom:23px; }
  .story-body { padding:0; }
  .story-media,.story-art { height:145px; }
  .story h3 { font-size:21px; line-height:1.17; letter-spacing:-.7px; margin-bottom:20px; }
  .story .read-link { font-size:10px; }
  .story-art>svg { width:47px; height:47px; }
  .cover-symbol { width:27px; height:27px; bottom:7px; right:7px; }
  .cover-symbol svg { width:17px; height:17px; }
  .home-guides .story:nth-child(2)>a { grid-template-columns:100px 1fr; }
  .home-guides .story:nth-child(2) .story-art { height:100%; min-height:160px; padding:17px; }
  .home-guides .story:nth-child(2) .story-body { padding:22px 22px 22px 0; }
  .home-guides .story:nth-child(2) .story-body h3 { font-size:22px; }
  .ad { min-height:75px; margin-bottom:35px; }
  .vehicle-grid,.catalogue-grid { grid-template-columns:1fr; gap:25px; }
  .vehicle-image { height:245px; }
  .vehicle-body { padding:21px 0 25px; }
  .vehicle-body h3 { font-size:29px; }
  .vehicle-facts li { font-size:11px; }
  .card-action { font-size:11px; }
  .filter { padding:12px 13px; font-size:10px; }
  .models-all { font-size:12px; padding-block:17px; }
  .brand-feature { grid-template-columns:1fr 115px; min-height:150px; }
  .brand-feature>div { padding:23px 20px 23px 0; }
  .brand-feature h3 { font-size:29px; letter-spacing:-1px; margin-bottom:13px; gap:14px; }
  .brand-feature h3 svg { width:21px; height:21px; }
  .brand-feature p { font-size:10px; line-height:1.7; }
  .brand-feature img { width:115px; height:155px; align-self:stretch; object-fit:cover; }
  .other-brands { gap:26px; }
  .other-brands a { font-size:16px; }
  .other-brands a:last-child { width:100%; margin-left:0; justify-content:space-between; font-size:11px; border:0; }
  .tool-card,.tool-card:first-child,.tool-card:last-child { grid-template-columns:32px 1fr; gap:13px 18px; padding-block:25px; }
  .tool-icon svg { width:28px; height:28px; }
  .tool-card h3 { font-size:26px; }
  .tool-card p { font-size:12px; }
  .tool-card .read-link { font-size:11px; }
  .blog-layout { grid-template-columns:1fr; gap:28px; }
  .blog-feature img { height:230px; }
  .blog-feature h3 { font-size:33px; }
  .blog-side h3 { font-size:27px; }
  .blog-side>a,.blog-side>a:first-child { padding:25px 0; }
  .blog-side .blog-icon svg { width:27px; height:27px; }
  .rules-panel { padding:29px 25px; gap:30px; }
  .rules-heading h2 { font-size:34px; letter-spacing:-1.5px; }
  .rules-heading h2 a { gap:18px; }
  .rules-heading h2 svg { width:28px; height:28px; }
  .rules-facts>div { grid-template-columns:1fr; gap:9px; padding-block:19px; }
  .rules-facts strong { font-size:29px; }
  .rules-facts p { font-size:12px; }
  .faq h2 { font-size:38px; letter-spacing:-1.7px; }
  .faq summary { font-size:14px; padding-block:23px; }
  .faq p { font-size:13px; }
  .footer { padding-top:38px; margin-top:15px; }
  .footer-signature { gap:25px; padding-bottom:33px; margin-bottom:35px; }
  .footer-signature>span { font-size:69px; }
  .footer-signature>svg { width:85px; height:85px; }
  .footer-grid { gap:32px 23px; }
  .footer h3 { font-size:13px; }
  .footer a:not(.logo) { font-size:11px; }
  .footer-bottom { font-size:9px; gap:14px; line-height:1.7; }
  .menu-top { height:78px; padding-inline:22px; }
  .menu-grid { grid-template-columns:1fr; padding:24px; gap:28px; }
  .menu-group h2 { font-size:29px; }
  .menu-group li>a,.menu-group .future { font-size:13px; min-height:43px; }
  .article-cover .article-cover-inner { min-height:205px; padding-block:32px; }
  .article-cover h1,.catalogue-cover h1,.compare-cover h1 { font-size:41px; letter-spacing:-1.9px; }
  .article-cover-art { display:none; }
  .article h1,.tools-page h1,.blog-index h1,.source-audit h1 { font-size:38px; letter-spacing:-1.8px; }
  .article h2,.source-audit h2 { font-size:28px; }
  .article-layout { padding-top:29px; }
  .article-copy .article-intro { font-size:18px; line-height:1.7; }
  .article-copy h2 { font-size:28px; line-height:1.18; }
  .article-copy p,.article-copy li { font-size:15px; }
  .hubcard { padding:24px 0; }
  .hubcard h2 { font-size:25px; }
  .tools-nav>a { font-size:11px; padding:12px; }
  .calculator-panel { padding-block:29px; }
  .calc-intro h2 { font-size:31px; }
  .calc-result strong { font-size:29px; }
  .compare-page h2,.compare-next h2 { font-size:29px; }
  .compare-picker .picker-name { font-size:22px; }
  .compare-table thead th>span:not(.compare-column-image) { font-size:22px; }
  .compare-table thead th:first-child { font-size:23px; }
  .compare-next-grid h3 { font-size:25px; }
  .compare-editorial h2 { font-size:29px; }
  .catalogue-card h2 { font-size:27px; }
  .catalogue-media { height:230px; }
  .catalogue-controls input,.catalogue-controls select { font-size:16px; }
  .model-detail-summary h2,.model-detail>h2,.model-notes h2,.model-sources h2 { font-size:29px; }
  .model-notes { padding:25px; }
}
@media(max-width:360px) {
  .wrap { padding-inline:18px; }
  .nav { gap:12px; }
  .logo,.menu-top .logo { font-size:18px; }
  .brand-mark { width:36px; height:36px; }
  .front-headline h1 { font-size:41px; }
  .drive-intro { padding:23px; }
  .drive-statement { font-size:29px; }
  .drive-caption strong { font-size:23px; }
  .drive-caption { padding:23px; gap:15px; }
  .section-head h2 { font-size:34px; }
  .story>a,.home-guides .story>a { grid-template-columns:95px 1fr; gap:15px; }
  .story h3 { font-size:19px; }
  .home-guides .story:nth-child(2)>a { grid-template-columns:80px 1fr; }
  .home-guides .story:nth-child(2) .story-body h3 { font-size:20px; }
  .brand-feature { grid-template-columns:1fr 95px; }
  .brand-feature img { width:95px; }
  .brand-feature h3 { font-size:26px; }
  .tool-card h3 { font-size:24px; }
}

/* Keep the masthead legible on its white surface. */
html { scroll-behavior:smooth; }
.header .logo,.header .menu-trigger { color:var(--blue); }
.header .header-compare { background:var(--blue); color:#fff; }
.header .header-compare svg { color:var(--yellow); }
.header a:focus-visible,.header button:focus-visible { outline-color:var(--blue); }

/* Three equally sized entries keep the tools navigation on a single line. */
.tools-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:620px; gap:0; border:0; }
.tools-nav>a { min-width:0; justify-content:center; padding:12px 10px; gap:7px; }
.tools-nav>a+a { border-left:0; }
@media(max-width:560px) {
  .tools-nav>a { font-size:10px; gap:5px; }
  .tools-nav svg { width:16px; height:16px; }
}

/* Brand signature: a geometric steering wheel and a separate domain suffix colour. */
.header .logo,.menu-top .logo { color:var(--ink); }
.brand-tld { color:var(--blue); }
.footer .brand-tld { color:var(--yellow); }

/* Quiet interactions: a drawn underline and arrows that turn in place. */
details>summary .site-icon {
  transition:transform 280ms cubic-bezier(.22,.7,.22,1),color 200ms ease;
}
details[open][data-expanded="false"]>summary svg.site-icon { transform:rotate(0deg); }
a,button,summary,.compare-picker {
  transition:color 200ms ease,background-color 200ms ease,border-color 200ms ease,text-decoration-color 200ms ease;
}
.link-label,.article-link:not(.button)>span,.article-sidebar li a>span,
.article-breadcrumb a,.faq p a {
  background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:0% 1px;
  padding-bottom:3px;
  text-decoration:none;
  transition:background-size 260ms cubic-bezier(.22,.7,.22,1);
}
.desktop-nav a,.menu-group li>a,.other-brands a,.blog-all,.models-all,
.drive-secondary,.source-link,.footer a:not(.logo),.article-breadcrumb a,.faq p a {
  text-decoration:none;
}
.drive-secondary { border-bottom:0; }
a .icon-arrow-up-right,button .icon-arrow-up-right {
  transform:rotate(0deg);
  transform-origin:50% 50%;
  transition:transform 260ms cubic-bezier(.22,.7,.22,1),color 200ms ease;
}
a:focus-visible .icon-arrow-up-right,button:focus-visible .icon-arrow-up-right {
  transform:rotate(45deg);
}
a:focus-visible .link-label,.article-link:not(.button):focus-visible>span,
.article-sidebar li a:focus-visible>span,.article-breadcrumb a:focus-visible,.faq p a:focus-visible {
  background-size:100% 1px;
}
.story h3,.vehicle-body h3,.catalogue-card h2,.brand-feature h3,.tool-card .read-link,
.blog-feature h3,.blog-side h3,.hubcard h2,.drive-caption {
  transition:color 200ms ease,background-color 200ms ease;
}
@media(hover:hover) and (pointer:fine) {
  .desktop-nav a:hover,.menu-group li>a:hover,.other-brands a:hover,
  .blog-all:hover,.models-all:hover,.drive-secondary:hover {
    color:var(--blue);
  }
  .menu-group h2 a:hover { color:var(--blue-dark); }
  .button:hover,.header .header-compare:hover,.compare-action:hover,
  .catalogue-compare:hover,.menu-bottom .button:hover {
    background-color:var(--blue-dark);
    border-color:var(--blue-dark);
    color:#fff;
  }
  .hero-button:hover {
    background-color:#303138;
    border-color:#303138;
    color:#fff;
  }
  .button.light:hover,.tools-nav>a:hover { background-color:var(--soft); color:var(--blue); }
  .header .menu-trigger:hover,.menu-top .menu-close:hover { color:var(--ink); }
  .filter:not([aria-pressed=true]):hover,.compare-energy button:not([aria-pressed=true]):hover {
    background-color:var(--soft);
    color:var(--ink);
  }
  .filter[aria-pressed=true]:hover,.compare-energy button[aria-pressed=true]:hover {
    background-color:var(--blue-dark);
    color:#fff;
  }
  .compare-jump:hover,.compare-editorial .compare-action:hover { background-color:#f4d525; color:var(--ink); }
  .compare-reset:hover,.compare-source:hover,.source-link:hover,
  .article-copy p a:hover,.article-sidebar li a:hover,.article a:not(.button):hover {
    color:var(--blue-dark);
    text-decoration-color:currentColor;
  }
  .compare-selection-chips button:hover { background-color:#e8e9f1; color:var(--blue-dark); }
  .compare-remove:hover { background-color:#e8e9f1; color:var(--blue-dark); }
  .compare-picker:hover { border-color:#9096e3; }
  .compare-picker.is-selected:hover { border-color:var(--blue-dark); }
  .vehicle:hover { border-bottom-color:var(--blue); }
  .catalogue-card:hover { border-color:#9096e3; }
  .story>a:hover h3,.vehicle-link:hover h3,.catalogue-card>a:hover h2,
  .blog-feature>a:hover h3,.blog-side>a:hover h3,.hubcard:hover h2 {
    color:var(--blue);
  }
  .brand-feature:hover h3 { color:var(--blue-dark); }
  .tool-card:hover .read-link { color:var(--blue); }
  .drive-feature:hover .drive-caption { background-color:var(--blue-dark); }
  .heading-link:hover { color:var(--blue); }
  .rules-panel .heading-link:hover,.rules-panel .source-link:hover { color:var(--yellow); }
  .footer a:not(.logo):hover { color:var(--yellow); }
  a:hover .icon-arrow-up-right,button:hover .icon-arrow-up-right {
    transform:rotate(45deg);
  }
  a:hover .link-label,.article-link:not(.button):hover>span,
  .article-sidebar li a:hover>span,.article-breadcrumb a:hover,.faq p a:hover {
    background-size:100% 1px;
  }
}

/* The modal stays anchored to the right throughout its drawer motion. */
.site-menu { inset:0 0 0 auto; }
.site-menu[open] { animation:menu-slide-in 380ms cubic-bezier(.22,.7,.22,1) both; }
.site-menu[open]::backdrop { animation:menu-backdrop-in 300ms ease both; }
.site-menu[open].is-closing { animation:menu-slide-out 260ms cubic-bezier(.4,0,.6,1) both; }
.site-menu[open].is-closing::backdrop { animation:menu-backdrop-out 260ms ease both; }
@keyframes menu-slide-in { from { transform:translateX(100%); } to { transform:translateX(0); } }
@keyframes menu-slide-out { from { transform:translateX(0); } to { transform:translateX(100%); } }
@keyframes menu-backdrop-in { from { opacity:0; } to { opacity:1; } }
@keyframes menu-backdrop-out { from { opacity:1; } to { opacity:0; } }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; }
  .site-menu[open],.site-menu[open]::backdrop { animation:none!important; }
}

/* The opening emblem shares the logo and favicon symbol. */
.front-brand { padding:0; }
@media(prefers-reduced-motion:reduce) {
  a svg,button svg { transform:none!important; }
}

/* Phosphor: solid duotone subject icons, bold interface controls. */
.site-icon { display:inline-block; flex-shrink:0; fill:currentColor; stroke:none; vertical-align:-.12em; }
.site-icon .icon-secondary { fill:var(--icon-tone,var(--yellow)); opacity:1; stroke:none; }
.tools-section,.drive-intro,.story-art.yellow,.article-cover-art,
.article-tool,.article-next,.calc-result,.model-notes,.compare-next-grid>a {
  --icon-tone:#fff;
}
.story-art.blue .site-icon { color:#fff; --icon-tone:var(--yellow); }
.drive-caption,.rules-panel,.footer,.catalogue-compare,.menu-bottom .button {
  --icon-tone:var(--yellow);
}
.picker-check,.compare-remove,.compare-selection-chips { --icon-tone:currentColor; }
.tool-icon .site-icon { width:42px; height:42px; }
.flat-pathways a>.site-icon:first-child { width:29px; height:29px; }
.story-art>.site-icon { width:76px; height:76px; }
@media(max-width:760px) {
  .tool-icon .site-icon { width:36px; height:36px; }
}
@media(max-width:560px) {
  .tool-icon .site-icon { width:31px; height:31px; }
  .flat-pathways a>.site-icon:first-child { width:25px; height:25px; }
  .story-art>.site-icon { width:49px; height:49px; }
}

/* Welcome line and the site's two-stroke menu control. */
.welcome-bar { background:var(--yellow); color:var(--ink); text-align:center; font:400 11px/1.5 var(--body); padding-block:8px; }
.welcome-bar strong { font-weight:600; }
.header .menu-trigger { gap:12px; }
.header .menu-trigger .menu-label { order:-1; }
.header .menu-trigger .burger-mark { width:44px; height:44px; padding:10px; background:var(--yellow); color:var(--blue); }
@media(hover:hover) and (pointer:fine) {
  .header .menu-trigger:hover .burger-mark { background:#f3d326; color:var(--blue-dark); }
}
@media(max-width:760px) {
  .welcome-bar { font-size:10px; padding-block:7px; }
  .welcome-bar .wrap { padding-inline:22px; }
  .header .menu-trigger .burger-mark { width:42px; height:42px; padding:9px; }
}
@media(max-width:360px) {
  .welcome-bar { font-size:9px; }
  .header .menu-trigger .burger-mark { width:38px; height:38px; }
}
/* The homepage budget carries through into the catalogue. */
.catalogue-controls:has(.catalogue-budget) { grid-template-columns:1.6fr 1fr 1fr 1fr; }
@media(max-width:760px) { .catalogue-controls:has(.catalogue-budget) { grid-template-columns:1fr 1fr; } }
@media(max-width:560px) { .catalogue-controls:has(.catalogue-budget) { grid-template-columns:1fr; } }

/* Shared editorial footer: a yellow heading band and a compact blue index. */
.footer.footer-v2 { padding:0; margin:0; }
.footer-v2 .footer-guide-band { background:var(--yellow); color:var(--blue); padding-block:25px; }
.footer-v2 .footer-guide-band p { max-width:none; margin:0; color:var(--blue); font:500 clamp(27px,3vw,41px)/1.15 var(--display); letter-spacing:-.05em; }
.footer-v2 .footer-main { display:grid; grid-template-columns:1fr 2fr; gap:90px; padding-block:46px 40px; }
.footer-v2 .footer-brand p { max-width:290px; margin:22px 0 0; font-size:13px; line-height:1.8; }
.footer-v2 .footer-navigation { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.footer-v2 .footer-navigation h2 { margin:0 0 17px; color:var(--yellow); font:500 16px/1.4 var(--display); letter-spacing:-.3px; }
.footer-v2 .footer-navigation a { font-size:12px; margin-block:10px; }
.footer-v2 .footer-bottom { margin:0; padding-block:20px; gap:25px; font-size:10px; }
@media(max-width:900px) {
  .footer-v2 .footer-main { grid-template-columns:1fr; gap:35px; }
  .footer-v2 .footer-brand p { max-width:410px; }
}
@media(max-width:560px) {
  .footer-v2 .footer-guide-band { padding-block:23px; }
  .footer-v2 .footer-main { padding-block:32px; }
  .footer-v2 .footer-navigation { grid-template-columns:1fr 1fr; gap:28px 20px; }
  .footer-v2 .footer-navigation>div:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:0 20px; }
  .footer-v2 .footer-navigation>div:last-child h2 { grid-column:1/-1; }
  .footer-v2 .footer-navigation a { margin-block:8px; font-size:11px; }
  .footer-v2 .footer-bottom { flex-direction:column; gap:8px; font-size:9px; }
}

/* Sourced catalogue and detailed profiles — October 2026. */
.catalogue-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:35px 0}
.catalogue-intro h2{font:500 37px/1.12 var(--display);letter-spacing:-1.5px;margin:0}
.catalogue-intro p{font-size:14px;line-height:1.75;max-width:520px;color:#62626c;margin:0}
.catalogue-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.catalogue-toolbar .filters{margin:0}
.catalogue-sort{display:flex;gap:12px;align-items:center;font-size:12px}
.catalogue-sort select{min-height:40px;border:1px solid var(--line);background:white;padding:8px 10px;font:inherit;color:var(--ink)}
.catalogue-media,.picker-visual,.compare-column-image{background:#fff}
.catalogue-media{aspect-ratio:8/5;height:auto;border-bottom:1px solid var(--line);padding:24px}
.catalogue-media img,.picker-image img,.compare-column-image img{object-fit:contain;max-width:100%;max-height:100%}
.catalogue-card-spec{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#61616d;margin:18px 0}
.catalogue-card-spec span{display:flex;align-items:center;gap:7px}.catalogue-card-spec svg{width:17px;height:17px;color:var(--blue)}
.catalogue-card .catalogue-price{margin-bottom:2px}.catalogue-price-caption{font-size:10px;color:#666674}
.catalogue-unconfirmed{display:block;margin-top:12px;color:#7b5a20;font-size:11px}
.picker-price{display:block;font-size:12px;color:var(--blue);font-weight:600;margin:12px 0}
.compare-table-scroll{max-height:85vh;isolation:isolate}
.compare-table thead th{position:sticky;top:0;z-index:3;background:white}
.compare-table thead th:first-child{z-index:4;left:0}
.compare-table .compare-group th{background:var(--blue);color:white;font:500 15px/1.4 var(--body);padding:14px 20px;letter-spacing:0;text-align:left;position:static}
.compare-table td[data-compare-value="De série"]{color:#236243;font-weight:600}
.compare-table td[data-compare-value^="En option"]{color:#715315}
.compare-table td[data-compare-value="Non renseigné"],.compare-table td[data-compare-value="Non proposé"]{color:#777783;font-size:12px}
.fiche{padding-top:32px;padding-bottom:85px}
.fiche-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}
.fiche-kicker{font:500 11px/1.5 var(--body);text-transform:uppercase;letter-spacing:1px;color:var(--blue);margin:0 0 18px;display:block}
.fiche h1{font:500 clamp(48px,6vw,84px)/1.03 var(--display);letter-spacing:-.055em;color:var(--blue);margin:0}
.fiche h1 span{display:block;font-size:.45em;letter-spacing:-.03em;line-height:1.25;margin-top:10px;color:var(--ink)}
.fiche-back{display:flex;align-items:center;gap:14px;font-size:12px;white-space:nowrap;color:var(--blue);padding-bottom:8px}
.fiche-back svg,.fiche-official svg{width:18px;height:18px;flex-shrink:0}
.fiche-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:45px;align-items:stretch}
.fiche-photo{margin:0;min-width:0;display:flex;flex-direction:column}
.fiche-image{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:8/5;background:white;border:1px solid var(--line);padding:35px;flex:1;min-height:270px}
.fiche-image img{width:100%;height:100%;max-height:360px;object-fit:contain}
.fiche-photo figcaption{font-size:10px;line-height:1.6;color:#71717a;padding:12px 0}
.fiche-buy{padding:30px;background:var(--soft);align-self:start}
.fiche-buy>.fiche-kicker{margin-bottom:12px}
.fiche-price{font:500 clamp(30px,3.3vw,47px)/1.15 var(--display);letter-spacing:-1.9px;color:var(--blue);margin:0 0 16px}
.fiche-price-note,.fiche-family-price{font-size:12px;line-height:1.75;color:#595965;margin:0 0 20px}
.fiche-family-price{color:var(--blue)}
.fiche-buy>.button{width:100%;display:flex;justify-content:space-between;gap:15px;font-size:12px;margin:0 0 20px;min-height:48px}
.fiche-official{display:inline-flex;align-items:center;gap:12px;font-size:11px;color:var(--blue);line-height:1.5}
.fiche-availability{display:flex;gap:11px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px;font-size:11px}
.fiche-availability-dot{width:7px;height:7px;background:#3d7a57;flex-shrink:0;margin-top:5px;border-radius:50%}
.fiche-availability-dot.is-unconfirmed{background:#a07625}
.fiche-availability strong{font-weight:600}.fiche-availability p{margin:6px 0 0;line-height:1.7;color:#666673}
.fiche-review{font-size:10px;color:#6d6d79;margin:18px 0 0}
.fiche-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:25px 0;margin:25px 0 0;border-top:1px solid var(--blue);border-bottom:1px solid var(--blue)}
.fiche-facts>div{padding:3px 25px;border-right:1px solid var(--line)}.fiche-facts>div:first-child{padding-left:0}.fiche-facts>div:last-child{border:0}
.fiche-facts dt{font-size:10px;color:#62626f;margin:0 0 10px}.fiche-facts dd{font:500 27px/1.15 var(--display);letter-spacing:-.9px;color:var(--blue);margin:0}.fiche-facts dd.is-missing{font-size:18px;color:#72727c;letter-spacing:-.4px}
.fiche-nav{display:flex;gap:30px;overflow-x:auto;border-bottom:1px solid var(--line);padding:20px 0;font-size:11px;color:var(--blue)}
.fiche-nav a{white-space:nowrap;padding-block:5px}.fiche-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.fiche-section{padding:55px 0 0;scroll-margin-top:25px}
.fiche-section-heading{display:flex;gap:20px;align-items:baseline;margin-bottom:18px}
.fiche-section-heading h2{font:500 clamp(29px,3.3vw,42px)/1.1 var(--display);letter-spacing:-1.8px;margin:0}
.fiche-section-intro{font-size:13px;line-height:1.8;color:#62626f;max-width:760px;margin:0 0 28px}
.fiche-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.fiche-spec-group{min-width:0}.fiche-spec-group h3{font:500 20px/1.25 var(--display);letter-spacing:-.5px;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--blue)}
.fiche .model-specs{table-layout:fixed;width:100%}.fiche .model-specs th,.fiche .model-specs td{border:0;border-bottom:1px solid var(--line);padding:12px 8px;vertical-align:top;font-size:11px;line-height:1.6;background:white}
.fiche .model-specs th{width:52%;font-weight:500;color:#62626e;padding-left:0}.fiche .model-specs td:nth-child(2){width:48%;font-weight:500;padding-right:0}

.fiche-missing{color:#8b8b95!important;font-weight:400!important}
.fiche-footnote{font-size:10px;line-height:1.7;color:#71717d;margin:20px 0 0;max-width:850px}
.equipment-legend{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}
.equipment-status{font-size:10px;line-height:1.4;display:inline-block;padding:5px 8px;background:#f2f2f5;color:#6a6a76;white-space:normal}
.status-serie{background:#eaf5ee;color:#236243}.status-option,.status-accessoire{background:#fff5cf;color:#715315}.status-a_confirmer{background:#f1efff;color:#625888}
.fiche-equipment-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}
.fiche-equipment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;border-top:1px solid var(--line);padding:17px 0;align-items:start;font-size:12px}
.fiche-equipment-row small{font-size:10px;line-height:1.65;display:block;color:#747480;margin-top:6px}.fiche-equipment-row>div:last-child{text-align:right;max-width:145px}
.fiche-buying-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:var(--yellow);padding:30px}
.fiche-buying-grid h3{font:500 24px/1.2 var(--display);letter-spacing:-.7px;margin:0 0 16px}
.fiche-buying-grid p,.fiche-buying-grid li{font-size:12px;line-height:1.8;color:#4e4e48}
.fiche-buying-grid ul{padding-left:18px;margin-top:0}.fiche-buying-grid .fiche-price-small{font:500 27px/1.2 var(--display);color:var(--blue)}
.fiche-versions{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}
.fiche-version{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:18px 0;font-size:12px;min-width:0}
.fiche-version>span{flex:1}.fiche-version small{display:block;color:#737380;font-size:10px;margin-top:7px}.fiche-version strong{font-size:11px;font-weight:500;color:var(--blue)}.fiche-version svg{width:18px;height:18px;flex-shrink:0;color:var(--blue)}
.fiche-sources ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}
.fiche-sources li{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--line);min-width:0;scroll-margin-top:30px}
.fiche-sources li>div{min-width:0}.fiche-sources li a{display:flex;align-items:center;gap:12px;color:var(--blue);font-size:12px}.fiche-sources li svg{width:16px;height:16px;flex-shrink:0}.fiche-sources li small{display:block;overflow-wrap:anywhere;font-size:9px;color:#777783;margin-top:8px;line-height:1.6}
@media(max-width:900px){.fiche-hero{gap:25px;grid-template-columns:1fr 1fr}.fiche-buy{padding:22px}.fiche-image{padding:20px;min-height:240px}.fiche-facts dd{font-size:23px}.fiche-facts>div{padding:3px 18px}.fiche-spec-grid{gap:22px}.fiche .model-specs th{width:52%}.fiche .model-specs td:nth-child(2){width:48%}.fiche-equipment-grid{column-gap:24px}}
@media(max-width:700px){.catalogue-controls{grid-template-columns:1fr 1fr}.catalogue-controls label:first-child{grid-column:1/-1}.catalogue-intro{grid-template-columns:1fr;gap:15px}.catalogue-intro h2{font-size:31px}.fiche{padding-top:22px}.fiche-heading{align-items:start;margin-bottom:25px}.fiche-back{font-size:0;gap:0;padding-top:10px}.fiche-back svg{width:24px;height:24px}.fiche-hero{grid-template-columns:1fr;gap:15px}.fiche-image{aspect-ratio:8/5;min-height:0;max-height:360px;padding:25px}.fiche-image img{max-height:290px}.fiche-buy{padding:25px}.fiche-price{font-size:39px}.fiche-facts{grid-template-columns:1fr 1fr;row-gap:25px;margin-top:30px}.fiche-facts>div{padding:0 18px}.fiche-facts>div:nth-child(odd){padding-left:0}.fiche-facts>div:nth-child(2){border:0}.fiche-facts dd{font-size:25px}.fiche-nav{gap:23px}.fiche-section{padding-top:38px}.fiche-section-heading{gap:13px}.fiche-section-heading h2{letter-spacing:-1.2px}.fiche-spec-grid,.fiche-equipment-grid,.fiche-buying-grid,.fiche-versions,.fiche-sources ul{grid-template-columns:1fr}.fiche-spec-grid{gap:30px}.fiche .model-specs th,.fiche .model-specs td{font-size:11px;padding-block:12px}.fiche .model-specs th{width:50%}.fiche .model-specs td:nth-child(2){width:50%}.fiche-buying-grid{padding:24px;gap:22px}.fiche-versions{gap:0}.catalogue-sort{width:100%;justify-content:space-between}.catalogue-toolbar{gap:18px}.compare-table-scroll{max-height:80vh}.compare-table .compare-group th{padding:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.fiche-nav{scroll-behavior:auto}}
.model-photo-frame{display:block;position:relative;overflow:hidden;aspect-ratio:8/5;width:min(100%,var(--photo-max-width,100%));flex-shrink:0;background:#fff}
.model-photo-frame>img{position:absolute;max-width:none;max-height:none;object-fit:fill}
.catalogue-media,.fiche-image{padding:12px}
.picker-image{--photo-max-width:240px}
.compare-column-image{--photo-max-width:168px}
.fiche-image{--photo-max-width:576px}
.picker-price-context{display:block;color:#666674;font-size:10px;line-height:1.5;margin:-5px 0 12px}
@media(max-width:560px){.compare-column-image{--photo-max-width:136px}}

/* Inset chevrons on every single-choice dropdown. */
select:not([multiple]):not([size]) {
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%233e438a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 18px center;
  background-size:16px 16px;
  padding-right:48px;
}

/* Keep model selection and the profile link as separate controls. */
.compare-choice { display:flex; flex-direction:column; min-width:0; border:2px solid var(--line); background:#fff; }
.compare-choice:has(.is-selected) { border-color:var(--blue); }
.compare-choice .compare-picker { flex:1; border:0; border-radius:0; }
.compare-choice .compare-picker:has(input:focus-visible) { outline:0; }
.compare-choice:has(:focus-visible) { outline:3px solid var(--blue); outline-offset:4px; }
.compare-picker-detail { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 20px; padding:15px 0; border-top:1px solid var(--line); font-size:12px; font-weight:500; color:var(--blue); }
.compare-picker-detail svg,.compare-model-link svg { width:16px; height:16px; flex-shrink:0; }
.compare-model-link { display:inline-flex; align-items:center; gap:8px; margin-top:14px; font:500 11px/1.5 var(--body); color:var(--blue); }
@media(hover:hover) {
  .compare-choice:hover { border-color:#9096e3; }
  .compare-choice:has(.is-selected):hover { border-color:var(--blue-dark); }
  .compare-picker-detail:hover,.compare-model-link:hover { text-decoration:underline; text-underline-offset:4px; }
}
@media(max-width:560px) {
  .compare-picker-detail { margin-inline:16px; }
  .catalogue-controls label:has(select[id$="-equipment"]),
  .catalogue-controls label:has(select[id$="-availability"]) { grid-column:1/-1; }
}