.compare-intro{padding:50px 6% 32px}.compare-intro h1{font-size:clamp(38px,5vw,64px);line-height:1.15;margin:18px 0 24px}.compare-intro p:not(.eyebrow){max-width:650px;line-height:1.8;font-size:17px}.compare-controls{margin:0 6% 36px;padding:28px;background:var(--pale)}#compare-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}#compare-form label{grid-row:1;font-size:13px}#compare-form select{grid-row:2;width:100%;min-height:48px;padding:10px;font:400 14px/1.6 var(--sans);background:white;color:var(--ink);border:1px solid var(--line)}#compare-form>button{grid-column:1/-1;justify-self:start;margin-top:12px}.compare-examples{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.compare-examples p{width:100%;font-size:13px;margin-bottom:4px}.compare-examples button{padding:9px 12px;background:white;color:var(--ink);border:1px solid var(--line);font:400 12px/1.5 var(--sans)}#compare-error{color:#8c2727;line-height:1.7;font-size:14px;margin-top:12px}.compare-results{margin:0 6% 60px;display:grid;grid-template-columns:repeat(var(--compare-columns,2),minmax(0,1fr));gap:24px}.compare-card{padding:24px;border:1px solid var(--line)}.compare-card>img{height:180px;width:auto;max-width:100%;object-fit:contain;margin:0 auto 24px}.compare-card h2{font-size:25px;line-height:1.35;min-height:100px}.compare-card h3{font:500 14px/1.5 var(--sans);margin:24px 0 10px}.compare-card p,.compare-card li{font-size:14px;line-height:1.8;color:var(--muted)}.compare-card ul{padding-left:18px;min-height:125px}.compare-card>.text-link{display:block;margin-top:22px}.compare-book-entry{display:inline-block;margin:14px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.finder-intro>.compare-book-entry{margin-left:20px}.verified-preview{margin:40px 6%}.verified-preview>h2{font-size:30px;line-height:1.3;margin:14px 0}.verified-preview>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:760px){#compare-form{grid-template-columns:1fr}#compare-form label,#compare-form select{grid-row:auto}#compare-form>button{width:100%}.compare-controls{padding:22px}.compare-results{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px}.compare-card{flex:0 0 82%;scroll-snap-align:start;padding:22px}.compare-card h2{font-size:23px;min-height:0}.finder-intro>.compare-book-entry{display:block;margin-left:0}.verified-preview>h2{font-size:25px}}