:root{--bg:#fafaf7;--bg-alt:#f3f2ec;--ink:#1a1a1a;--ink-60:#1a1a1a99;--ink-40:#1a1a1a66;--ink-20:#1a1a1a33;--ink-10:#1a1a1a1a;--ink-05:#1a1a1a0d;--line:#1a1a1a14;--accent:#1a1a1a1f;--col-w:220px;--label-w:220px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-feature-settings:"ss01","cv11";background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;transition:color .15s}.wrap{max-width:1440px;margin:0 auto;padding:28px 40px 44px}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:20px;padding-bottom:16px;display:flex}.masthead h1{letter-spacing:-.02em;margin:0;font-size:calc(clamp(22px,3.2vw,30px));font-weight:500;line-height:1.15}.masthead .tagline{font-size:12px}.masthead .home-link,.masthead .tagline{color:var(--ink-40);letter-spacing:.08em;text-transform:uppercase}.masthead .home-link{font-size:11px;text-decoration:none;transition:color .15s}.masthead .home-link:hover,.search input{color:var(--ink)}.controls{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:18px;display:flex;position:relative}.search{flex:none;min-width:320px;position:relative}.search input{width:100%;font:inherit;border:none;border-bottom:1.5px solid var(--ink-40);letter-spacing:-.005em;background:0 0;outline:none;padding:10px 14px;font-size:13px;transition:border-color .2s}.search input:focus{border-bottom-color:var(--ink)}.search input:disabled{border-bottom-color:var(--ink-20)}.clear-btn:focus-visible,.phone-head .remove:focus-visible,.search .suggestion:focus-visible,.search input:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}.phone-head .remove:focus-visible{outline-offset:2px}.search .suggestion:focus-visible{outline-offset:-2px}.search input::placeholder{color:var(--ink-40);transition:color .15s}.search input:focus::placeholder{color:var(--ink-20)}.search.shake input{border-bottom-color:#c53030;animation:.42s cubic-bezier(.36,.07,.19,.97) both input-shake}@keyframes input-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.search .toast{background:var(--ink);color:var(--bg);letter-spacing:.01em;opacity:0;pointer-events:none;z-index:40;border-radius:2px;padding:8px 12px;font-size:11.5px;transition:opacity .25s,transform .25s;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-4px)}.search .toast.visible{opacity:1;transform:translateY(0)}.search .suggestions{background:var(--bg);border:1px solid var(--line);z-index:30;max-height:320px;animation:.15s ease-out suggestions-in;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px -20px #1a1a1a1f}@keyframes suggestions-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search .suggestion{cursor:pointer;border-bottom:1px solid var(--ink-05);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 18px;font-size:13px;transition:background-color .1s,padding-left .12s;display:flex}.search .suggestion:last-child{border-bottom:none}.search .suggestion.active,.search .suggestion:hover{background:var(--ink-05);padding-left:22px}.search .suggestion .year{color:var(--ink-40);font-variant-numeric:tabular-nums;font-size:11px}.counter{color:var(--ink-40);letter-spacing:.08em;text-transform:uppercase;font-size:11px;transition:color .2s}.counter.full{color:var(--ink);font-weight:500}.clear-btn{font:inherit;color:var(--ink-40);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-underline-offset:4px;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline;transition:color .15s}.clear-btn:hover{color:var(--ink)}.clear-btn:active{opacity:.6}.empty{text-align:center;color:var(--ink-40);padding:80px 0;animation:.3s ease-out fade-up}.empty h2{color:var(--ink);letter-spacing:-.01em;margin:0 0 12px;font-size:18px;font-weight:400}.empty p{max-width:440px;margin:0 auto;font-size:13px}.table-wrap{scrollbar-width:thin;margin:0 -40px;padding:0 40px;animation:.25s ease-out fade-in;overflow-x:auto}.cmp-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:max-content}.cmp-table td,.cmp-table th{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:4px 10px;font-size:11.5px;font-weight:400;line-height:1.35;transition:background-color .15s}.cmp-table tbody tr:not(.category-row):hover td:not(.label-col){background-color:var(--ink-05)}.cmp-table tbody tr:not(.category-row):hover td.best{background-color:#10b98129}.cmp-table td.best{background-color:#10b9811a}.cmp-table tr.category-row td.best{background:var(--bg)}.cmp-table .label-col{width:var(--label-w);min-width:var(--label-w);max-width:var(--label-w);color:var(--ink-60);background:var(--bg);z-index:2;border-right:1px solid var(--line);position:sticky;left:0}.cmp-table .phone-col{width:var(--col-w);min-width:var(--col-w);max-width:var(--col-w)}.cmp-table tr.category-row td,.cmp-table tr.category-row th{background:var(--bg);border-bottom:1px solid var(--ink);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);padding:10px 10px 3px;font-size:9.5px;font-weight:500}.cmp-table tr.category-row td,.cmp-table tr.header-row th{border-bottom:1px solid var(--ink)}.cmp-table tr.header-row th{vertical-align:bottom;padding-top:4px;padding-bottom:8px}.phone-head{flex-direction:column;gap:1px;line-height:1.15;display:flex}.phone-head .brand{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-40);font-size:9.5px}.phone-head .model{letter-spacing:-.01em;color:var(--ink);font-size:13px;font-weight:500;line-height:1.2}.phone-head .remove{font:inherit;color:var(--ink-40);cursor:pointer;letter-spacing:.04em;background:0 0;border:none;border-radius:4px;align-self:flex-start;margin-top:1px;padding:0;font-size:10px;transition:color .12s}.phone-head .remove:hover{color:#c53030}.phone-head .remove:active{opacity:.5}@media (hover:none) and (pointer:coarse){.phone-head .remove{min-width:44px;min-height:44px;margin-left:-8px;padding:10px 8px}}.null-val{color:var(--ink-20)}.source-row a{color:var(--ink-40);border-bottom:1px solid var(--ink-20);font-size:11px;text-decoration:none;transition:color .15s,border-bottom-color .15s}.source-row a:hover{color:var(--ink);border-bottom-color:var(--ink)}.size-compare{border-top:1px solid var(--line);margin-top:32px;padding-top:18px}.size-compare-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:14px;font-size:9.5px;font-weight:500}.size-compare-row{scrollbar-width:thin;align-items:flex-end;gap:36px;padding-bottom:8px;display:flex;overflow-x:auto}.size-figure{flex-direction:column;flex:none;align-items:flex-start;margin:0;transition:opacity .2s;display:flex}.size-compare-row:hover .size-figure{opacity:.45}.size-compare-row:hover .size-figure:hover{opacity:1}.size-svg{display:block}.size-caption{color:var(--ink-60);font-variant-numeric:tabular-nums;margin-top:8px;font-size:10.5px;line-height:1.35}.size-model{color:var(--ink);letter-spacing:-.005em;font-size:11px;font-weight:500}.size-dims{color:var(--ink-40)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.colophon{border-top:1px solid var(--line);color:var(--ink-40);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:28px;padding-top:12px;font-size:10.5px;display:flex}.colophon a{color:var(--ink-60);border-bottom:1px solid var(--ink-10);text-decoration:none;transition:color .15s,border-bottom-color .15s}.colophon a:hover{color:var(--ink)}@media (width<=900px){.wrap{padding:20px 20px 36px}.masthead{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px;padding-bottom:14px}.table-wrap{margin:0 -20px;padding:0 20px}:root{--col-w:170px;--label-w:138px}.cmp-table td,.cmp-table th{padding:4px 9px;font-size:11px}.search{width:100%;min-width:0}.controls{gap:14px;margin-bottom:14px}}@media (width<=520px){.wrap{padding:16px 14px 28px}:root{--col-w:150px;--label-w:120px}.cmp-table td,.cmp-table th{padding:4px 8px;font-size:10.5px}}