@layer reset,base,components,utilities;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}table{border-collapse:collapse;width:100%}}
@layer base{
:root{--ink:#183d39;--muted:#526a62;--paper:#faf8f1;--white:#fff;--line:#dce3d9;--tint:#edf1e7;--lime:#dcf899;--accent:#245e49;--danger:#9c342b;--radius:20px;--shadow:0 10px 35px #173f3910;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.65}
body{min-width:320px}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button{cursor:pointer}h1,h2,h3{line-height:1.13;text-wrap:balance}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5.4vw,4.8rem);max-width:1000px}h2{font-size:clamp(1.8rem,3vw,2.7rem)}h3{font-size:1.18rem;letter-spacing:-.015em}p{margin-block:1em}small{font-size:.82rem}:focus-visible{outline:3px solid #bc701b;outline-offset:4px}input,select,textarea{background:#fff;color:var(--ink);border:1px solid #b6c8bd;border-radius:9px;padding:.72rem .85rem;max-width:100%;min-height:46px}input[type=checkbox]{min-height:20px;accent-color:var(--accent)}textarea{width:100%;min-height:170px}label{font-size:.9rem;font-weight:600}label>input,label>select,label>textarea{display:block;width:100%;margin-top:.3rem}th{text-align:left;font-size:.83rem;line-height:1.35}td,th{padding:1rem;border-bottom:1px solid var(--line);vertical-align:top}ul,ol{padding-left:1.3rem}li{margin:.4rem 0}hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
}
@layer components{
.wrap{max-width:1220px;margin:auto;padding-inline:28px}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:30px;min-height:94px}.wordmark{font-size:1.62rem;letter-spacing:-.07em;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:9px;color:var(--ink);white-space:nowrap}.wordmark img{width:34px;height:34px;border-radius:9px}.site-nav{display:flex;align-items:center;gap:22px;flex:1;justify-content:center}.site-nav a{font-size:.88rem;text-decoration:none;color:var(--ink);font-weight:600}.site-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.locale-select{width:91px;font-size:.8rem;background:transparent;border-color:var(--line)}.skip{position:absolute;top:-100px;left:15px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}.site-main{min-height:60vh;padding-block:46px 80px}.breadcrumbs{font-size:.8rem;color:var(--muted);margin-bottom:24px;display:flex;gap:10px;flex-wrap:wrap}.breadcrumbs a{color:inherit}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:20px}.eyebrow::before{content:'';width:7px;height:7px;background:var(--accent);border-radius:50%}.intro{max-width:780px;font-size:1.13rem;color:var(--muted);margin:1.2rem 0 2rem}.hero{padding-block:36px 46px;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.85fr);gap:65px;align-items:center}.hero h1{font-size:clamp(2.9rem,5vw,4.65rem)}.hero .intro{max-width:630px}.hero-visual{border-radius:30px;background:var(--ink);color:#fff;padding:32px;transform:rotate(2deg);box-shadow:var(--shadow)}.hero-visual .eyebrow{color:#dceccf}.hero-visual .eyebrow::before{background:var(--lime)}.hero-visual h3{font-size:1.7rem;font-family:Georgia,serif;font-weight:400}.hero-metric{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff24;padding-block:20px;align-items:center}.hero-metric:first-of-type{margin-top:25px}.hero-metric strong{font-size:1.8rem;color:var(--lime);font-weight:500;white-space:nowrap}.hero-visual small{color:#c8d8cc}.search-form{display:flex;gap:10px;max-width:760px;align-items:center}.search-form input{flex:1;min-width:0;padding:1rem 1.1rem;background:#fff;border-color:#b6c8bd}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:.8rem 1.2rem;min-height:47px;border:1px solid var(--ink);border-radius:10px;background:var(--ink);color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;line-height:1.3}.btn:hover{background:#285749;text-decoration:none}.btn.secondary{background:transparent;color:var(--ink);border-color:#b8c9bc}.btn.secondary:hover{background:var(--tint)}.btn.small{font-size:.8rem;padding:.55rem .85rem;min-height:40px}.btn.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-block:20px}.section{margin-top:65px}.section-header{display:flex;align-items:end;gap:25px;justify-content:space-between;margin-bottom:25px}.section-header p{margin:0;color:var(--muted);max-width:470px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);background:#fff;padding:27px;border-radius:var(--radius);box-shadow:0 5px 15px #173f3904}.card p{color:var(--muted);font-size:.94rem}.card .tag{margin-bottom:18px}.card-link{display:block;text-decoration:none;color:var(--ink);height:100%;transition:transform .15s,border-color .15s}.card-link:hover{transform:translateY(-3px);border-color:#799983;text-decoration:none}.card-link h3{line-height:1.4}.tag{display:inline-block;background:var(--tint);border-radius:30px;padding:4px 10px;font-size:.71rem;font-weight:700;letter-spacing:.01em}.tag.green{background:var(--lime)}.tag.warning{background:#f8e9ce;color:#694610}.card-arrow{margin-top:25px;font-size:1.4rem}.prose{max-width:820px;margin:0 auto;font-size:1.035rem}.prose.wide{max-width:none}.prose h1{margin-bottom:25px}.prose h2{margin-top:2.2rem;margin-bottom:1.15rem;font-size:2rem}.prose h3{margin-top:1.8rem;margin-bottom:.7rem}.prose>p:first-of-type{font-size:1.13rem;color:var(--muted)}.prose .dynamic{margin:2.6rem 0}.prose blockquote{border-left:3px solid var(--accent);padding-left:20px;margin-inline:0;color:var(--muted)}.prose table{font-size:.9rem}.muted{color:var(--muted)}.note{border:1px solid var(--line);border-radius:12px;background:var(--tint);padding:18px 22px;font-size:.88rem;margin-block:20px}.note p:first-child{margin-top:0}.note p:last-child{margin-bottom:0}.freshness{font-size:.76rem;color:var(--muted);margin-block:18px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.table-wrap table{min-width:650px}.table-wrap th{background:#eff3eb}.table-wrap tr:last-child td{border-bottom:0}.product-cell{min-width:230px;display:flex;gap:14px;align-items:center}.product-cell img{width:56px;height:68px;object-fit:contain;flex-shrink:0;border-radius:8px}.product-cell a{font-size:.95rem;font-weight:700;text-decoration:none}.product-cell small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.metric-value{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.energy-pill{border-radius:5px;background:#e2efd6;color:#274328;display:inline-grid;place-items:center;min-width:36px;padding:3px 10px;font-weight:700}.finder-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:25px;margin-top:28px}.filter-panel{background:#fff;border:1px solid var(--line);padding:21px;border-radius:15px;align-self:start}.filter-panel summary{cursor:pointer;font-weight:700;font-size:.93rem}.filter-panel details{border-bottom:1px solid var(--line);padding:15px 0}.filter-panel label{display:block;margin-block:13px;font-size:.78rem}.filter-panel input,.filter-panel select{font-size:.86rem}.filter-panel .button-row{margin-bottom:0}.results-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:0 0 18px}.results-header h2{font:600 1.15rem Arial,sans-serif;letter-spacing:0}.results-header label{display:flex;align-items:center;gap:10px}.results-header select{max-width:190px;margin:0;font-size:.82rem}.result-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:22px}.product-card-top{display:flex;align-items:center;gap:18px;margin-bottom:20px}.product-card img{width:86px;height:107px;object-fit:contain;border-radius:12px}.product-card h3{font-size:1.05rem;line-height:1.4}.product-card h3 a{text-decoration:none;color:var(--ink)}.product-card .model-id{font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-metric{border-top:1px solid var(--line);padding-top:9px}.mini-metric span{display:block;font-size:.7rem;color:var(--muted);line-height:1.3}.mini-metric strong{font-size:1.05rem;font-weight:600}.product-card .button-row{margin-bottom:0;gap:8px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:28px;gap:20px}.model-hero{display:grid;grid-template-columns:220px minmax(0,1fr);gap:45px;align-items:center;margin-block:30px}.model-hero img{width:220px;height:255px;object-fit:contain;background:#fff;border-radius:22px}.model-hero h1{font-size:clamp(2.25rem,4vw,3.5rem)}.model-hero .intro{margin-bottom:0}.metric-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-block:32px}.metric-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:22px}.metric-card dt{font-size:.82rem;color:var(--muted);line-height:1.4;min-height:40px}.metric-card dd{margin:12px 0 0;font-size:1.9rem;font-weight:500;letter-spacing:-.045em}.metric-card small{display:block;font-size:.7rem;letter-spacing:0;font-weight:400;margin-top:5px}.model-details{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:40px}.details-list{margin:20px 0}.details-list>div{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:13px 0;border-bottom:1px solid var(--line)}.details-list dt{color:var(--muted);font-size:.9rem}.details-list dd{margin:0;font-weight:600;font-size:.92rem;overflow-wrap:anywhere}.compare-table{table-layout:fixed;min-width:700px}.compare-table th:first-child{width:190px;position:sticky;left:0;z-index:1;background:#edf1e7}.compare-table td.leader{background:#eff8da}.compare-table .product-cell{display:block;min-width:140px}.compare-table .product-cell img{margin-bottom:12px;width:70px;height:88px}.compare-table thead th{position:sticky;top:0;z-index:2}.compare-container{max-height:80vh;overflow:auto}.compare-tray{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:10;width:min(850px,calc(100% - 28px));background:var(--ink);color:white;border-radius:15px;box-shadow:0 5px 35px #173f3940;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.compare-tray[hidden]{display:none}.compare-tray p{margin:0;font-size:.86rem}.compare-tray button{background:none;border:0;color:white;font-size:1.3rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;margin:15px 0}.contact-form .honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.site-footer{background:#e9eee2;border-top:1px solid #d8e1d1;padding:48px 0 30px}.footer-top{display:grid;grid-template-columns:1.25fr 2fr;gap:65px}.footer-top p{max-width:330px;color:var(--muted);font-size:.88rem}.footer-links{display:flex;flex-wrap:wrap;gap:16px 25px;align-content:start;padding-top:10px}.footer-links a{font-size:.84rem;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:var(--muted);padding-top:28px;margin-top:30px;border-top:1px solid #ccd9c7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}
@layer utilities{
@media(max-width:1000px){.header-inner{gap:20px;flex-wrap:wrap;padding-block:20px}.site-nav{order:3;flex-basis:100%;justify-content:space-between;gap:15px;overflow-x:auto;padding-bottom:4px}.locale-box{margin-left:auto}.hero-grid{gap:30px}.finder-layout{grid-template-columns:240px minmax(0,1fr)}.result-cards{grid-template-columns:1fr}.metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wrap{padding-inline:18px}.site-main{padding-top:28px}.hero{padding-top:15px}.hero-grid{display:block}.hero-visual{transform:none;margin-top:30px;padding:25px}.hero h1{font-size:2.9rem}.hero-visual h3{font-size:1.5rem}.hero-metric{padding-block:12px}.hero-metric strong{font-size:1.5rem}.search-form{gap:7px}.search-form .btn{padding:.85rem}.search-form input{padding:1rem .7rem;font-size:.9rem}.section{margin-top:40px}.section-header{display:block}.section-header p{margin-top:15px}.cards{grid-template-columns:1fr}.card{padding:24px}.finder-layout{display:block}.filter-panel{margin-bottom:25px}.result-cards{grid-template-columns:1fr}.model-hero{grid-template-columns:90px minmax(0,1fr);gap:17px}.model-hero img{width:90px;height:124px;border-radius:12px}.model-hero h1{font-size:2.1rem}.model-hero .intro{font-size:.9rem}.metric-card{padding:15px}.metric-card dd{font-size:1.55rem}.model-details{display:block}.model-details aside{margin-top:35px}.footer-top{display:block}.footer-links{margin-top:25px}.footer-bottom{flex-direction:column;gap:5px}.form-grid{grid-template-columns:1fr;gap:0}.table-wrap td,.table-wrap th{padding:.8rem}.compare-tray{padding:12px;gap:9px}.compare-tray p{font-size:.73rem}.compare-tray .btn{font-size:.76rem}.prose h1{font-size:2.55rem}.compare-table th:first-child{width:155px}.site-nav a{font-size:.81rem;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.site-header,.site-footer,.compare-tray,.button-row,.filter-panel{display:none}.site-main{padding:0}.wrap{max-width:none}.table-wrap,.compare-container{overflow:visible;max-height:none}.prose{max-width:none}a{color:inherit}}
}

.locale-select{width:145px}.compare-selection{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.compare-selection li{display:flex;gap:6px;align-items:center}.compare-selection button{border:1px solid #6a918e;border-radius:50%;width:25px;height:25px;background:transparent;color:inherit;cursor:pointer}.hero .search-form{margin-top:26px}.hero .search-form input{min-width:0}.hero .search-form{flex-wrap:wrap}.hero .search-form .btn{white-space:normal}
body:has(.compare-tray:not([hidden])){padding-bottom:calc(var(--compare-tray-height,180px) + 32px)}

.ranking-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.ranking-filters label{display:grid;gap:6px;font-size:14px;font-weight:600}.ranking-filters select{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:white}.ranking-filters .button-row{grid-column:1/-1}@media(max-width:680px){.ranking-filters{grid-template-columns:1fr 1fr}}

.status-toast{position:fixed;z-index:60;right:1rem;bottom:calc(var(--compare-tray-height, 0px) + 1.5rem);max-width:min(32rem,calc(100vw - 2rem));padding:1rem 1.25rem;background:#143d3b;color:#fff;border:1px solid #d6ff7f;border-radius:12px;box-shadow:0 8px 32px #143d3b33;font-size:1rem;line-height:1.5}.status-toast[hidden]{display:none}
.compare-tray{width:min(850px,calc(100vw - 28px));min-width:0}.compare-selection{min-width:0;flex:1}.compare-selection li{min-width:0;max-width:100%}.compare-selection li span{min-width:0;overflow-wrap:anywhere}.compare-selection li button{flex-shrink:0}.compare-tray>.btn{flex-shrink:0}@media(max-width:700px){.compare-tray{display:grid;grid-template-columns:minmax(0,1fr) auto}.compare-selection{grid-column:1/-1;display:grid;gap:4px;font-size:.8rem}.compare-selection li{justify-content:space-between}.compare-tray>.btn{justify-self:start}.compare-tray>[data-compare-clear]{justify-self:end}}
/* Keep visually hidden table headings inside the horizontally scrolling region. */
.table-wrap{position:relative}
/* The unlayered responsive grid must still honor the tray's hidden state. */
.compare-tray[hidden]{display:none}
@media(max-width:700px){.search-form{flex-direction:column;align-items:stretch}.search-form input,.search-form .btn{width:100%}}

@media(max-width:1000px){.site-nav{flex-wrap:wrap;justify-content:flex-start;overflow:visible;gap:8px 18px}.site-nav a{display:inline-flex;align-items:center;min-height:44px}}
#similar-models{scroll-margin-top:24px}.source-link{font-size:.85rem}
/* Preserve readable compound words without allowing long localized text to overflow. */
.prose,.model-hero,.breadcrumbs{overflow-wrap:anywhere;hyphens:auto}