/* best7seatercars.com "Showroom" design system: jet, white, electric lime */
@font-face{font-family:Anybody;src:url(/fonts/anybody-latin-var.woff2) format("woff2");font-weight:100 900;font-stretch:50% 150%;font-display:swap}
@font-face{font-family:"Host Grotesk";src:url(/fonts/host-grotesk-latin-var.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Martian Mono";src:url(/fonts/martian-mono-latin-var.woff2) format("woff2");font-weight:100 800;font-display:swap}
/* Metric-matched fallbacks (Arial and Courier New widths, scaled to each web font) so text keeps its line breaks when the web fonts swap in */
@font-face{font-family:"Anybody Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");font-weight:100 900;font-stretch:50% 119%;size-adjust:117%;ascent-override:68%;descent-override:20.5%;line-gap-override:0%}
@font-face{font-family:"Anybody Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");font-weight:100 900;font-stretch:120% 139%;size-adjust:130%;ascent-override:61.2%;descent-override:18.5%;line-gap-override:0%}
@font-face{font-family:"Anybody Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");font-weight:100 900;font-stretch:140% 200%;size-adjust:169%;ascent-override:47%;descent-override:14.2%;line-gap-override:0%}
@font-face{font-family:"Host Grotesk Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("Roboto");font-weight:100 549;size-adjust:104.3%;ascent-override:97.3%;descent-override:30.2%;line-gap-override:0%}
@font-face{font-family:"Host Grotesk Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");font-weight:550 900;size-adjust:97.8%;ascent-override:103.8%;descent-override:32.2%;line-gap-override:0%}
@font-face{font-family:"Host Grotesk Caps";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");font-weight:100 900;size-adjust:92.2%;ascent-override:110.1%;descent-override:34.2%;line-gap-override:0%}
@font-face{font-family:"Martian Mono Fallback";src:local("Courier New"),local("CourierNewPSMT"),local("Liberation Mono"),local("Menlo");font-weight:100 900;size-adjust:116.6%;ascent-override:85.8%;descent-override:17.2%;line-gap-override:0%}
:root{
--jet:#0A0A0A;--white:#FFFFFF;--lime:#CCFF00;--mid:#5C5C5C;--rule:#D4D4D4;--smoke:#8A8A8A;--soft:#3D3D3D;--line:#2B2B2B;
--fd:Anybody,"Anybody Fallback","Arial Black",Impact,sans-serif;--fb:"Host Grotesk","Host Grotesk Fallback",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--fm:"Martian Mono","Martian Mono Fallback",ui-monospace,Menlo,Consolas,monospace;
--g:16px;--max:1280px;--mw:calc(var(--max) + 2 * var(--g));--cw:calc(min(100vw,var(--mw)) - 2 * var(--g));--ng:calc(-1 * var(--g));
--r2:2px solid var(--jet);--r1:1px solid var(--rule)}
@media (min-width:600px){:root{--g:24px}}
@media (min-width:900px){:root{--g:40px}}
@media (min-width:1280px){:root{--g:64px}}

/* Base */
*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--white);color:var(--jet);font:400 16px/1.5 var(--fb);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%}
img{height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul[class],ol[class]{list-style:none;padding:0}
table{border-collapse:collapse}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--jet);outline-offset:0;box-shadow:0 0 0 6px var(--lime)}
main:focus{outline:0}
::selection{background:var(--lime);color:var(--jet)}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:8px;top:-60px;z-index:100;background:var(--lime);border:var(--r2);padding:10px 16px;font-weight:700;text-decoration:none}
.skip:focus{top:8px}
.wrap{max-width:var(--mw);margin-inline:auto;padding-inline:var(--g)}
.wrap--text>*{max-width:820px}
.nw{white-space:nowrap}
@media (max-width:400px){h1 .nwl,h2 .nwl{white-space:normal}}
html:not(.js) :is(.cmpt,.cmpb,.ticker__btn,.menu-btn,.fnd__ctl,.fnd__bar,.cmp__opts){display:none!important}

/* Type: mono labels, display faces */
.kicker,.toc-m summary,.pick__l,.award__mk,.mh1__make,.giant__cap{font:500 12px/1.4 var(--fm);letter-spacing:.08em;text-transform:uppercase}
.fs__l,.crumbs__ol,.stats__l,.fnd__count,.fnd__foot .note,.mt thead th,.mt__mk,.tbl-wrap.is-scroll::before,.tbl thead th,.prose thead th,.tbl__cap,.tbl--spec th,.card__mk,.card__dl dt,.vs,.mini dt,.trio dt,.sp-legend,.mot__key,.az__c,.tbl--cmp tbody th,.cmp__rm,.post__meta,.ftr__h,.ftr__fresh,.tray__h,.so__n,.so__k,.bars__no{font:400 11px/1.4 var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--mid)}
.h1,.h2,.hero__title,.mh1__model,.stats__v,.award__name,.spot__n,.trio__v,.giant__n,.az__l,.big-num__v,.price__v,.empty__t,.fnd__empty-t,.so__h,.qa__lead,.mh1__tail,.big-label,.award__no,.menu__big a{font-family:var(--fd);font-weight:900;font-stretch:125%;text-transform:uppercase;letter-spacing:-.01em;line-height:.95}
.h3,.tile__t,.card__name,.qa__q,.bb__h,.mt__md,.plist__a,.az__a,.so__t,.form-ok__t,.tbl--cmp thead a,.mh1__h1,.prose h2,.prose h3,.btn,.fnd__top{font-family:var(--fd);font-weight:800;font-stretch:115%;text-transform:uppercase;letter-spacing:-.01em;line-height:1}
.kicker{margin:0 0 12px}
.h1{font-size:min(10.2vw,3rem)}
.h2{font-size:clamp(1.875rem,1.2rem + 2.2vw,3rem);margin:0 0 24px}
.h2--inv{color:var(--white);margin:0}
.h3{font-size:clamp(1.25rem,1rem + .6vw,1.5rem);margin:32px 0 14px}
.lead{font-size:18px;color:var(--soft);max-width:40.3em;margin:-8px 0 24px}
.note{font-size:14px;color:var(--mid);margin:12px 0 0}
.note .kicker{display:block;margin:0 0 4px;color:var(--jet)}
.hl{background:var(--lime);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.na{display:inline-block;width:14px;height:2px;background:var(--smoke);vertical-align:middle}
.prose{max-width:44.2em;font-size:17px;line-height:1.6}
.prose>*+*,.prose+.prose,.bars+.prose,.trio+.prose{margin-top:1em}
.sec .prose+p>.btn{margin-top:24px}
.prose h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin-top:1.6em}
.prose h3{font-size:1.25rem;margin-top:1.4em}
.prose a{text-decoration-thickness:2px;text-underline-offset:3px}
.prose a:hover,.ulink:hover,.linkgrid a:hover{background:var(--lime)}
.crumbs a:hover,.az__a:hover,.award__name a:hover,.plist__a:hover,.tbl a:hover{background:linear-gradient(var(--lime),var(--lime)) 0 50%/100% 1.25em no-repeat}
.prose ul{padding:0;list-style:none}
.prose ul li{position:relative;padding-left:22px}
.prose ul li+li{margin-top:.4em}
.prose ul li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--jet)}
.prose ol{padding-left:1.4em}
.prose blockquote{margin:0;padding:4px 0 4px 20px;border-left:6px solid var(--lime)}
.prose table{width:100%;font-size:15px}
.prose th,.prose td{text-align:left;padding:10px 12px 10px 0;border-bottom:var(--r1)}
.prose thead th{border-bottom:var(--r2)}
.prose--inv,.prose--inv a{color:var(--white)}
.lead-prose{font-size:19px;color:var(--soft);margin-top:28px}
.sources{font-size:14px;color:var(--mid);margin:48px 0 0;padding-top:16px;border-top:var(--r1)}
.band .sources{margin:0;padding:0;border:0}
.sources .kicker{display:inline;margin-right:8px;color:var(--jet)}

/* Controls */
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:0 22px;background:var(--jet);color:var(--white);border:var(--r2);font-size:16px;text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s}
.btn .i-arrow{color:var(--lime);flex:none}
.btn:hover{background:var(--lime);color:var(--jet)}
.btn:hover .i-arrow,.btn--line .i-arrow,.btn--lime .i-arrow{color:var(--jet)}
.btn--line{background:var(--white);color:var(--jet)}
.btn--lime{background:var(--lime);color:var(--jet);border-color:var(--lime)}
.btn--lime:hover{background:var(--white);border-color:var(--white)}
.ulink{font-weight:700;font-size:17px;text-decoration:none;border:0;border-bottom:var(--r2);padding:2px 0;color:var(--jet);background:none}
.ulink--inv{color:var(--white);border-color:var(--white);cursor:pointer}
.ulink--inv:hover{color:var(--jet)}
.tag{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border:var(--r2);font:500 10px/1 var(--fm);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;background:var(--white);color:var(--jet)}
.tag--lime,.tag--due{background:var(--lime)}
.pill,.chip label{display:inline-flex;align-items:center}
.pill,.chip label,.sel select{min-height:44px;padding:0 18px;border-radius:999px;border:var(--r2);font-weight:600;font-size:15px;cursor:pointer}
.pill{gap:8px;background:var(--white);font-family:var(--fb);line-height:normal;text-decoration:none;color:var(--jet)}
.pill--inv{background:none;border-color:var(--white);color:var(--white)}
.pill--lime{background:var(--lime);border-color:var(--lime);color:var(--jet);font-weight:700}
.iconbtn{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;border:var(--r2);background:var(--white);color:var(--jet);cursor:pointer;flex:none;text-decoration:none}
.iconbtn--lime{background:var(--lime)}
.iconbtn:hover{background:var(--jet);color:var(--lime)}
.i{display:block}
.key{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;border:var(--r2);font:500 11px/1 var(--fm);background:var(--white);color:var(--jet);vertical-align:middle}
.key--a{background:var(--lime)}
.key--b{background:var(--jet);color:var(--white)}
.key--c{border-style:dashed}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;display:inline-flex}
.chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.chip label{border-color:var(--white);color:var(--white)}
.chip label:hover{border-color:var(--lime)}
.chip input:checked+label{background:var(--lime);border-color:var(--lime);color:var(--jet);font-weight:700}
.chip input:focus-visible+label{box-shadow:0 0 0 3px var(--jet),0 0 0 6px var(--lime)}
.chips--must label{border-style:dashed;border-color:var(--smoke)}
.chips--must label::before{content:"+";margin-right:6px;font-weight:700}
.chips--must input:checked+label::before{content:none}
.chip--light label{border-color:var(--jet);color:var(--jet)}
.fs{border:0;margin:0;padding:0;min-width:0}
.fs__l{display:block;padding:0;margin:0 0 12px;line-height:1.3;color:var(--smoke)}
.fs__l--dark{color:var(--mid)}
.sel{position:relative;display:inline-flex;align-items:center}
.sel select{appearance:none;padding:0 46px 0 18px;border-color:var(--white);background:var(--jet);color:var(--white);max-width:100%}
.sel .i{position:absolute;right:16px;pointer-events:none;color:var(--white)}
.sel--light{display:flex}
.sel--light select{background:var(--white);color:var(--jet);border-color:var(--jet);width:100%}
.sel--light .i{color:var(--jet)}
.input{width:100%;min-height:52px;padding:10px 14px;border:2px solid var(--white);border-radius:0;background:none;color:var(--white);font-size:17px}
.input--light,.sform .input{border-color:var(--jet);color:var(--jet);background:var(--white)}
textarea.input{min-height:180px;resize:vertical;line-height:1.5}
.input::placeholder{color:var(--smoke)}
.input--light::placeholder,.sform .input::placeholder{color:var(--mid)}

/* Header */
.hdr{background:var(--white);border-bottom:var(--r2);position:relative;z-index:20}
.hdr__in{max-width:var(--mw);margin:0 auto;padding:0 12px 0 var(--g);height:62px;display:flex;align-items:center;gap:10px}
.logo{display:inline-flex;align-items:center;flex:none;min-height:44px}
.logo img{display:block;width:auto;height:clamp(19px,6.2vw,26px)}
.nav,.hdr__cmp{display:none}
.hdr__tools{display:flex;align-items:center;gap:6px;margin-left:auto;align-self:stretch}
.hdr__tools .iconbtn{width:44px;height:44px}
.hdr__n{display:none;margin-left:8px}
.cmp-n .hdr__n,.fnd__on:not(:empty){display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--lime);color:var(--jet);font:500 11px var(--fm)}
@media (min-width:900px){
.hdr__in{height:auto;flex-wrap:wrap;padding:0 var(--g);gap:0 24px}
.logo{height:76px}
.logo img{height:32px}
.menu-btn{display:none!important}
.nav{display:block;order:3;flex:1 0 100%;border-top:var(--r2);margin:0 var(--ng);padding:0 var(--g)}
.nav__list{display:flex;height:52px}
.nav__list li{flex:1 1 auto}
.nav a,.hdr__cmp{display:flex;align-items:center;justify-content:center;height:100%;padding:0 14px;border-left:var(--r2);font:600 13px/1 "Host Grotesk","Host Grotesk Caps",var(--fb);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.nav li:first-child a{border-left:0}
.nav a:hover,.hdr__cmp:hover{background:var(--lime)}
.nav a[aria-current],.hdr__cmp[aria-current]{background:var(--jet);color:var(--white)}
.hdr__cmp{border-right:var(--r2)}
.hdr__tools{gap:24px}
.hdr__tools .iconbtn{width:48px;height:48px}
}
@media (min-width:1200px){
.hdr__in{flex-wrap:nowrap;height:80px;gap:0}
.logo{height:auto}
.nav{order:0;flex:0 1 auto;border:0;margin:0 0 0 auto;padding:0;align-self:stretch}
.nav__list{height:100%}
.nav li:first-child a{border-left:var(--r2)}
.nav__list li{flex:none}
.nav a,.hdr__cmp{padding:0 16px}
.hdr__tools{margin-left:0}
}
@media (min-width:1360px){.nav a,.hdr__cmp{padding:0 18px}}

/* Ticker */
.ticker{display:flex;background:var(--lime);border-bottom:var(--r2);position:relative;z-index:2}
.ticker__vp{flex:1;overflow:hidden;min-width:0}
.ticker__track{display:flex;width:max-content;animation:tick calc(var(--len,200) * .17s) linear infinite}
.ticker__list{display:flex;flex:none}
.ticker__list li{display:flex;align-items:center;gap:26px;padding:9px 0 9px 26px;white-space:nowrap;font:500 11px/1.2 var(--fm);letter-spacing:.04em;text-transform:uppercase}
.ticker__list li::after{content:"";width:6px;height:6px;background:var(--jet);flex:none}
.ticker:hover .ticker__track,.ticker:focus-within .ticker__track,.ticker.is-paused .ticker__track{animation-play-state:paused}
.ticker__btn{position:relative;flex:none;width:44px;border:0;border-left:var(--r2);background:var(--lime);color:var(--jet);display:grid;place-items:center;cursor:pointer;padding:0}
.ticker__btn::after{content:"";position:absolute;left:0;right:0;top:0;height:44px}
.ticker__btn:hover{background:var(--jet);color:var(--lime)}
.ticker__btn .i-play,.ticker__btn[aria-pressed="true"] .i-pause{display:none}
.ticker__btn[aria-pressed="true"] .i-play{display:block}
@keyframes tick{to{transform:translateX(-50%)}}
@media (min-width:900px){.ticker__list li{font-size:12px;padding:10px 0 10px 32px;gap:32px}}

/* Breadcrumbs */
.crumbs{max-width:var(--mw);margin:0 auto;padding:0 var(--g)}
.crumbs__ol{display:flex;flex-wrap:wrap;line-height:1.3}
.crumbs li{display:flex;align-items:center;min-height:44px}
.crumbs li:not(:last-child)::after{content:"/";margin:0 10px;color:var(--rule)}
.crumbs a{display:flex;align-items:center;min-height:44px;padding:0 6px;margin:0 -6px;color:var(--jet);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}

/* Bands */
.band{padding:48px 0;border-top:var(--r2)}
.band--tight{padding:32px 0}
main>.band:first-child,.kn+.band,.lhero+.band,.phero+.band,.ad+.band,.spot+.band{border-top:0}
@media (min-width:900px){.band{padding:72px 0}.band--tight{padding:40px 0}}

/* Giant numeral */
.giant{position:absolute;right:-6px;top:-10px;pointer-events:none;user-select:none;z-index:0}
.giant__n{display:block;font-stretch:150%;font-size:calc(min(260px,64vw) * min(1,1 / var(--d,1)));line-height:.8;color:var(--lime);letter-spacing:-.02em}
.giant__disc,.giant__cap{display:none}
@media (min-width:900px){
.giant{position:relative;right:auto;top:auto;min-height:100%;overflow:hidden;--gs:min(430px,29vw)}
.giant__n{position:absolute;left:8%;top:40px;font-size:calc(var(--gs) * min(1,.95 / var(--d,1)));color:var(--jet);z-index:1}
.giant__disc{display:block;position:absolute;left:18%;top:calc(40px + var(--gs) * min(1,.95 / var(--d,1)) * .2);width:calc(var(--gs) * .7);height:calc(var(--gs) * .7);border-radius:50%;background:var(--lime)}
.giant__cap{display:block;position:absolute;left:36px;right:0;bottom:30px;padding-top:14px;border-top:var(--r2);font-weight:400;line-height:1.6;letter-spacing:.04em}
}

/* Home hero */
.hero{border-bottom:var(--r2);overflow:hidden}
.hero__grid{position:relative;display:grid}
.hero__main{position:relative;z-index:1;padding:30px 0 28px}
.hero__title{font-size:min(11.6vw,4.4rem);line-height:.92;margin:16px 0 0}
.hero__lead{margin:18px 0 0;font-size:16px;color:var(--soft);max-width:640px}
.hero__cta{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-top:22px}
.hero__cta .ulink{align-self:flex-start}
@media (min-width:600px){.hero__cta{flex-direction:row;align-items:center;gap:28px}.hero__lead{font-size:19px}}
@media (min-width:900px){
.hero__grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);min-height:540px}
.hero__main{padding:72px 56px 64px 0;border-right:var(--r2)}
.hero__title{font-size:clamp(3.4rem,.4rem + 5.5vw,5.25rem);margin-top:20px}
.hero__lead{font-size:20px;margin-top:30px}
.hero__cta{margin-top:36px}
}

/* Stats strip */
.kn{border-bottom:var(--r2)}
.stats{--cols:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--jet);margin:0 var(--ng)}
.stats__i{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px;padding:18px var(--g);background:var(--white)}
.stats__v{font-size:clamp(1.15rem,calc((var(--cw) / var(--cols) - 28px) / (var(--vl,6) * .88)),2.75rem);line-height:1;white-space:nowrap;text-transform:none}
.stats__l{font-size:10px;line-height:1.5}
.stats__l a{color:var(--jet);text-decoration:underline;text-underline-offset:2px}
.stats__i.is-lime{background:var(--lime)}
.stats__i.is-lime .stats__l{color:var(--jet)}
@media (max-width:899px){.stats__i:nth-child(even){padding-left:14px}.stats__i:nth-child(odd):not(:last-child){padding-right:14px}.stats__i:last-child:nth-child(odd){grid-column:1/-1}}
@media (min-width:900px){
.stats{--cols:var(--n);grid-template-columns:repeat(var(--n),minmax(0,1fr));margin:0}
.stats__i{padding:26px 24px}
.stats__i:first-child{padding-left:0}
.stats__i.is-lime:first-child{padding-left:24px}
.stats__l{font-size:11px}
.stats--many{--cols:3;grid-template-columns:repeat(3,minmax(0,1fr))}
.stats--many .stats__i:nth-child(4){padding-left:0}
.stats--many .stats__i:nth-child(5):last-child{grid-column:span 2}
}
@media (min-width:1200px){
.stats--many{--cols:var(--n);grid-template-columns:repeat(var(--n),minmax(0,1fr))}
.stats--many .stats__i:nth-child(4){padding-left:24px}
.stats--many .stats__i:nth-child(5):last-child{grid-column:auto}
}

/* Finder */
.fnd__panel{background:var(--jet);color:var(--white);padding:24px 0 22px}
.fnd__head{display:flex;flex-direction:column;gap:10px}
.fnd__count{font-weight:500;line-height:normal;color:var(--lime);white-space:nowrap}
.fnd__bar{margin-top:16px;display:flex;gap:10px}
.fnd__ctl{display:none;gap:24px;margin-top:22px}
.fnd__ctl.is-open{display:grid}
.fs--end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;position:sticky;bottom:0;background:var(--jet);padding:12px 0}
.fnd__res{padding-bottom:48px}
.fnd__empty,.empty{border:var(--r2);padding:28px}
.fnd__empty{margin-top:24px}
.fnd__empty-t,.empty__t{font-size:24px;margin-bottom:8px}
.fnd__empty .btn{margin-top:16px}
.fnd__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}
.fnd__foot .note{margin:0;line-height:1.5;letter-spacing:.04em}
.fnd__float{position:fixed;left:0;right:0;bottom:calc(var(--tray-h,0px) + var(--anchor-h,0px));z-index:30;background:var(--jet);padding:12px 16px;display:flex;gap:10px}
.fnd__top{flex:1;justify-content:center;font-family:var(--fd);font-weight:800}
@media (min-width:600px){.fnd__head{flex-direction:row;justify-content:space-between;align-items:baseline;gap:24px}}
@media (min-width:900px){
.fnd__panel{padding:56px 0 48px}
.fnd__count{font-size:13px}
.fnd__bar,.fnd__show,.fnd__float{display:none!important}
.fnd__ctl,.fnd__ctl.is-open{display:flex;flex-wrap:wrap;gap:26px 44px;margin-top:34px;align-items:flex-end}
.fs--end{position:static;padding:0 0 10px;margin-left:auto}
}

/* Model tables */
.mt{width:100%}
.mt thead th{position:sticky;top:0;z-index:2;background:var(--white);text-align:left;vertical-align:bottom;padding:22px 12px 14px;border-bottom:var(--r2);line-height:1.3;letter-spacing:.08em;white-space:nowrap}
.mt .num{text-align:right}
.mt__r{border-bottom:var(--r2)}
.mt td,.mt tbody th{padding:20px 12px;text-align:left;font:400 15px/1.3 var(--fm)}
.mt td.num{font-size:16px;white-space:nowrap}
.mt :is(th,td):first-child{padding-left:0}
.mt :is(th,td):last-child{padding-right:0}
.mt__no{width:44px}
.mt td.mt__no{font-size:13px}
.mt--plain .mt__no{display:none}
.mt__a{display:block;min-width:44px;min-height:44px;text-decoration:none;color:inherit}
a.mt__a:hover .mt__md{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}
.mt__mk{display:block;font-weight:500;line-height:1.2;letter-spacing:.08em}
.mt__md{display:block;margin-top:4px;font-size:24px}
.mt__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mt__sub{display:block;margin-top:5px;font:500 14px/1.3 var(--fb);color:var(--mid)}
.mt td[data-l="Row 3"],.mt td[data-l="Fuel"]{font:400 15px/1.35 var(--fb)}
.mt .sm{display:none}
.mt__cp{width:52px}
.mt__r:hover,.mt__r.is-lead{background:var(--lime)}
.mt__r:is(:hover,.is-lead) :is(.mt__mk,.mt__sub){color:#2E2E2E}
.mt__ad td{padding:16px 0}
.mt-wrap+.mt-wrap{margin-top:32px}
@media (min-width:900px){.mt__a{display:inline-block;vertical-align:baseline}.mt__tags{display:inline-flex;vertical-align:baseline;margin:0 0 0 12px}}
@media (min-width:900px) and (max-width:1199px){.mt .md{display:none}.mt td,.mt tbody th{padding-inline:10px}}
@media (max-width:899px){
.mt thead{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.mt,.mt tbody,.mt caption{display:block}
.mt__r{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:16px 0 14px;position:relative}
.mt__r>*{padding:0!important;border:0}
.mt td.mt__no{order:1;flex:1 1 auto;font-size:11px!important;width:auto}
.mt--plain .mt__r::before{content:"";order:1;flex:1 1 auto}
.mt td.mt__pr{order:2;font-size:15px}
.mt td.mt__cp{order:3;width:auto;margin:-12px -8px -12px 0}
.mt__nm{order:4;flex:1 0 100%;margin-bottom:6px}
.mt__md{font-size:clamp(20px,6.4vw,26px)}
.mt td{order:9;font:400 11px/1.5 var(--fm)!important;color:var(--soft)}
.mt td.p1{order:5}.mt td.p2{order:6}.mt td.p3{order:7}.mt td.p4{order:8}
.mt td[data-l]::before{content:attr(data-l) "\a0";color:var(--mid);text-transform:uppercase;letter-spacing:.06em}
.mt td.mt__pr::before{content:none}
.mt td.dk,.mt td.is-na,.mt .lg{display:none}
.mt .sm{display:inline}
.mt__r:hover{background:none}
.mt__r.is-lead{background:var(--lime);margin:0 var(--ng);padding-inline:var(--g)}
.mt__ad{display:block;padding:12px 0;border-bottom:var(--r2)}
.mt__ad td{display:block;padding:0}
}

/* Compare toggles */
.cmpt,.cmpb{background:none;border:0;padding:0;color:var(--jet);cursor:pointer}
.cmpt{display:inline-grid;place-items:center;width:44px;height:44px}
.cmpb{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:700;font-size:15px}
.cmpb__box{position:relative;display:block;width:22px;height:22px;border:var(--r2);background:var(--white);flex:none}
.cmpb__box::before,.cmpb__box::after,.faq__ic::before,.faq__ic::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;background:var(--jet);transform:translate(-50%,-50%)}
.cmpb__box::after{width:2px;height:10px}
[aria-pressed="true"]>.cmpb__box{background:var(--jet)}
[aria-pressed="true"]>.cmpb__box::after{display:none}
[aria-pressed="true"]>.cmpb__box::before{width:6px;height:11px;background:none;border:solid var(--lime);border-width:0 2px 2px 0;transform:translate(-50%,-62%) rotate(45deg)}
:is(.cmpt,.cmpb):hover .cmpb__box{background:var(--lime)}
[aria-pressed="true"]:hover>.cmpb__box{background:var(--jet)}

/* FAQ */
.faq{border-top:var(--r2)}
.faq__i{border-bottom:var(--r1)}
.faq__q{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 0;cursor:pointer;list-style:none;font-weight:700;font-size:18px;line-height:1.35}
.faq__q::-webkit-details-marker,.toc-m summary::-webkit-details-marker{display:none}
.faq__ic{position:relative;width:30px;height:30px;border:var(--r2);border-radius:50%;flex:none}
.faq__ic::before,.faq__ic::after{width:12px}
.faq__ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq__q:hover .faq__ic,.faq__i[open] .faq__ic{background:var(--lime)}
.faq__i[open] .faq__ic::after{display:none}
.faq__a{padding:0 0 22px;color:var(--soft)}

/* Generic tables */
.tbl-wrap{position:relative;overflow-x:auto;margin:16px 0 0}
.tbl-wrap.is-scroll::before{content:"Scroll sideways for more";display:block;position:sticky;left:0;font-size:10px;line-height:1;margin-bottom:8px}
.tbl{width:100%;font-size:15px}
.tbl th,.tbl td{text-align:left;padding:12px 14px 12px 0;border-bottom:var(--r1);vertical-align:top}
.tbl thead th{line-height:1.3;letter-spacing:.08em;border-bottom:var(--r2);vertical-align:bottom}
.tbl tbody th{font-weight:600}
.tbl .num{text-align:right;font-family:var(--fm);white-space:nowrap}
.tbl tr.is-lead{background:var(--lime)}
.tbl__cap{caption-side:top;text-align:left;font-weight:500;line-height:1.3;letter-spacing:.08em;color:var(--jet);padding:0 0 10px;border-bottom:var(--r2)}
.tbl--spec th{width:46%;padding-top:14px}
.tbl--spec td{font-weight:600}
.spec2{display:grid;gap:32px}
@media (min-width:700px){.spec2{grid-template-columns:1fr 1fr}}
.sortbtn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
.sortbtn .i{opacity:.35}
[aria-sort] .sortbtn{color:var(--jet)}
[aria-sort] .sortbtn .i{opacity:1}
[aria-sort="ascending"] .sortbtn .i{transform:rotate(180deg)}
.tbl--dims :is(td,th){white-space:nowrap}

/* Tiles, cards, lists */
.tiles{display:grid;border-top:var(--r2);border-left:var(--r2)}
.tile{border-right:var(--r2);border-bottom:var(--r2)}
.cards{display:grid;padding:0 2px 2px 0}
.card{border:var(--r2);margin:0 -2px -2px 0}
.tile__a{display:block;height:100%;padding:22px 20px 24px;text-decoration:none}
.tile__t{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:clamp(1.25rem,1rem + .7vw,1.5rem)}
.tile__s{display:block;margin-top:10px;font-size:15px;color:var(--mid)}
.tile.is-lime,.tile__a:hover{background:var(--lime)}
.tile.is-lime .tile__s,.tile__a:hover .tile__s{color:#2E2E2E}
.tiles--sm .tile__a{padding:16px 18px}
.tiles--sm .tile__t{font-size:17px}
@media (min-width:600px){.tiles{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.tile__a{padding:26px 28px}}
@media (min-width:1000px){.tiles{grid-template-columns:repeat(3,1fr)}.tiles--sm{grid-template-columns:repeat(4,1fr)}}
.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}
.card{position:relative;display:flex;flex-direction:column;padding:20px 20px 12px;background:var(--white);scroll-margin-top:16px}
.card:target{background:var(--lime)}
.card:has(.card__link:hover){background:var(--lime)}
.card__mk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:500;line-height:1.2;letter-spacing:.08em}
.card__name{margin-top:8px;font-size:clamp(1.35rem,1rem + 1.4vw,1.75rem)}
.card__link{text-decoration:none;color:inherit}
.card__link::after{content:"";position:absolute;inset:0;z-index:0}
.card__sub{margin-top:6px;font-size:14px;color:var(--mid)}
.card__dl{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;border-top:var(--r2)}
.card__dl>div{padding:10px 8px 8px 0;border-bottom:var(--r1)}
.card__dl>div:nth-child(even){padding-left:12px;border-left:var(--r1)}
.card__dl dt{font-size:10px;line-height:1.3}
.card__dl dd,.mini dd{margin-top:4px;font:800 18px/1.1 var(--fd);font-stretch:110%}
.card__note{margin-top:12px;font-size:15px}
.card__foot{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;margin-top:auto;padding-top:10px}
.card__more{font-size:15px}
.cards--lg{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr))}
.cards--lg .card{padding:26px 26px 14px}
.cards--lg .card__name{font-size:clamp(1.5rem,1rem + 2vw,3rem);font-weight:900;font-stretch:125%}
.cards--4{grid-template-columns:1fr}
@media (min-width:600px){.cards--4{grid-template-columns:1fr 1fr}}
.plist,.linkgrid{border-top:var(--r2)}
.plist__i{padding:20px 0;border-bottom:var(--r1)}
.plist__a{font-size:20px;line-height:1.1;text-decoration:none}
.plist__i p{margin-top:8px;color:var(--soft)}
.plist__i .kicker{margin:8px 0 0;color:var(--mid)}
.plist--big .plist__i .kicker{margin:0 0 8px}
.plist__h{font-size:inherit;line-height:1}
.linkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));column-gap:24px}
.linkgrid li{border-bottom:var(--r1)}
.linkgrid a{display:block;padding:14px 0;font-weight:600;text-decoration:none}
.vs{letter-spacing:0;margin:0 4px}
.empty p+p{margin-top:8px}
.empty .btn{margin-top:12px}

/* Bars and spotlight */
.bars{margin-top:28px}
.bars__list{border-top:var(--r2)}
.bars__row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"l v" "t t";gap:6px 12px;padding:12px 0;border-bottom:var(--r1);align-items:center}
.bars__label{grid-area:l;font-size:15px;min-width:0}
.bars__label a{font-weight:600}
.bars__no{letter-spacing:0;margin-right:10px}
.bars__track,.bb__track{display:block;height:14px}
.bars__track{grid-area:t}
.bars__bar,.bb__bar{display:block;height:100%;background:var(--jet)}
.bars__row.is-me .bars__bar{background:var(--lime);border:var(--r2)}
.bars__val{grid-area:v;font:500 14px var(--fm);white-space:nowrap}
.bars figcaption,.bars .kicker{margin-bottom:12px}
@media (min-width:700px){.bars__row{grid-template-columns:minmax(0,40%) 1fr 76px;grid-template-areas:"l t v"}.bars__val{text-align:right}}
.spot{border-block:var(--r2)}
.spot__grid{display:grid}
.spot__grid>*{min-width:0}
.spot__main{padding:28px 0}
.spot__n{display:flex;align-items:flex-start;gap:6px;margin-top:12px;font-stretch:150%;font-size:min(13rem,calc(var(--cw) * 1.02 / var(--d,4)));line-height:.82;letter-spacing:-.02em}
.spot__u{font-size:.25em;font-stretch:125%;margin-top:.1em}
.spot__t{margin-top:18px;font-size:17px;color:var(--soft);max-width:460px}
.spot__go{margin-top:28px}
.spot__side{padding:0 0 32px}
.mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));margin:28px 0 0 -16px;border-top:var(--r2);clip-path:inset(0 0 0 16px)}
.mini>div{padding:14px 12px 0 14px;min-width:0;border-left:var(--r2)}
.mini dt{font-size:10px;line-height:1.3;letter-spacing:.08em}
.mini dd{margin-top:6px;font-stretch:112%;padding-bottom:12px}
@media (min-width:900px){
.spot__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.spot__n{font-size:min(13rem,calc(var(--cw) * .46 / var(--d,4)))}
.spot__main{padding:56px 48px 56px 0;border-right:var(--r2)}
.spot__side{padding:56px 0 48px 48px;display:flex;flex-direction:column;justify-content:center}
.mini dd{font-size:24px}
}

/* Page heroes */
.lhero,.mhero,.phero{border-bottom:var(--r2);overflow:hidden}
.lhero__grid,.mhero__grid{position:relative;display:grid}
.lhero__main,.mhero__main{position:relative;z-index:1;padding:28px 0 32px;min-width:0}
.lhero .h1,.phero .h1{margin-top:12px}
.lhero .h1{max-width:13.1em}
.lhero__lead{margin-top:20px;font-size:17px;color:var(--soft)}
.phero{padding:32px 0 36px}
.mh1{margin:14px 0 0}
.mh1__make{display:block;font-size:13px;line-height:1.3;letter-spacing:.1em}
.mh1__model{display:block;margin-top:8px;line-height:.86;font-size:min(9rem,calc((100vw - 2 * var(--g)) * 1.04 / var(--lw,6)))}
.mh1__tail{display:inline-block;margin-top:14px;padding:3px 10px 2px;background:var(--lime);font-size:clamp(1.3rem,1rem + 1.4vw,2.25rem);line-height:1}
.mh1--deco{margin-bottom:12px}
.mh1__h1{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);line-height:1.05}
.mhero__tags{display:flex;gap:8px;flex-wrap:wrap}
.mhero__sub{margin-top:18px;font-size:17px;color:var(--soft);max-width:28.6em}
.mhero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:20px}
@media (min-width:900px){
.lhero__grid,.mhero__grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.lhero__main{padding:56px 56px 56px 0;border-right:var(--r2);min-height:400px}
.lhero--solo .lhero__grid{grid-template-columns:1fr}
.lhero--solo .lhero__main{border-right:0;min-height:0;max-width:900px}
.lhero__lead{font-size:19px}
.lhero .h1,.phero .h1{font-size:clamp(3rem,1rem + 3.4vw,4.25rem)}
.lhero .giant{--gs:min(380px,26vw)}
.phero{padding:56px 0 52px}
.mhero__main{padding:48px 56px 52px 0;border-right:var(--r2)}
.mh1__model{font-size:min(10rem,calc(var(--cw) * .57 / var(--lw,6)))}
.mhero__sub{font-size:20px}
.mhero .giant{--gs:min(400px,27vw)}
}

/* Page grid (model, used) */
.page-grid{display:grid}
.page-main{min-width:0;padding-bottom:64px}
.page-rail{display:none}
.toc-m{margin:24px 0 0;border:var(--r2)}
.toc-m summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;cursor:pointer;line-height:normal;list-style:none}
.toc-m summary::after{content:"+";font:700 20px var(--fb)}
.toc-m[open] summary::after{content:"\2212"}
.toc-m .toc__l{padding:0 16px 12px}
.toc__l li{border-top:var(--r1)}
.toc__l a{display:block;padding:11px 0 11px 12px;margin-left:-12px;border-left:4px solid transparent;font-size:15px;text-decoration:none}
.toc__l a:hover{background:var(--lime)}
.toc__l a[aria-current="true"]{border-left-color:var(--jet);font-weight:700}
@media (min-width:1100px){
.page-grid{grid-template-columns:minmax(0,1fr) 280px;column-gap:64px}
.page-rail{display:block;padding:40px 0 64px}
.toc{position:sticky;top:20px}
.toc__h{padding-bottom:12px;border-bottom:var(--r2);margin:0}
.toc__l li:first-child{border-top:0}
.toc-m{display:none}
}
.sec{margin-top:48px;padding-top:24px;border-top:var(--r2);scroll-margin-top:12px}
.sec .kicker,.rc__i .kicker,.size__fig .kicker,.big-label .kicker,.smap__sub .kicker{color:var(--mid)}
.sec .h2{font-size:clamp(1.75rem,1.2rem + 1.7vw,2.6rem)}
.sec>.prose+:is(.prose,.tbl-wrap){margin-top:20px}
@media (min-width:900px){.sec{margin-top:64px;padding-top:28px}}

/* Quick answer */
.qa{margin-top:32px;padding:24px 20px 26px;background:var(--jet);color:var(--white)}
.qa .kicker{color:var(--smoke)}
.qa__q{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem)}
.qa__a{margin-top:16px;font-size:18px;line-height:1.55}
.qa__lead{font-size:1.35em;line-height:1;letter-spacing:0;color:var(--lime);margin-right:4px}
.qa__v{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:17px}
.qa__best{margin-top:12px;font-size:16px}
.qa__best .kicker{display:inline;margin-right:8px;color:var(--lime)}
.qa--big{margin-top:16px}
.qa--big .qa__q{font-size:clamp(1.9rem,1.2rem + 2.6vw,3.25rem);font-weight:900;font-stretch:125%}
.qa--big .qa__a{font-size:19px}
@media (min-width:900px){.qa{padding:34px 40px 36px}}

/* Trio of big numbers */
.trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));border-block:var(--r2);margin-bottom:24px}
.trio__i{padding:16px 16px 18px 0}
.trio__i+.trio__i{padding-left:16px;border-left:var(--r2)}
.trio__i.is-lime{background:var(--lime);padding-left:16px}
.trio dt{line-height:1.3;letter-spacing:.08em}
.trio__i.is-lime dt{color:var(--jet)}
.trio dd{margin-top:8px}
.trio__n{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.trio__v{font-size:clamp(2.25rem,1.5rem + 2vw,3.25rem);line-height:.9}
.trio__u{font:900 20px var(--fd);font-stretch:125%}
.trio__s{display:block;margin-top:8px;font:400 12px var(--fm);color:var(--soft)}
@media (max-width:599px){.trio__i+.trio__i{padding-left:0;border-left:0;border-top:var(--r1)}.trio__i.is-lime{margin:0 var(--ng);padding-inline:var(--g)}}

/* Size figures (SVG) */
.fig{margin:8px 0 0}
.fig figcaption{margin-top:10px}
.fig+:is(.prose,p){margin-top:24px}
.sz-fig{position:relative;width:100%}
.sz-fig svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sz-fig svg *{vector-effect:non-scaling-stroke;stroke-linejoin:round}
.sz-ground,.sz-axis,.sz-car,.sz-dim{fill:none;stroke:var(--jet);stroke-width:1.5}
.sz-ground{stroke-width:2}
.sz-axis{stroke:var(--rule);stroke-width:2;stroke-dasharray:6 6}
.sz-a .sz-body{fill:var(--lime);stroke-width:2}
.sz-a :is(.sz-glass,.sz-hub,.sz-mir){fill:var(--white)}
.sz-a .sz-whl{fill:var(--jet)}
.sz-a .sz-pil{stroke-width:3}
.sz-car:not(.sz-a) .sz-body{stroke-width:2.5}
.sz-car:not(.sz-a) .sz-whl{stroke-width:2}
.sz-car:not(.sz-a) :is(.sz-hub,.sz-pil){display:none}
.sz-c :is(.sz-body,.sz-glass,.sz-whl){stroke-dasharray:7 5}
.sz-dc{stroke-dasharray:6 4}
.sz-dm{stroke:var(--mid)}
.sz-lab{position:absolute;padding:1px 4px;background:var(--white);font:500 11px/1.2 var(--fm);white-space:nowrap;transform:translate(-50%,-100%)}
.sz-lab--v{transform:translate(-50%,-50%) rotate(-90deg)}
@media (max-width:599px){.sz-lab{font-size:9px;padding:0 2px}}

/* Third row, Isofix, price, safety */
.split{display:grid;gap:28px}
.split__fig{display:flex;justify-content:center}
@media (min-width:760px){.split{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}.split--one{grid-template-columns:1fr}}
.big-label{margin-bottom:16px;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);line-height:1}
.big-label .kicker{display:block}
.sp{border:var(--r2);padding:20px 20px 16px;max-width:360px;width:100%}
.sp svg{display:block;margin:0 auto;height:auto}
.sp-front,.sp-row{font:500 10px var(--fm);letter-spacing:.08em;fill:var(--mid)}
.sp-seat{fill:var(--jet)}
.sp-small,.sp-iso,.sp-ring,.sp-wheel{fill:none;stroke:var(--jet);stroke-width:2}
.sp-small{stroke-width:3}
.sp-iso{stroke:var(--lime);stroke-width:7}
.sp-wheel{stroke:var(--white);stroke-width:2.5}
.sp-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:14px;font-size:10px;letter-spacing:.04em;color:var(--jet)}
.sp-legend li{display:flex;align-items:center;gap:6px}
.sp-k{width:14px;height:14px;border-radius:50%;background:var(--jet);flex:none}
.sp-k--iso{margin:0 4px;box-shadow:0 0 0 3px var(--lime),0 0 0 4px var(--jet)}
.sp-k--small{background:none;border:var(--r2)}
.sp-k--drv{box-shadow:inset 0 0 0 3px var(--jet),inset 0 0 0 5px var(--white)}
.sp .note{text-align:center}
.isox,.price{display:grid;gap:16px 32px;align-items:start}
@media (min-width:600px){.isox{grid-template-columns:auto 1fr}}
@media (min-width:700px){.price{grid-template-columns:auto 1fr}}
.big-num{display:flex;flex-direction:column;gap:6px}
.big-num__v{font-size:clamp(4rem,3rem + 4vw,6.5rem);font-stretch:150%;line-height:.8}
.big-num .kicker{margin:0}
.price__v{font-size:clamp(2.5rem,1.6rem + 3vw,4rem);line-height:.9;background:var(--lime);padding:14px 16px 12px;display:inline-block}
.price__v .kicker{display:block;margin-bottom:6px}
.ncap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:17px}
.stars{display:inline-flex;gap:3px}
.rc,.facts,.mot__list{border-top:var(--r2)}
.rc{margin-top:16px}
.rc__i{padding:16px 0;border-bottom:var(--r1)}
.rc__i .kicker{margin-bottom:6px}
.rc__t{font-weight:700;font-size:17px}
.rc__i p+p{margin-top:6px}
.pc{display:grid;gap:24px}
@media (min-width:700px){.pc{grid-template-columns:1fr 1fr;gap:40px}}
.pc .h3{margin:0;padding:12px 0;border-top:6px solid var(--jet)}
.pc__l li{position:relative;padding:12px 0 12px 30px;border-top:var(--r1)}
.pc__l li::before,.pc__l li::after{content:"";position:absolute;left:4px;top:22px;width:14px;height:2px;background:var(--jet)}
.pc__c--pro .pc__l li::after{transform:rotate(90deg)}
.pc__c--con .pc__l li::after{display:none}
.facts li{position:relative;padding:14px 0 14px 26px;border-bottom:var(--r1)}
.facts li::before{content:"";position:absolute;left:2px;top:22px;width:8px;height:8px;background:var(--lime);outline:var(--r2)}
.mot__row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:var(--r1)}
.mot__y,.mot__v{font:500 13px var(--fm)}
.mot__bars{display:grid;gap:4px}
.mot__bar,.mot__sw{height:10px;background:var(--jet)}
.mot__bar{display:block}
.mot__bar--nat,.mot__sw--nat{background:var(--white);border:var(--r2)}
.mot__v{text-align:right;display:grid}
.mot__nv{color:var(--mid)}
.mot__key{display:flex;gap:20px;margin-top:12px;letter-spacing:0;color:var(--jet)}
.mot__key>span{display:flex;align-items:center;gap:8px}
.mot__sw{width:18px}

/* Best list */
.band--awards{padding-top:0}
.award{display:grid;grid-template-columns:minmax(0,1fr);gap:12px 16px;padding:32px 0;border-bottom:var(--r2);scroll-margin-top:12px}
.award__body{min-width:0}
.award__no{font-size:clamp(2.5rem,1.6rem + 3vw,5.5rem);line-height:.8;font-stretch:150%;letter-spacing:0;-webkit-text-stroke:2px var(--jet);color:var(--white)}
.award__pill{margin-bottom:12px}
.award__pill .pill{min-height:34px;padding:0 14px;font-size:14px}
.award__name{font-size:clamp(1.9rem,1.2rem + 2.4vw,3.25rem);line-height:.92}
.award__name a{text-decoration:none}
.award__mk{display:block;margin-bottom:8px;line-height:normal;letter-spacing:.1em}
.award .prose{margin-top:18px}
.award__foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px}
@media (min-width:600px){.award{grid-template-columns:auto minmax(0,1fr)}}
@media (min-width:900px){.award{grid-template-columns:160px 1fr;padding:44px 0}}

/* Brands A to Z */
.az-jump ul{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 32px;padding:0;list-style:none}
.az-jump a{display:grid;place-items:center;width:44px;height:44px;border:var(--r2);font:500 14px var(--fm);text-decoration:none}
.az-jump a:hover{background:var(--lime)}
.az{display:grid;gap:0 40px}
@media (min-width:760px){.az{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.az{grid-template-columns:1fr 1fr 1fr}}
.az__g{display:grid;grid-template-columns:84px 1fr;padding:18px 0;border-top:var(--r2);scroll-margin-top:12px}
.az__l{font-size:48px;font-stretch:150%}
.az__i{padding:4px 0 12px}
.az__i+.az__i{border-top:var(--r1);padding-top:12px}
.az__a{font-size:22px;text-decoration:none}
.az__c{display:block;margin-top:6px;font-weight:500;line-height:normal;color:var(--jet)}
.az__m{display:block;margin-top:4px;font-size:14px;color:var(--mid)}

/* Size tool and compare */
.picks{display:grid;gap:16px;margin-bottom:28px}
@media (min-width:760px){.picks{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pick__l{display:flex;align-items:center;gap:8px;margin-bottom:8px;line-height:normal;letter-spacing:.06em}
.size__legend{margin-bottom:12px}
.sz-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-weight:600;font-size:15px}
.sz-legend li{display:flex;align-items:center;gap:8px}
.sz-sw{width:30px;height:14px;border:var(--r2)}
.bb__bar{border:var(--r2);background:none}
.sz-sw--a,.bb__bar--a{background:var(--lime)}
.sz-sw--c,.bb__bar--c{border-style:dashed}
.size__fig{margin-top:24px;padding:18px 16px;border:var(--r2)}
.size__cols{display:grid;gap:8px 48px;margin-top:8px}
.size__cols>*{min-width:0}
@media (min-width:900px){.size__cols{grid-template-columns:1fr 1fr}.size__fig{padding:24px 28px}}
.bb__g{margin-top:16px}
.bb__h{font-size:16px;padding-bottom:8px;border-bottom:var(--r2)}
.bb__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"k n v" "k t t";gap:4px 10px;align-items:center;padding:10px 0;border-bottom:var(--r1)}
.bb__key{grid-area:k}
.bb__name{grid-area:n;font-size:14px;font-weight:600;min-width:0}
.bb__track{grid-area:t}
.bb__bar--b{background:var(--jet)}
.bb__val{grid-area:v;font:500 13px var(--fm);white-space:nowrap}
.tbl--pick th .key{margin-right:4px}
.tbl--pick td{font-family:var(--fm);font-size:14px}
.cmp__how{border:var(--r2);padding:18px 20px;margin-bottom:24px;font-size:17px}
:is(.cmp-q,.cmp-n):not(.cmp-ready) .cmp__how{display:none}
:is(.cmp-q,.cmp-n):not(.cmp-ready) .cmp__out{min-height:100vh}
.cmp__opts{margin:-8px 0 20px}
.cmp__opts .chip label{font-size:14px}
.tbl--cmp{min-width:560px}
.tbl--cmp thead th{vertical-align:bottom;padding-top:0}
.tbl--cmp thead a{display:block;margin-top:8px;font-size:20px;color:var(--jet);text-decoration:none}
.tbl--cmp thead a:hover{text-decoration:underline}
.tbl--cmp tbody th{width:26%;font-weight:400;padding-top:15px}
.tbl--cmp td{font-weight:600}
.tbl--cmp td,.tbl--cmp thead th:not(:first-child){padding-left:12px}
.tbl--cmp td.is-best{background:var(--lime)}
.cmp__rm{display:inline-flex;align-items:center;gap:6px;margin-top:4px;min-height:44px;border:0;background:none;padding:0;cursor:pointer;font-weight:500;line-height:normal;text-decoration:underline}
.cmp__rm:hover{background:linear-gradient(var(--lime),var(--lime)) 0 50%/100% 1.5em no-repeat}
@media (max-width:599px){
.tbl--cmp{min-width:0}
.tbl--cmp tr{display:grid;grid-template-columns:repeat(var(--c,2),minmax(0,1fr));column-gap:10px}
.tbl--cmp thead th:first-child{display:none}
.tbl--cmp tbody th{grid-column:1/-1;width:auto;padding:12px 0 2px;border-bottom:0}
.tbl--cmp td,.tbl--cmp thead th:not(:first-child){padding:4px 6px 12px}
.tbl--cmp thead a,.cmp__n{font-size:16px;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.tbl--cmp3 thead a,.tbl--cmp3 .cmp__n{font-size:13px}
}
.best{display:inline-block;margin-left:8px;padding:1px 5px;border:var(--r2);font:500 9px var(--fm);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}

/* Forms, search, sitemap, posts */
.form{max-width:640px;margin-top:8px}
.form__row{margin-bottom:20px}
.form__l{display:block;margin-bottom:8px;font-weight:700;font-size:15px}
.form__opt,.form__hint{font-weight:400;color:var(--mid);font-size:14px}
.form__hint{margin-top:6px}
.form__err{margin-bottom:16px;padding:12px 14px;border:var(--r2);background:var(--lime);font-weight:600}
.form .btn{margin-top:4px}
.form-ok{display:none;margin-bottom:24px;padding:22px 24px;background:var(--lime);border:var(--r2)}
.form-ok:target,.form-ok.is-shown{display:block}
.form-ok:is(:target,.is-shown)+.form{display:none}
.form-ok__t{font-size:22px;line-height:1.1;margin-bottom:6px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sform{margin-top:28px;max-width:640px}
.sform__row{display:flex;gap:10px}
.sform__row .input{flex:1;min-width:0}
.sform__row .btn{flex:none}
.sform__pop{margin-top:40px}
.smap{display:grid;gap:32px 48px}
@media (min-width:760px){.smap{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.smap{grid-template-columns:1fr 1fr 1fr}}
.smap__g .h3{margin-top:0;padding-bottom:10px;border-bottom:var(--r2)}
.smap__l li{border-bottom:var(--r1)}
.smap__l a{display:block;padding:11px 0;text-decoration:none}
.smap__l a:hover{background:var(--lime)}
.smap__sub{padding:10px 0}
.smap__sub .kicker{display:block;margin:0 0 4px}
.smap__sub ul{list-style:none;padding:0}
.post__stand{margin-top:20px;font-size:clamp(1.15rem,1rem + .6vw,1.4rem);line-height:1.45;color:var(--soft)}
.post__meta{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:20px;line-height:1.5}
.post__img{margin:32px 0 0}
.post__img img{display:block;width:100%;border:var(--r2)}
.post__body{margin:32px 0 64px;font-size:18px}

/* Tap targets: 44px tall without moving the layout (vertical padding on inline links does not change line boxes) */
.az__a,.award__name a,.plist__a,.tbl a,.prose :is(td,th) a,.bars__label a,.stats__l a{-webkit-box-decoration-break:clone;box-decoration-break:clone}
.tbl tbody a,.prose :is(td,th) a,.bars__label a,.plist__a{padding-block:12px}
.tbl--pick thead a{padding-block:16px}
.az__a{padding-block:11px}
.award__name a{padding-block:7px}
.stats__l a{padding-block:16px}
.tbl--cmp thead a{padding:14px 0;margin:-6px 0 -14px}
.ulink{position:relative}
.ulink::after{content:"";position:absolute;left:0;right:0;top:50%;height:48px;transform:translateY(-50%)}
.sortbtn{min-height:44px}
.tbl--dims thead th{padding-block:0}
.sortbtn:hover{text-decoration:underline;text-underline-offset:3px}
.pill--inv:hover,.sel select:hover{border-color:var(--lime)}
.pill--lime:hover{background:var(--white);border-color:var(--white)}
.sel--light select:hover{border-color:var(--jet);background-color:var(--lime)}

/* Footer */
.ftr{background:var(--jet);color:var(--smoke);padding:48px 0 28px}
.ftr__top{display:grid;gap:36px}
.ftr__brand p{margin-top:16px;max-width:26em;font-size:15px}
.ftr .logo img{height:28px}
.ftr__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px}
.ftr__h{margin-bottom:12px;font-weight:500;line-height:normal;letter-spacing:.08em;color:var(--smoke)}
.ftr ul{list-style:none;padding:0}
.ftr__col a{display:flex;align-items:center;width:fit-content;min-height:44px;color:var(--white);text-decoration:none;font-size:15px}
.ftr__col a:hover{color:var(--jet);background:var(--lime)}
.ftr__base{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:12px;font-size:13px}
.ftr__fresh{display:flex;flex-wrap:wrap;gap:4px 20px;line-height:1.6;letter-spacing:.04em;color:inherit}
.ftr__copy{font:400 12px var(--fm)}
@media (min-width:900px){.ftr{padding:64px 0 32px}.ftr__top{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:56px}}

/* Overlays */
.tray{position:fixed;left:0;right:0;bottom:var(--anchor-h,0px);z-index:40;background:var(--jet);color:var(--white);border-top:2px solid var(--lime)}
.tray__in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-block:10px}
.tray__h{font-weight:500;line-height:normal;letter-spacing:.08em;color:var(--smoke)}
.tray__list{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto;min-width:0}
.tray__list li{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0 0 0 14px;border:2px solid var(--white);border-radius:999px;font-weight:600;font-size:14px}
.tray__list button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--white);cursor:pointer}
.tray__list button:hover{background:var(--lime);color:var(--jet)}
.tray__msg{flex-basis:100%;font-size:14px;color:var(--lime)}
.tray__msg:empty{display:none}
.tray__go{min-height:44px;border-radius:999px}
@media (max-width:599px){.tray__in{flex-flow:column nowrap;align-items:stretch;gap:8px}.tray__h{display:none}.tray .tray__list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:var(--ng);padding-inline:var(--g)}.tray__list li{flex:none;white-space:nowrap}}
.so,.menu{position:fixed;inset:0;z-index:60;background:var(--jet);color:var(--white);overflow-y:auto;overscroll-behavior:contain}
.so__in{padding-top:16px;padding-bottom:48px}
.so__top,.menu__bar{display:flex;justify-content:space-between;align-items:center;min-height:62px}
.so__h{font-size:clamp(1.9rem,1.4rem + 2vw,3rem)}
.so__f{display:flex;gap:10px;margin-top:24px}
.so__f .input{flex:1;min-width:0;font-size:20px}
.so__n{min-height:16px;margin-top:18px;line-height:normal;color:var(--smoke)}
.has-q #sp-r{min-height:min(820px,70vh)}
#sp-n{color:var(--mid)}
.so__r{margin-top:8px;border-top:2px solid var(--white)}
.so__r li{border-bottom:1px solid var(--line)}
.so__r a{display:grid;gap:4px;padding:14px 0;text-decoration:none;color:var(--white)}
.so__r a:is(:hover,:focus-visible){background:var(--lime);color:var(--jet);margin:0 var(--ng);padding-inline:var(--g)}
.so__t{font-size:20px;line-height:1.1}
.so__k{font-size:10px;font-weight:500;line-height:normal;letter-spacing:.08em;color:var(--lime)}
.so__d{font-size:14px;color:var(--smoke)}
.so__r a:is(:hover,:focus-visible) :is(.so__k,.so__d){color:var(--jet)}
.so__r--page{border-top-color:var(--jet)}
.so__r--page li{border-bottom-color:var(--rule)}
.so__r--page a,.so__r--page .so__d{color:var(--jet)}
.so__r--page .so__k{color:var(--mid)}
.menu__bar{padding:0 12px 0 var(--g);border-bottom:2px solid var(--line)}
.menu__nav{padding:12px var(--g) 48px}
.menu__big a{display:block;padding:12px 0;border-bottom:1px solid var(--line);color:var(--white);text-decoration:none;font-size:clamp(1.8rem,8.4vw,2.6rem);line-height:1;letter-spacing:0}
.menu__big a:hover{color:var(--lime)}
.menu__minor{margin-top:28px;columns:2;column-gap:20px}
.menu__minor a{display:block;padding:11px 0;color:var(--smoke);text-decoration:none;font-size:15px;break-inside:avoid}
.menu__minor a:hover{color:var(--white)}
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--white);border-top:var(--r2)}
.cookie__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:16px}
.cookie__in p{max-width:45.5em;font-size:15px}
.cookie__b{display:flex;gap:10px}
body.is-locked{overflow:hidden}

/* Ads */
.ad{display:block;margin:24px auto;text-align:center;overflow:hidden;max-width:100%}
main>.ad,body>.ad{max-width:var(--mw);padding-inline:var(--g)}
.ad--desktop{display:none}
.ad--mobile_anchor{position:fixed;left:0;right:0;bottom:0;z-index:35;margin:0;background:var(--white);border-top:var(--r2)}
.ad--sidebar{margin:0 0 32px}
@media (min-width:900px){.ad--desktop{display:block}.ad--mobile{display:none}}

/* Motion and print */
@media (prefers-reduced-motion:reduce){
.ticker__track{animation:none}
.ticker__list[aria-hidden],.ticker__btn{display:none}
.ticker__vp{overflow-x:auto}
*{transition:none!important;scroll-behavior:auto!important}
}
@media print{
.skip,.hdr__tools,.nav,.ticker,.tray,.so,.menu,.cookie,.ad,.cmpt,.cmpb,.fnd__panel,.fnd__float,.page-rail,.toc-m,.ftr__brand,.ftr__cols,.giant,.picks,.cmp__opts,.cmp__rm,.cmp__how,.sform,.faq__ic,.btn .i{display:none!important}
body{font-size:12pt}
.qa,.btn,.ftr{background:none!important;color:var(--jet)!important}
.qa{border:var(--r2)}
.qa *,.prose--inv,.prose--inv a{color:var(--jet)!important}
.btn{border-color:var(--jet)!important;min-height:0;padding:6px 12px}
.ftr{padding:20px 0 0;border-top:var(--r2)}
.ftr *{color:var(--mid)!important}
.key--b{color:var(--jet)}
.mt__r,.card,.award,.faq__i,.rc__i,.trio,.bars__row,.tbl tr,figure{break-inside:avoid}
.h2,.h3,.kicker{break-after:avoid}
}
.pc__v{max-width:46.8em;margin:0 0 24px;font-size:1.125rem;line-height:1.55}
.pc__v .kicker{display:block;margin-bottom:6px}