.compare-page{background:var(--paper);padding-bottom:100px}.compare-intro{padding-top:100px;padding-bottom:76px}.compare-intro h1{font-size:clamp(64px,8vw,112px);line-height:.95;letter-spacing:-.065em;margin:24px 0 30px}.compare-intro .lede{max-width:650px;font-size:24px;line-height:1.45}.compare-page h2{font-size:clamp(28px,3.2vw,44px);line-height:1.1;letter-spacing:-.035em}.compare-selection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:30px}.compare-selection-heading h2{margin:0}.compare-selection-heading a{font-size:15px}.compare-pickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.compare-slot{min-width:0}.compare-slot>label{display:block;font-size:15px;font-weight:600;margin-bottom:10px}.compare-slot select{width:100%;max-width:100%;height:52px;padding:12px 30px 12px 14px;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:12px;font:inherit;font-size:14px;text-overflow:ellipsis}.compare-slot select:disabled{color:var(--muted);opacity:1}.compare-product{height:240px;display:flex;align-items:center;justify-content:center}.compare-product>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.compare-product img{max-width:100%;max-height:210px;height:auto;object-fit:contain}.compare-product>p{color:var(--muted);text-align:center;max-width:200px;font-size:16px}.compare-model-info{min-height:150px;padding:0 5px}.compare-model-info>a{font-size:21px;font-weight:600;letter-spacing:-.025em;text-decoration:none}.compare-model-info p{font-size:14px;line-height:1.6;color:var(--muted);margin:12px 0}.compare-model-info button,.compare-clear{border:0;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit;font-size:14px;min-height:44px;padding:0 5px}.compare-toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:32px;margin-top:36px}.compare-toolbar>p{color:var(--muted);font-size:14px;margin:0}.compare-modes{display:flex;gap:4px;background:#e5e5e7;border-radius:28px;padding:5px}.compare-modes button{min-height:44px;border:0;background:none;border-radius:24px;font:inherit;font-size:15px;padding:10px 20px;cursor:pointer;color:var(--ink)}.compare-modes button[aria-pressed=true]{background:var(--ink);color:#fff}.compare-clear{margin-left:auto}.compare-results{margin-top:60px;min-height:310px}.compare-results>h2{margin:0 0 22px}.compare-note{max-width:850px;color:var(--muted);line-height:1.6;font-size:17px;margin-bottom:30px}.compare-page .comparison-wrap{border:1px solid #dedee1;background:#fff}.compare-page .comparison{table-layout:fixed;min-width:760px;border-radius:0}.compare-page .comparison th:first-child{width:22%;min-width:160px}.compare-page .comparison th,.compare-page .comparison td{padding:22px;font-size:15px;line-height:1.6;overflow-wrap:anywhere}.compare-page .comparison thead th{background:#ededf0;font-size:17px;letter-spacing:-.025em}.compare-page .compare-platform{font-size:13px;line-height:1.6;letter-spacing:normal;margin-top:10px}.compare-empty{padding:44px;background:#fff;border-radius:24px}.compare-empty h2{margin:0 0 20px}.compare-empty>p{color:var(--muted);max-width:600px;line-height:1.6}.compare-presets{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.compare-presets button{padding:12px 18px;min-height:44px;border:1px solid var(--line);border-radius:24px;font:inherit;background:#fff;cursor:pointer;color:var(--ink)}.compare-counts{font-size:15px;margin:0 0 30px;color:var(--muted)}.compare-differences{display:grid;gap:20px}.compare-difference{background:#fff;border-radius:20px;padding:28px 32px}.compare-difference h3{font-size:22px;letter-spacing:-.025em;margin:0 0 24px}.compare-difference dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0}.compare-difference dl.compare-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-difference dl>div{min-width:0}.compare-difference dt{font-size:14px;font-weight:600;line-height:1.5}.compare-difference dt span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.compare-difference dd{font-size:20px;line-height:1.4;margin:20px 0 0;overflow-wrap:anywhere}.compare-difference dd small{display:block;margin-top:12px;font-size:12px;color:var(--muted)}.compare-unknown{margin-top:50px}.compare-unknown>h3{font-size:26px}.compare-unknown>p{color:var(--muted);line-height:1.6}.compare-same{margin-top:32px}.compare-same summary,.compare-sources summary{padding:24px 0;font-weight:600;font-size:18px;cursor:pointer;min-height:44px}.compare-sources{margin-top:90px}.compare-sources>p{color:var(--muted);max-width:700px;line-height:1.6}.compare-sources details{border-bottom:1px solid var(--line)}.compare-sources ul{list-style:none;padding:0}.compare-sources details>ul>li{padding:12px 0 28px}.compare-sources h3{font-size:17px;line-height:1.5}.compare-sources li li{margin:18px 0;line-height:1.5}.compare-sources li span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.compare-sources li div{display:flex;gap:20px;flex-wrap:wrap}.compare-sources li p{color:var(--muted);font-size:14px}.compare-guide{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;margin-top:100px;border-top:1px solid var(--line);padding-top:50px}.compare-guide h2{margin:0}.compare-guide p{color:var(--muted);line-height:1.65;margin:0 0 20px;font-size:15px}.compare-fallback{margin-top:50px}.compare-fallback li{margin-bottom:18px;line-height:1.6}.compare-page :is(a,button,select,summary,[tabindex]):focus-visible{outline:2px solid var(--ink);outline-offset:5px}.compare-empty-note{padding:30px;background:#fff;border-radius:16px}@media(max-width:1000px){.compare-pickers{gap:20px}.compare-product{height:190px}.compare-product img{max-height:160px}.compare-model-info>a{font-size:18px}.compare-model-info{min-height:180px}.compare-difference{padding:24px}.compare-difference dl{gap:20px}.compare-difference dd{font-size:18px}.compare-guide{gap:40px}}@media(max-width:700px){.compare-intro{padding-top:60px;padding-bottom:54px}.compare-intro h1{font-size:64px}.compare-intro .lede{font-size:20px}.compare-selection-heading{align-items:flex-start;flex-direction:column;gap:12px}.compare-pickers{grid-template-columns:1fr;gap:30px}.compare-slot{padding-bottom:22px;border-bottom:1px solid var(--line)}.compare-product{height:200px}.compare-product img{max-height:180px;max-width:380px}.compare-model-info{min-height:140px}.compare-model-info>a{font-size:23px}.compare-slot[data-unavailable=true]{display:none}.compare-slot[data-empty=true]:not(:first-child) :is(.compare-product,.compare-model-info){display:none}.compare-toolbar{margin-top:0;gap:18px}.compare-modes{width:100%}.compare-modes button{padding:10px 12px;flex:1;font-size:14px}.compare-clear{margin-left:0}.compare-results{margin-top:40px}.compare-empty{padding:28px 24px}.compare-note{font-size:15px}.compare-page .comparison th,.compare-page .comparison td{padding:18px;font-size:14px}.compare-page .comparison thead th{font-size:16px}.compare-difference dl,.compare-difference dl.compare-pair{grid-template-columns:1fr;gap:22px}.compare-difference dl>div+div{border-top:1px solid #e5e5e7;padding-top:22px}.compare-difference dd{margin-top:10px;font-size:20px}.compare-difference dd small{margin-top:8px}.compare-sources{margin-top:70px}.compare-guide{grid-template-columns:1fr;gap:30px;margin-top:70px}.compare-guide h2{font-size:32px}.compare-page{padding-bottom:60px}}@media(prefers-reduced-motion:reduce){.compare-page *{scroll-behavior:auto}}
