.compare-hero{padding-top:92px;padding-bottom:32px}
.compare-hero h1{max-width:900px}
.compare-lede{font-size:21px;line-height:1.5;color:var(--ink2);max-width:760px;margin:28px 0 18px}
.compare-byline{font-size:14px;color:var(--ink3);margin:0}
.compare-jump{display:flex;flex-wrap:wrap;gap:9px;margin-top:36px}
.compare-jump a{font-size:14px;text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 15px}
.compare-jump a:hover,.compare-jump a:focus-visible{border-color:var(--ink)}

/* Keep the full comparison visible as a matrix, with taller rows for copy. */
.compare-section{width:100%;max-width:1680px;margin:0 auto;padding:92px 32px 0;scroll-margin-top:68px}
.compare-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.compare-section-head h2{font-size:clamp(42px,5vw,66px)}
.compare-section-head .eyebrow{order:2;margin:0 0 5px}
.compare-matrix{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.compare-matrix .compare-feature-col{width:11%}
.compare-matrix th,.compare-matrix td{padding:17px 13px;text-align:left;vertical-align:top;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.compare-matrix tr>*:last-child{border-right:0}
.compare-matrix tbody tr:last-child>*{border-bottom:0}
.compare-matrix thead th{background:#F1EFE9;font-size:12px;line-height:1.35;color:var(--ink2);font-weight:600}
.compare-matrix thead th a{display:block;text-decoration:none;color:var(--ink)}
.compare-logo{width:32px;height:32px;flex:none;object-fit:contain}
.compare-matrix thead .compare-logo{display:block;margin-bottom:10px}
.compare-matrix thead th a:hover strong{text-decoration:underline;text-underline-offset:3px}
.compare-matrix thead strong{display:block;font-family:"Serif",Georgia,serif;font-size:22px;font-weight:400;line-height:1.1;letter-spacing:-.02em}
.compare-matrix thead small{display:block;font-size:11px;color:var(--ink3);font-weight:400;margin-top:6px}
.compare-matrix tbody th{background:#FAF9F6;font-size:14px;line-height:1.35;font-weight:700}
.compare-matrix tbody td{font-size:14px;line-height:1.43}
.compare-matrix .compare-own{background:#FFF8D4}
.compare-matrix thead .compare-own{background:#FFF0A4}
.compare-mobile-cards{display:none}
.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}

.compare-method{padding-top:124px;scroll-margin-top:72px}
.compare-method-intro{max-width:820px}.compare-method h2{font-size:clamp(38px,4.5vw,58px)}
.compare-method p:not(.eyebrow){font-size:17px;color:var(--ink2);line-height:1.6}
.compare-sources{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}
.compare-source{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;scroll-margin-top:76px}
.compare-source h3{font-family:"Serif",Georgia,serif;font-weight:400;font-size:25px;line-height:1.1;margin:0 0 12px}
.compare-source ul{padding-left:18px;margin:0}.compare-source li{font-size:14px;line-height:1.45;margin:7px 0}
.compare-source a{text-decoration-color:rgba(28,27,27,.3);text-underline-offset:2px}
.compare-cta{display:flex;align-items:center;justify-content:space-between;gap:42px;padding-top:130px;padding-bottom:120px}
.compare-cta h2{font-size:clamp(38px,4.4vw,58px);max-width:780px}.compare-cta p:not(.eyebrow){font-size:18px;color:var(--ink2)}
.compare-cta .btn{flex:none}

@media(max-width:1150px){
 .compare-section{max-width:1200px;padding-left:32px;padding-right:32px}
 .compare-matrix{display:none}
 .compare-mobile-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .compare-product-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
 .compare-product-card.compare-own{background:#FFF9DC;border-color:#E8DCA7}
 .compare-product-card h3{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0;padding:18px 21px;border-bottom:1px solid var(--line);font:400 27px/1.1 "Serif",Georgia,serif}
 .compare-product-card h3 a{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}.compare-product-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}
 .compare-product-card h3 a>span{min-width:0;overflow-wrap:anywhere}
 .compare-product-card h3 small{display:block;margin-top:5px;font:400 12px/1.3 "Sans",system-ui,sans-serif;color:var(--ink3)}
 .compare-product-card dl{margin:0;padding:4px 21px 12px}
 .compare-product-card dl>div{display:grid;grid-template-columns:30% minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}
 .compare-product-card dl>div:last-child{border-bottom:0}
 .compare-product-card dt{font-size:13px;font-weight:700;line-height:1.35}
 .compare-product-card dd{font-size:15px;line-height:1.42;margin:0;overflow-wrap:anywhere}
 .compare-sources{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .compare-hero{padding-top:62px;padding-bottom:18px}.compare-hero h1{font-size:clamp(49px,12vw,72px)}
 .compare-lede{font-size:18px;margin-top:22px}.compare-jump{margin-top:25px}
 .compare-section{padding:70px 20px 0}.compare-section-head{display:block;margin-bottom:20px}.compare-section-head .eyebrow{margin-bottom:10px}
 .compare-mobile-cards{grid-template-columns:1fr;gap:10px}
 .compare-product-card h3{padding:16px 17px;font-size:25px}.compare-product-card dl{padding:2px 17px 9px}
 .compare-product-card dl>div{grid-template-columns:34% minmax(0,1fr);gap:10px;padding:11px 0}
 .compare-product-card dt{font-size:12px}.compare-product-card dd{font-size:14px}
 .compare-sources{grid-template-columns:1fr}.compare-method{padding-top:88px}
 .compare-cta{display:block;padding-top:98px;padding-bottom:90px}.compare-cta .btn{margin-top:18px}
}