.cmp{--a:#1d5b45;--a-tint:#e6efe9;--b:#8b4b16;--b-tint:#f7ede3;--ink:#0f1a15}.cmp-hero{background:var(--footer-bg,#14201b);color:var(--footer-text,#f1f5f2);padding:clamp(2.5rem, 6vw, 4.5rem) var(--gutter,24px);margin:0 calc(50% - 50vw)}.cmp-hero-in{max-width:var(--wide,64rem);margin:0 auto}.cmp-kicker a{color:inherit}.cmp-hero .meta,.cmp-hero .meta a{color:var(--footer-muted,#c5d0c9)}.cmp-kicker{font:600 .78rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#f2b880;margin:0 0 1rem}.cmp-hero h1{font-family:var(--serif);color:#fff;max-width:18ch;margin:0 0 1.75rem;font-size:clamp(2.2rem,6vw,4rem);line-height:1.02}.cmp-vs{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;margin:0 0 1.5rem;display:grid}.cmp-opt{font:700 clamp(1.05rem, 2.6vw, 1.5rem)/1.2 var(--sans);padding:1.1rem 1.2rem}.cmp-opt.a{background:var(--a);color:#fff;border-radius:var(--radius) 0 0 var(--radius)}.cmp-opt.b{color:#2a1607;border-radius:0 var(--radius) var(--radius) 0;background:#f2b880}.cmp-vs-mark{font:700 .9rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#f2b880;place-items:center;padding:0 .9rem;display:grid}.cmp-verdict{font:400 clamp(1.05rem, 2vw, 1.25rem)/1.55 var(--sans);color:#e7eee9;max-width:46rem;margin:0}.cmp-hook{font:700 clamp(1.35rem, 3vw, 2rem)/1.25 var(--serif);color:#fff;max-width:40rem;margin:0 0 .9rem}.cmp-fork{color:#f2b880;width:100%;max-width:30rem;height:auto;margin:0 0 1.5rem;display:block}.compare .prose{max-width:var(--wide,64rem);grid-template-columns:1fr;gap:1.25rem;width:100%;margin-top:2.5rem;display:grid}@media (width>=48rem){.compare .prose{grid-template-columns:1fr 1fr;gap:1.5rem}}.compare .prose>.sec{border:0;grid-column:1/-1;margin:0;padding:0;display:block}.compare .prose>.sec:before{content:none}.compare .sec,.compare .sec-body,.compare .sec>.sec-body>*{box-sizing:border-box;width:100%;max-width:none}.compare table{display:table}.compare .prose>.sec>h2{font:700 clamp(1.4rem, 3vw, 1.9rem)/1.15 var(--serif);margin:0 0 .9rem}.compare .prose>.sec-body,.compare .prose .sec-body{margin:0}.compare .prose>.sec>.sec-body{font:400 1.04rem/1.6 var(--sans)}.compare .prose>.sec:first-of-type{background:var(--surface);border-left:6px solid var(--a);border-radius:0 var(--radius) var(--radius) 0;padding:1.4rem 1.6rem}.compare .prose>.sec:nth-of-type(2)>.sec-body{overflow-x:auto}.compare table{border-collapse:separate;border-spacing:0;width:100%;font:400 .95rem/1.45 var(--sans)}.compare table thead th{font:700 .85rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:#fff;background:var(--ink);text-align:left;padding:.85rem 1rem}.compare table thead th:nth-child(2){background:var(--a)}.compare table thead th:nth-child(3){background:var(--b)}.compare table tbody td{border-bottom:1px solid var(--line);vertical-align:top;padding:.8rem 1rem}.compare table tbody td:first-child{background:var(--wash);min-width:9rem;font-weight:700}.compare table tbody td:nth-child(2){background:linear-gradient(0deg, var(--a-tint), var(--a-tint))}.compare table tbody td:nth-child(3){background:linear-gradient(0deg, var(--b-tint), var(--b-tint))}.compare table tbody tr:last-child td{border-bottom:0}.compare .prose>.sec:nth-of-type(3){background:var(--a-tint);border-top:6px solid var(--a);border-radius:var(--radius);padding:1.4rem 1.5rem}.compare .prose>.sec:nth-of-type(4){background:var(--b-tint);border-top:6px solid var(--b);border-radius:var(--radius);padding:1.4rem 1.5rem}@media (width>=48rem){.compare .prose>.sec:nth-of-type(3),.compare .prose>.sec:nth-of-type(4){grid-column:auto}}.compare .prose>.sec:nth-of-type(3)>h2{color:var(--a)}.compare .prose>.sec:nth-of-type(4)>h2{color:var(--b)}.compare .prose>.sec:nth-of-type(3)>.sec-body li::marker,.compare .prose>.sec:nth-of-type(4)>.sec-body li::marker{color:currentColor}.compare .prose>.sec:nth-of-type(3) ul,.compare .prose>.sec:nth-of-type(4) ul{font:400 1rem/1.55 var(--sans);padding-left:1.1rem}.compare .prose>.sec:nth-of-type(3) li,.compare .prose>.sec:nth-of-type(4) li{margin-bottom:.5rem}.compare .prose>.sec:nth-of-type(5)>.sec-body{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=48rem){.compare .prose>.sec:nth-of-type(5)>.sec-body{grid-template-columns:1fr 1fr}}.compare .prose>.sec:nth-of-type(5) .item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.3rem}.compare .prose>.sec:nth-of-type(5) h3{font:800 1.2rem/1.2 var(--sans);color:var(--ink);margin:0 0 .6rem}.compare .prose>.sec:nth-of-type(5) p{font:400 1rem/1.6 var(--sans);margin:0 0 .7rem}.compare .prose>.sec:nth-of-type(5) .item:first-child h3{color:var(--a)}.compare .prose>.sec:nth-of-type(5) .item:last-child h3{color:var(--b)}.compare .prose>.sec:nth-of-type(9)>.sec-body ul{counter-reset:wrong;font:400 1.04rem/1.55 var(--sans);gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.compare .prose>.sec:nth-of-type(9)>.sec-body li{counter-increment:wrong;background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);padding:1rem 1rem 1rem 4.2rem;position:relative}.compare .prose>.sec:nth-of-type(9)>.sec-body li:before{content:counter(wrong, decimal-leading-zero);font:800 1.7rem/1 var(--sans);color:var(--b);position:absolute;top:.8rem;left:1rem}.compare .prose>.sec:nth-of-type(10){background:var(--ink);color:#eef4f0;border-radius:var(--radius);padding:1.8rem}.compare .prose>.sec:nth-of-type(10)>h2{color:#f2b880}.compare .prose>.sec:nth-of-type(10)>.sec-body{font:400 1.08rem/1.65 var(--sans)}.compare .prose>.sec:nth-of-type(11)>.sec-body .item{border-top:1px solid var(--line);padding:1rem 0}.compare .prose>.sec:nth-of-type(11) h3{font:700 1.1rem/1.35 var(--sans);color:var(--ink);margin:0 0 .35rem}.compare .prose>.sec:nth-of-type(11) p{font:400 1rem/1.6 var(--sans);margin:0}.compare .prose>.sec:nth-of-type(3) li strong,.compare .prose>.sec:nth-of-type(4) li strong{margin-bottom:.15rem;font-weight:800;display:block}.cmp-related{border-top:3px solid var(--ink);margin-top:3rem;padding-top:1.5rem}.cmp-related h2{font:700 1.4rem/1.2 var(--serif);margin:0 0 .9rem}.cmp-chips{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.cmp-chips a{background:var(--ink);color:#fff;font:600 .95rem/1.2 var(--sans);text-transform:capitalize;border-radius:999px;padding:.55rem .95rem;text-decoration:none;display:inline-block}.cmp-chips a:hover{background:var(--a)}.cmp-quick{counter-reset:q;gap:0;margin:0;padding:0;list-style:none;display:grid}.cmp-quick li{counter-increment:q;border-top:1px solid #ffffff24}.cmp-quick a{color:inherit;grid-template-columns:3rem 1fr;gap:.2rem 1rem;padding:1.3rem 0;text-decoration:none;display:grid}.cmp-q-title,.cmp-q-hook,.cmp-q-ans{grid-column:2}.cmp-quick a:before{content:counter(q, decimal-leading-zero);font:800 1.9rem/1 var(--sans);color:#f2b880;grid-row:1/span 3}.cmp-q-title{font:800 clamp(1.25rem, 3vw, 1.85rem)/1.2 var(--sans);color:#fff}.cmp-q-title em{color:#f2b880;font-style:normal;font-weight:600}.cmp-q-hook{font:700 clamp(1.1rem, 2.4vw, 1.4rem)/1.35 var(--serif);color:#f2b880;max-width:48rem;margin:.35rem 0 .25rem;display:block}.cmp-q-ans{font:400 clamp(1rem, 2vw, 1.12rem)/1.6 var(--sans);color:#d6e1da;max-width:46rem}.cmp-quick a:hover .cmp-q-title{text-underline-offset:.18em;text-decoration:underline}.cmp-titles{counter-reset:t;margin:0;padding:0;list-style:none}.cmp-titles li{border-top:1px solid #ffffff24}.cmp-titles a{font:700 clamp(1.2rem, 2.8vw, 1.6rem)/1.3 var(--sans);color:#fff;padding:1rem 0;text-decoration:none;display:block}.cmp-titles a:hover{color:#f2b880}.cmp-titles em{color:#f2b880;font-style:normal;font-weight:600}.cmp-topics{flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 0;display:flex}.cmp-topics a{color:#fff;font:600 .95rem/1 var(--sans);border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .9rem;text-decoration:none;display:inline-flex}.cmp-topics a span{color:#2a1607;background:#f2b880;border-radius:999px;padding:.2rem .5rem;font-size:.8rem}.cmp-topics a:hover{border-color:#f2b880}.cmp-group{max-width:var(--wide,64rem);padding:2.5rem var(--gutter,24px) 0;margin:0 auto}.cmp-group h2{font:700 clamp(1.5rem, 3vw, 2rem)/1.2 var(--serif);color:var(--ink);margin:0 0 1rem}.cmp-rows{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.cmp-row{border-bottom:1px solid var(--line)}.cmp-row a{color:var(--ink);grid-template-columns:96px 1fr auto;align-items:center;gap:1.2rem;padding:1.1rem 0;text-decoration:none;display:grid}.cmp-row a:hover .cmp-m-title{color:var(--a)}.cmp-thumb{background:var(--ink);border-radius:6px;width:96px;height:72px;display:block;position:relative;overflow:hidden}.cmp-thumb .t-a{background:var(--a);width:50%;position:absolute;top:0;bottom:0;left:0}.cmp-thumb .t-b{background:#f2b880;width:50%;position:absolute;top:0;bottom:0;right:0}.cmp-thumb .t-mark{background:var(--ink);color:#f2b880;font:800 .7rem/1 var(--sans);letter-spacing:.06em;border-radius:999px;padding:.3rem .4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cmp-row-text{gap:.3rem;min-width:0;display:grid}.cmp-row .cmp-m-title{font:800 clamp(1.05rem, 2.2vw, 1.25rem)/1.25 var(--sans);color:var(--ink)}.cmp-row .cmp-m-title em{color:var(--b);font-style:normal;font-weight:600}.cmp-row .cmp-m-verdict{font:400 .98rem/1.5 var(--sans);color:var(--muted,#58615c)}.cmp-row .cmp-m-go{font:700 .8rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--a);white-space:nowrap}@media (width<=40rem){.cmp-row a{grid-template-columns:72px 1fr;gap:.9rem}.cmp-thumb{width:72px;height:56px}.cmp-row .cmp-m-go{grid-column:2}}.cmp-matchups{grid-template-columns:1fr;gap:1rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}@media (width>=48rem){.cmp-matchups{grid-template-columns:1fr 1fr}}.cmp-matchups a{height:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-top:8px solid var(--a);border-radius:var(--radius);padding:1.4rem 1.4rem 1.5rem;text-decoration:none;display:block}.cmp-matchups li:nth-child(2n) a{border-top-color:var(--b)}.cmp-matchups a:hover{background:var(--wash)}.cmp-m-title{font:800 clamp(1.25rem, 2.6vw, 1.6rem)/1.2 var(--sans);margin:0 0 .6rem;display:block}.cmp-m-title em{color:var(--b);font-style:normal}.cmp-m-verdict{font:400 1rem/1.55 var(--sans);color:var(--muted,#58615c);margin:0 0 .9rem;display:block}.cmp-m-go{font:700 .9rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--a)}