:root{--ink:#16251f;--muted:#66716b;--paper:#f4f2ec;--card:#fbfaf6;--line:#d9ddd7;--green:#cce94b;--deep:#173f34;--white:#fff;--font-head:"Manrope",sans-serif;--font-body:"DM Sans",sans-serif}.brand{height:100%;gap:0}.brand img{display:block;width:180px;height:auto;max-height:66px}@media(max-width:560px){.brand img{width:136px;max-height:54px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,select,input{font:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.7rem 1rem;border-radius:.5rem}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 32px;border-bottom:1px solid rgba(22,37,31,.12)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:600;font-size:17px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--green);font-weight:800}.brand-mark.small{display:inline-grid;width:26px;height:26px;font-size:12px;margin-right:7px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.site-header nav a{transition:opacity .2s}.site-header nav a:hover{opacity:.6}.nav-favorite{border-left:1px solid var(--line);padding-left:30px}.nav-favorite span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;background:var(--green);border-radius:20px;font-size:12px}.hero{max-width:1280px;margin:0 auto;padding:74px 32px 88px;display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center;min-height:680px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;display:flex;gap:10px;align-items:center}.eyebrow>span{display:block;width:28px;height:2px;background:var(--green)}h1,h2,h3{font-family:var(--font-head);line-height:1.05;margin:0}.hero h1{font-size:clamp(48px,6vw,82px);letter-spacing:-.055em;max-width:760px;margin:24px 0}.hero-intro{font-size:19px;color:var(--muted);max-width:620px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:16px 20px;border-radius:6px;font-weight:700;font-size:14px}.button.primary{background:var(--ink);color:#fff}.button.primary span{color:var(--green);font-size:18px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid var(--ink);padding:9px 0}.hero-stats{display:flex;gap:44px;margin:52px 0 0}.hero-stats div{padding-right:38px;border-right:1px solid var(--line)}.hero-stats div:last-child{border:0}.hero-stats dt{font-family:var(--font-head);font-size:24px;font-weight:800}.hero-stats dd{font-size:12px;color:var(--muted);margin:2px 0}.hero-visual{height:500px;background:var(--deep);border-radius:4px;position:relative;overflow:hidden}.hero-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 18%,rgba(204,233,75,.2),transparent 25%),linear-gradient(150deg,transparent 50%,rgba(255,255,255,4%))}.sun-orbit{position:absolute;width:370px;height:370px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-80px;top:-60px}.sun-orbit:after{content:"";position:absolute;width:12px;height:12px;background:var(--green);border-radius:50%;left:32px;top:70px}.range-badge{position:absolute;z-index:2;top:38px;left:38px;color:#fff}.range-badge strong{font-family:var(--font-head);font-size:54px;line-height:1}.range-badge span{display:block;color:#b8c6c0;font-size:12px}.car-art{position:absolute;z-index:2;width:76%;height:135px;left:12%;top:48%;background:linear-gradient(155deg,#d5e5de,#6e8b7f);border-radius:58% 25% 14% 16%/60% 55% 20% 24%;transform:skewX(-5deg);box-shadow:0 35px 70px rgba(0,0,0,.35)}.car-art:before{content:"";position:absolute;width:53%;height:68px;left:22%;top:-50px;background:#9bb3aa;clip-path:polygon(22% 0,73% 0,100% 100%,0 100%);border-radius:50% 45% 0 0}.car-window{position:absolute;width:42%;height:50px;left:29%;top:-41px;background:#263c35;clip-path:polygon(18% 0,72% 0,100% 100%,0 100%)}.wheel{position:absolute;width:62px;height:62px;border:9px solid #111a17;background:#9aae9f;border-radius:50%;bottom:-30px}.wheel-one{left:14%}.wheel-two{right:12%}.car-light{position:absolute;right:2%;top:34%;width:8px;height:28px;background:var(--green);border-radius:5px;box-shadow:0 0 18px var(--green)}.charge-pill{position:absolute;z-index:3;bottom:30px;right:28px;background:#fff;padding:12px 17px;border-radius:30px;font-size:12px;font-weight:700}.charge-pill span{color:#5a7600;font-size:16px;margin-right:5px}.finder{background:#e8eae5;padding:96px max(32px,calc((100vw - 1216px)/2))}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading h2,.comparison h2,.how-it-works h2{font-size:clamp(36px,4.2vw,58px);letter-spacing:-.045em;margin-top:17px}.section-heading>p{max-width:440px;color:var(--muted);margin:0}.filter-bar{display:grid;grid-template-columns:repeat(3,1fr)auto;gap:1px;background:#cbd0c9;border:1px solid #cbd0c9;margin:48px 0 26px}.filter-bar label{background:var(--card);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:12px 16px}.filter-bar select{display:block;width:100%;border:0;background:0 0;color:var(--ink);font-size:15px;font-weight:600;margin-top:3px;outline:0}.filter-reset{border:0;background:var(--ink);color:#fff;padding:0 22px;font-size:12px;font-weight:700;cursor:pointer}.result-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:20px}.result-meta p{margin:0}.result-meta strong{color:var(--ink);font-size:16px}.car-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.car-card{--accent:#cce94b;background:var(--card);padding:22px;min-width:0;transition:transform .2s,box-shadow .2s}.car-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(22,37,31,8%)}.car-card.accent-violet,.detail-page.accent-violet{--accent:#a6a0df}.car-card.accent-mint,.detail-page.accent-mint{--accent:#88d0b2}.car-card.accent-yellow,.detail-page.accent-yellow{--accent:#e3dc35}.car-card.accent-blue,.detail-page.accent-blue{--accent:#84bed3}.card-topline{display:flex;justify-content:space-between}.type-pill{background:#eceee9;border-radius:20px;padding:5px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.save-button{border:0;background:0 0;font-size:27px;line-height:1;cursor:pointer;color:var(--ink)}.save-button.saved{color:#c44}.mini-car{height:130px;position:relative;margin:8px 10% 4px}.mini-car:before{content:"";position:absolute;width:74%;height:54px;left:13%;top:46px;background:var(--accent);border-radius:55% 28% 16% 18%/65% 55% 25% 25%;box-shadow:0 16px 20px rgba(0,0,0,9%)}.mini-car>span{position:absolute;width:43%;height:34px;left:29%;top:20px;background:#4a5a54;clip-path:polygon(20% 0,72% 0,100% 100%,0 100%)}.mini-car i,.mini-car b{position:absolute;width:30px;height:30px;border:7px solid #1a2320;border-radius:50%;background:#aeb7b1;top:79px;z-index:2}.mini-car i{left:23%}.mini-car b{right:22%}.car-name p{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 3px}.car-name h3{font-size:25px;letter-spacing:-.03em}.car-name>span{font-size:13px;color:var(--muted)}.key-spec{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.key-spec>div{padding:15px 0}.key-spec>div+div{padding-left:18px;border-left:1px solid var(--line)}.key-spec small{display:block;color:var(--muted);font-size:11px}.key-spec strong{font-family:var(--font-head);font-size:22px}.key-spec strong span{font-size:12px}.spec-row{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.spec-row div{min-width:0}.spec-row dt{color:var(--muted);font-size:10px}.spec-row dd{margin:2px 0;font-weight:700;font-size:13px}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;background:#f0f1ed;padding:11px 13px;font-size:12px;font-weight:700}.compare-check{display:flex;align-items:center;gap:8px;cursor:pointer}.compare-check input{position:absolute;opacity:0}.compare-check span{width:17px;height:17px;border:1px solid #9aa49e;display:grid;place-items:center}.compare-check input:checked+span{background:var(--ink);border-color:var(--ink)}.compare-check input:checked+span:after{content:"✓";font-size:11px;color:#fff}.card-actions a span{color:#547000;font-size:16px}.empty-state{text-align:center;padding:70px;background:var(--card)}.comparison{background:var(--deep);color:#fff;padding:95px max(32px,calc((100vw - 1216px)/2))}.comparison-intro{max-width:680px}.comparison-intro>p:last-child{color:#b7c4bf;max-width:560px}.eyebrow.light>span{background:var(--green)}.compare-empty{margin-top:42px;border:1px dashed rgba(255,255,255,.3);min-height:150px;display:grid;place-items:center;text-align:center;color:#b7c4bf}.compare-empty span{font-size:28px;color:var(--green);margin-bottom:-45px}.compare-table-wrap{overflow-x:auto;margin-top:42px}.compare-table{width:100%;border-collapse:collapse;min-width:620px}.compare-table th,.compare-table td{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.14);text-align:left}.compare-table thead th{background:rgba(255,255,255,6%);font-family:var(--font-head);font-size:19px}.compare-table thead th:first-child{background:0 0}.compare-table tbody th{color:#b7c4bf;font-size:12px;font-weight:500}.compare-table td{font-weight:700}.how-it-works{padding:95px max(32px,calc((100vw - 1216px)/2))}.how-it-works ol{list-style:none;padding:0;margin:48px 0 0;border-top:1px solid var(--line)}.how-it-works li{display:grid;grid-template-columns:90px 1fr;gap:30px;border-bottom:1px solid var(--line);padding:28px 0}.how-it-works li>span{font-family:var(--font-head);font-size:14px;color:#6d7b74}.how-it-works h3{font-size:22px}.how-it-works li p{color:var(--muted);margin:7px 0 0;max-width:600px}.site-footer{max-width:1280px;margin:auto;padding:45px 32px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-top:1px solid var(--line);font-size:13px}.site-footer>div{font-family:var(--font-head);font-weight:700}.fineprint{grid-column:2;color:var(--muted);font-size:11px}.page-hero{max-width:1e3px;margin:auto;padding:110px 32px 180px}.page-hero h1{font-size:70px;letter-spacing:-.05em;margin:20px 0}.page-hero>p:not(.eyebrow){color:var(--muted);font-size:20px;max-width:580px}.page-hero .button{margin-top:25px}.detail-page{max-width:1216px;margin:0 auto;padding:50px 32px 100px}.back-link{font-size:13px;font-weight:700}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin:70px 0}.detail-hero h1{font-size:clamp(48px,6vw,78px);letter-spacing:-.055em;margin:20px 0 6px}.detail-subtitle{font-size:20px;color:var(--muted)}.detail-lead{font-size:18px;color:var(--muted);max-width:600px;margin:28px 0}.detail-car{background:var(--deep);min-height:340px;padding:70px 30px 20px;color:#fff}.detail-car .mini-car{transform:scale(1.18)}.detail-car>p{text-align:center;font-family:var(--font-head);font-size:36px;font-weight:800}.detail-car>p span{display:block;font-family:var(--font-body);font-size:11px;font-weight:500;color:#b7c4bf}.detail-specs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.detail-specs div{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-specs span{display:block;font-size:11px;color:var(--muted)}.detail-specs strong{font-family:var(--font-head);font-size:17px}.detail-content{max-width:760px;margin:70px auto;font-size:18px}.detail-content h2{font-size:31px;margin:46px 0 12px}.detail-content p{color:#4f5e57}.data-note{max-width:760px;margin:auto;background:#e6e9e2;border-left:4px solid var(--accent);padding:24px}.data-note p{color:var(--muted);margin:5px 0 0}.hidden-card{display:none}@media(max-width:850px){.site-header nav a:not(.nav-favorite){display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:400px}.section-heading{align-items:start;flex-direction:column}.filter-bar{grid-template-columns:1fr 1fr}.filter-reset{min-height:58px}.car-grid{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr}.detail-specs{grid-template-columns:1fr 1fr}}@media(max-width:560px){.site-header{height:70px;padding:0 18px}.brand{font-size:14px}.nav-favorite{padding-left:14px}.site-header nav{gap:10px}.hero{padding:45px 18px 65px}.hero h1{font-size:46px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-stats{gap:18px}.hero-stats div{padding-right:16px}.hero-visual{height:325px}.range-badge strong{font-size:42px}.car-art{top:52%;height:100px}.car-art:before{height:52px;top:-39px}.wheel{width:48px;height:48px;bottom:-23px}.finder,.comparison,.how-it-works{padding:68px 18px}.section-heading h2,.comparison h2,.how-it-works h2{font-size:38px}.filter-bar{grid-template-columns:1fr}.car-card{padding:18px}.spec-row dd{font-size:11px}.site-footer{padding:35px 18px;grid-template-columns:1fr}.site-footer p,.fineprint{grid-column:1}.detail-page{padding:35px 18px 70px}.detail-hero{margin-top:45px}.detail-car{min-height:280px}.detail-specs{grid-template-columns:1fr 1fr}.detail-specs div{padding:16px}.page-hero{padding:80px 18px 120px}.page-hero h1{font-size:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.car-card{transition:none}}.hero-visual{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 45px rgba(22,37,31,.16)}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.hero-visual:after,.sun-orbit{display:none}.range-badge,.charge-pill{z-index:2}.range-badge{padding:10px 12px;background:rgba(17,39,32,.85);backdrop-filter:blur(8px);border-radius:4px}.charge-pill{z-index:3}.requirements{max-width:1216px;margin:0 auto;padding:0 32px 96px;display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}.requirements h2{font-size:clamp(36px,4.2vw,58px);letter-spacing:-.045em;margin-top:17px}.requirements ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.requirements li{position:relative;padding:15px 0 15px 30px;border-bottom:1px solid var(--line);font-size:17px;font-weight:600}.requirements li:before{content:"✓";position:absolute;left:0;top:15px;color:#547000;font-weight:700}@media(max-width:850px){.requirements{grid-template-columns:1fr;gap:34px;padding:0 32px 72px}}@media(max-width:560px){.requirements{padding:0 18px 62px}.requirements li{font-size:15px}}.length-page{min-height:calc(100vh - 84px);padding:70px 0 58px;overflow:hidden}.length-intro{max-width:1216px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.length-intro h1{max-width:800px;margin-top:20px;font-size:clamp(46px,6vw,78px);letter-spacing:-.055em}.length-intro>p{max-width:440px;margin:0 0 8px;color:var(--muted);font-size:18px}.length-toolbar{max-width:1216px;margin:38px auto 18px;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.length-toolbar p{margin:0;color:var(--muted);font-size:13px}.length-toolbar p span{color:var(--ink);font-family:var(--font-head);font-size:20px;font-weight:800}.length-toolbar>div{display:flex;gap:8px}.length-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--ink);border-radius:50%;background:0 0;color:var(--ink);font-size:20px;cursor:pointer;transition:background .2s,color .2s}.length-arrow:hover:not(:disabled),.length-arrow:focus-visible{background:var(--ink);color:#fff}.length-arrow:disabled{border-color:var(--line);color:#a8afa9;cursor:default}.length-scroller{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(32px,calc((100vw - 1216px)/2));padding:8px max(32px,calc((100vw - 1216px)/2))25px;outline:none;scrollbar-width:thin;scrollbar-color:var(--ink)transparent}.length-scroller:focus-visible{box-shadow:inset 0 0 0 2px var(--green)}.length-slide{position:relative;flex:0 0 min(88vw,1050px);height:430px;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:center;border:1px solid var(--line);background:var(--card);padding:45px 34px 28px}.length-slide:first-child{scroll-snap-align:start}.length-rank{position:absolute;top:22px;left:24px;color:#bbc0bb;font-family:var(--font-head);font-size:14px;font-weight:700}.length-car{position:relative;width:var(--car-width);max-width:100%;margin:auto}.length-outline{display:block;width:100%;height:auto;overflow:visible}.length-outline path,.length-outline circle{stroke:#000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.length-outline path{fill:none}.length-outline circle{fill:var(--card)}.length-label{position:absolute;left:18%;right:18%;top:49%;transform:translateY(-50%);text-align:center}.length-label h2{font-size:clamp(17px,2.1vw,28px);line-height:1.15;letter-spacing:-.035em}.length-label p{margin:7px 0 0;font-family:var(--font-head);font-size:clamp(14px,1.5vw,20px);font-weight:600}.length-measure{position:relative;width:var(--measure-width);height:25px;margin:2px auto 0;border-left:1px solid #000;border-right:1px solid #000}.length-measure:before{content:"";position:absolute;top:0;left:0;right:0;border-top:1px solid #000}.length-measure span:before,.length-measure span:after{content:"";position:absolute;top:-3px;width:7px;height:7px;border-top:1px solid #000}.length-measure span:before{left:0;transform:rotate(-45deg)}.length-measure span:after{right:0;transform:rotate(45deg)}.length-hint{margin:14px 32px 0;text-align:center;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}@media(max-width:850px){.length-intro{grid-template-columns:1fr;gap:22px}.length-slide{height:390px;flex-basis:88vw}}@media(max-width:560px){.length-page{padding-top:45px}.length-intro,.length-toolbar{padding-left:18px;padding-right:18px}.length-intro h1{font-size:43px}.length-intro>p{font-size:16px}.length-toolbar{margin-top:28px}.length-scroller{gap:12px;padding-left:18px;padding-right:18px;scroll-padding-inline:18px}.length-slide{height:330px;flex-basis:91vw;padding:42px 14px 20px}.length-label{left:12%;right:12%;top:50%}.length-label h2{font-size:16px}.length-label p{font-size:14px}.length-hint{margin-left:18px;margin-right:18px}}.length-page{min-height:calc(100vh - 84px);padding:70px 0 58px;overflow:hidden}.length-intro{max-width:1216px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.length-intro h1{max-width:800px;margin-top:20px;font-size:clamp(46px,6vw,78px);letter-spacing:-.055em}.length-intro>p{max-width:440px;margin:0 0 8px;color:var(--muted);font-size:18px}.length-toolbar{max-width:1216px;margin:38px auto 18px;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.length-toolbar p{margin:0;color:var(--muted);font-size:13px}.length-toolbar p span{color:var(--ink);font-family:var(--font-head);font-size:20px;font-weight:800}.length-toolbar>div{display:flex;gap:8px}.length-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--ink);border-radius:50%;background:0 0;color:var(--ink);font-size:20px;cursor:pointer;transition:background .2s,color .2s}.length-arrow:hover:not(:disabled),.length-arrow:focus-visible{background:var(--ink);color:#fff}.length-arrow:disabled{border-color:var(--line);color:#a8afa9;cursor:default}.length-scroller{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(32px,calc((100vw - 1216px)/2));padding:8px max(32px,calc((100vw - 1216px)/2))25px;outline:none;scrollbar-width:thin;scrollbar-color:var(--ink)transparent}.length-scroller:focus-visible{box-shadow:inset 0 0 0 2px var(--green)}.length-slide{position:relative;flex:0 0 min(88vw,1050px);height:430px;display:flex;flex-direction:column;justify-content:flex-start;scroll-snap-align:center;border:1px solid var(--line);background:var(--card);padding:44px 34px 30px}.length-slide:first-child{scroll-snap-align:start}.length-rank{position:absolute;top:22px;left:24px;color:#bbc0bb;font-family:var(--font-head);font-size:14px;font-weight:700}.length-label{text-align:center;min-height:78px;padding:0 34px}.length-label h2{font-size:clamp(17px,2.1vw,28px);line-height:1.15;letter-spacing:-.035em}.length-label p{margin:7px 0 0;font-family:var(--font-head);font-size:clamp(14px,1.5vw,20px);font-weight:600}.length-car{width:var(--car-width);max-width:100%;margin:18px auto 0}.length-outline{display:block;width:100%;height:230px;object-fit:contain}.length-hint{margin:14px 32px 0;text-align:center;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}@media(max-width:850px){.length-intro{grid-template-columns:1fr;gap:22px}.length-slide{height:390px;flex-basis:88vw}.length-outline{height:200px}}@media(max-width:560px){.length-page{padding-top:45px}.length-intro,.length-toolbar{padding-left:18px;padding-right:18px}.length-intro h1{font-size:43px}.length-intro>p{font-size:16px}.length-toolbar{margin-top:28px}.length-scroller{gap:12px;padding-left:18px;padding-right:18px;scroll-padding-inline:18px}.length-slide{height:330px;flex-basis:91vw;padding:42px 14px 18px}.length-label{min-height:66px;padding:0 26px}.length-label h2{font-size:16px}.length-label p{font-size:14px}.length-car{margin-top:10px}.length-outline{height:170px}.length-hint{margin-left:18px;margin-right:18px}}.spec-row{grid-template-columns:repeat(4,1fr)}.vote-button{width:100%;display:flex;align-items:center;gap:7px;margin-top:9px;padding:10px 13px;border:1px solid var(--line);background:0 0;color:var(--ink);font-size:12px;font-weight:700;cursor:pointer;text-align:left}.vote-button:hover,.vote-button.voted{border-color:#9bbd25;background:#f1f7da}.vote-button.voted{color:#496300}.vote-button .vote-count{margin-left:auto;display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#e7eae4;color:var(--ink);font-size:11px}.vote-button.voted .vote-count{background:var(--green)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 34px}.gallery-photo{aspect-ratio:3/4;background-repeat:no-repeat;background-size:300% 100%;background-color:#e9e6e1;border-radius:8px}.gallery-left{background-position:0}.gallery-center{background-position:50%}.gallery-right{background-position:100%}.detail-vote{width:auto;margin:26px 0 0;padding:12px 15px}.detail-vote .vote-count{margin-left:7px}@media(max-width:850px){.spec-row{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.spec-row{grid-template-columns:repeat(2,1fr);gap:8px}.gallery{gap:6px}.gallery-photo{border-radius:5px}.detail-vote{width:100%}}.test-reports{max-width:960px;margin:90px auto 70px;padding-top:34px;border-top:1px solid var(--line)}.test-reports-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:35px}.test-reports-heading h2{margin-top:14px;font-size:clamp(34px,4vw,52px);letter-spacing:-.045em}.test-reports-heading>p{margin:0;color:var(--muted);font-size:16px;max-width:430px}.test-report-list{border-top:1px solid var(--ink)}.test-report{display:grid;grid-template-columns:140px minmax(0,1fr)48px;gap:28px;align-items:start;padding:27px 0;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.test-report:hover{padding-left:18px;padding-right:18px;background:var(--card)}.test-report:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.test-report-source{justify-self:start;margin-top:2px;padding:5px 10px;border-radius:999px;background:var(--ink);color:var(--white);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.test-report-copy{display:block;min-width:0}.test-report-copy>strong{display:block;font-family:var(--font-head);font-size:23px;line-height:1.2;letter-spacing:-.025em}.test-report-summary{display:block;margin-top:8px;color:var(--muted);font-size:15px}.test-report-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;color:var(--muted);font-size:13px}.test-report-meta>span+span{position:relative}.test-report-meta>span+span:before{content:"·";position:absolute;left:-11px;color:#a6aea8}.test-report-rating{color:var(--ink);font-weight:700}.test-report-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;font-size:21px;transition:background .2s,color .2s,transform .2s}.test-report:hover .test-report-arrow{background:var(--ink);color:var(--accent);transform:translate(2px,-2px)}.test-reports-note{margin:14px 0 0;color:var(--muted);font-size:12px}@media(max-width:700px){.test-reports{margin-top:70px}.test-reports-heading{grid-template-columns:1fr;gap:18px}.test-report{grid-template-columns:1fr 44px;gap:15px;padding:23px 0}.test-report:hover{padding-left:12px;padding-right:12px}.test-report-source{grid-column:1}.test-report-copy{grid-column:1}.test-report-arrow{grid-column:2;grid-row:1/3;align-self:center}}@media(max-width:560px){.test-reports{margin-bottom:55px;padding-top:27px}.test-reports-heading h2{font-size:35px}.test-report-copy>strong{font-size:20px}.test-report-summary{font-size:14px}}