.compare-hero{padding:34px max(24px,calc((100vw - 1120px)/2)) 62px}.compare-hero:after{display:none}.compare-hero h1{font-size:32px;margin:10px 0 0}.compare-content{max-width:1120px;margin:-34px auto 80px;padding:0 24px;position:relative}.compare-selectors{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center}.compare-selector{align-self:start;min-height:120px;border:1px solid var(--line);background:var(--white);padding:16px;position:relative}.compare-side{display:block;color:var(--muted);font-size:9px;margin-bottom:10px}.compare-versus{text-align:center;font-weight:800;color:var(--muted)}.compare-search{display:flex;gap:7px}.compare-search input{min-width:0;flex:1;border:1px solid var(--line);background:var(--white);color:var(--ink);padding:11px;border-radius:7px}.compare-search button,.compare-selected button{border:0;background:var(--blue);color:#fff;border-radius:7px;padding:0 15px}.compare-results{position:absolute;z-index:8;left:16px;right:16px;top:96px;background:var(--white);border:1px solid var(--line);box-shadow:0 10px 25px #0002}.compare-results button{display:flex;width:100%;align-items:center;gap:9px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:9px;text-align:left}.compare-results i,.compare-selected>i{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#fff;font-style:normal;font-size:10px}.compare-results span,.compare-selected span{min-width:0;flex:1}.compare-results b,.compare-results small,.compare-selected b,.compare-selected small{display:block}.compare-results small,.compare-selected small{color:var(--muted);font-size:9px}.compare-search-state{padding:12px;color:var(--muted);font-size:11px}.compare-selected{display:flex;align-items:center;gap:11px}.compare-selected button{height:34px;background:transparent;color:var(--blue);border:1px solid var(--line)}.compare-table,.compare-empty{margin-top:20px;border:1px solid var(--line);background:var(--white)}.compare-table-head,.compare-row{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;text-align:center}.compare-table-head{min-height:52px;background:#f8f9fa;border-bottom:1px solid var(--line)}.compare-table-head span,.compare-row span{color:var(--muted);font-size:10px}.compare-row{min-height:47px;border-bottom:1px solid var(--line)}.compare-row strong{font-size:17px}.compare-row strong.better{color:var(--blue)}.compare-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.compare-empty h2{margin:0 0 7px}.compare-empty p{margin:0;color:var(--muted)}[data-theme="dark"] .compare-selector,[data-theme="dark"] .compare-search input,[data-theme="dark"] .compare-results,[data-theme="dark"] .compare-table,[data-theme="dark"] .compare-empty{background:#17212d;color:#e7edf5}[data-theme="dark"] .compare-table-head{background:#1b2633}[data-theme="dark"] .compare-results button{color:#e7edf5}
@media(max-width:700px){.compare-hero{padding:28px 18px 55px}.compare-content{margin:-32px auto 80px;padding:0 10px}.compare-selectors{grid-template-columns:1fr;gap:8px}.compare-versus{height:22px}.compare-selector{border-radius:8px}.compare-table-head,.compare-row{grid-template-columns:1fr 80px 1fr}.compare-table-head b{font-size:12px}.compare-row strong{font-size:15px}}