:root{--paper:#ecebf5;--sheet:#fbfaff;--ink:#1d1a3a;--ink-soft:#5d5a7c;--rule:#d4d0e6;--signal:#4a35e0;--marker:#ffd84a;--yes:#0f7a5c;--no:#b5324f;--unknown:#8a86a6;--radius-l:22px;--radius-s:10px;--measure:66ch;--wide:1180px;--gutter:clamp(18px, 4vw, 40px);--display:var(--font-display), "Avenir Next", system-ui, sans-serif;--body:var(--font-body), system-ui, sans-serif;color-scheme:light;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-text-size-adjust:100%;font-size:17px;line-height:1.6}*,:before,:after{box-sizing:border-box}body{flex-direction:column;min-height:100vh;margin:0;display:flex}main{width:100%;max-width:var(--wide);padding-inline:var(--gutter);flex:1;margin-inline:auto;padding-block:8px 96px}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.08}h1{letter-spacing:-.035em;font-size:clamp(2.4rem,6.4vw,4.75rem);font-weight:800;font-stretch:85%}h2{letter-spacing:-.02em;margin-block-end:20px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}h3{letter-spacing:-.01em;font-size:1.15rem;font-weight:700}a{color:var(--signal);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{text-decoration-color:var(--marker);text-underline-offset:-1px;text-decoration-skip-ink:none;text-decoration-thickness:6px}:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.masthead{width:100%;max-width:var(--wide);padding:22px var(--gutter);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.wordmark{color:var(--ink);font-family:var(--display);letter-spacing:-.02em;direction:ltr;align-items:center;gap:10px;font-size:1.15rem;font-weight:600;text-decoration:none;display:inline-flex}.wordmark b{font-weight:800}.wordmark:hover{text-decoration:none}.wordmark-stack{gap:3px;display:grid}.wordmark-stack i{background:var(--ink);border-radius:3px;height:5px;display:block}.wordmark-stack i:first-child{background:var(--marker);width:22px}.wordmark-stack i:nth-child(2){width:15px}.wordmark-stack i:nth-child(3){background:var(--signal);width:19px}.locale-menu{font-size:.9rem;position:relative}.locale-menu summary{cursor:pointer;border:1.5px solid var(--rule);background:var(--sheet);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;list-style:none;display:inline-flex}.locale-menu summary::-webkit-details-marker{display:none}.locale-menu svg{fill:none;stroke:currentColor;stroke-width:1.5px}.locale-menu ul{inset-inline-end:0;z-index:10;background:var(--sheet);border:1.5px solid var(--rule);border-radius:var(--radius-s);min-width:200px;max-height:min(70vh,560px);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);overflow:auto;box-shadow:0 18px 40px -18px #1d1a3a59}.locale-menu a{color:var(--ink);border-radius:6px;padding:7px 12px;text-decoration:none;display:block}.locale-menu a:hover{background:var(--paper)}.locale-menu a[aria-current=page]{background:var(--marker);font-weight:700}.monogram{--size:52px;width:var(--size);height:var(--size);border-radius:calc(var(--size) * .3);background:oklch(.86 .09 var(--hue));color:oklch(.3 .12 var(--hue));font-family:var(--display);font-weight:800;font-stretch:75%;font-size:calc(var(--size) * .42);letter-spacing:-.04em;direction:ltr;flex:none;place-items:center;line-height:1;display:inline-grid}.monogram.has-logo{box-shadow:inset 0 0 0 1px var(--rule);background:#fff;overflow:hidden}.monogram.has-logo img{object-fit:contain;width:100%;height:100%}.monogram-s{--size:30px}.monogram-l{--size:clamp(76px, 12vw, 112px)}.hero{padding-block:clamp(28px,7vw,88px) clamp(28px,5vw,56px)}.hero h1{max-width:13ch;font-size:clamp(2.8rem,9vw,7rem)}.lineup{flex-wrap:wrap;gap:10px;margin-block-start:clamp(28px,5vw,48px);display:flex}.lineup .monogram:nth-child(3n+2){translate:0 10px}.lineup .monogram:nth-child(4n){translate:0 -6px}.index-table th[scope=row]{min-width:220px}.index-table .index-summary{min-width:280px;font-weight:400}.index-name{align-items:center;gap:12px;font-size:1.05rem;font-weight:700;display:flex}.index-name .entry-meta{font-weight:400;display:block}.index-name a,.entry h3 a{color:inherit;text-decoration:none}.index-name a:hover,.entry h3 a:hover{text-decoration:underline;text-decoration-color:var(--marker);text-underline-offset:-1px;text-decoration-thickness:6px}.index-summary{color:var(--ink-soft);margin:0;font-size:.95rem}.facts dt{color:var(--ink-soft);font-size:.78rem}.facts dd{margin:0;font-weight:700}.entry-meta{color:var(--ink-soft);margin:2px 0 0;font-size:.85rem}.shelves{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;margin-block-start:72px;display:grid}.shelf h2{border-block-end:2px solid var(--ink);margin-block-end:8px;padding-block-end:10px;font-size:1.3rem}.shelf ul{margin:0;padding:0;list-style:none}.shelf li{border-block-end:1px solid var(--rule)}.shelf a{color:var(--ink);padding-block:10px;font-weight:600;text-decoration:none;display:block}.shelf a:hover{color:var(--signal)}.page-head{justify-items:start;gap:14px;max-width:900px;padding-block:clamp(16px,4vw,40px) clamp(28px,5vw,56px);display:grid}.page-head .monogram-l{margin-block:8px 4px}.versus{margin-block:8px 4px;display:flex}.versus .monogram+.monogram{outline:5px solid var(--paper);margin-inline-start:-18px}.lede{color:var(--ink-soft);max-width:52ch;margin:0;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.5}.stamp{color:var(--ink-soft);margin:0;font-size:.85rem}.crumbs ol{color:var(--ink-soft);flex-wrap:wrap;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--rule);margin-inline:8px}.crumbs a{color:var(--ink-soft)}.visit{background:var(--ink);color:var(--sheet);border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-weight:700;text-decoration:none;display:inline-flex}.visit:hover{background:var(--signal);text-decoration:none}.visit-quiet{color:var(--ink);border:1.5px solid var(--ink);background:0 0;justify-self:start;padding:8px 16px}.visit-quiet:hover{color:var(--sheet)}.split{grid-template-columns:minmax(0, var(--measure)) minmax(260px, 340px);justify-content:space-between;align-items:start;gap:56px;display:grid}.sheet{background:var(--sheet);border-radius:var(--radius-l);box-shadow:inset 0 0 0 1.5px var(--rule);padding:24px;position:sticky;top:24px}.sheet h2{margin-block-end:12px;font-size:1.15rem}.facts{margin:0;display:grid}.facts div{border-block-start:1px solid var(--rule);gap:2px;padding-block:10px;display:grid}.prose{max-width:var(--measure);font-size:1.06rem}.prose>:first-child{margin-block-start:0}.prose h2{margin-block:2em .5em}.prose h3{margin-block:1.6em .4em}.prose li+li{margin-block-start:.3em}.prose blockquote{border-inline-start:4px solid var(--marker);margin-inline:0;padding-inline-start:18px}.prose img{max-width:100%;height:auto}.band{margin-block-start:clamp(48px,7vw,80px)}.band-first{margin-block:0 clamp(40px,6vw,64px)}.band>h3{margin-block:28px 12px}.table-scroll{border-radius:var(--radius-l);background:var(--sheet);box-shadow:inset 0 0 0 1.5px var(--rule);overflow-x:auto}.grid{border-collapse:separate;border-spacing:0;width:100%;font-size:.95rem}.grid th,.grid td{text-align:start;vertical-align:middle;border-block-end:1px solid var(--rule);padding:14px 18px}.grid tbody tr:last-child>*{border-block-end:0}.grid thead th{color:var(--ink-soft);vertical-align:bottom;min-width:96px;font-size:.8rem;font-weight:600}.grid tbody th{font-weight:700}.grid tbody th,.grid thead>tr>:first-child{background:var(--sheet);z-index:1;min-width:150px;position:sticky;inset-inline-start:0}.table-fit{width:fit-content;max-width:100%}.tool-link{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.grid .tool-link a{color:var(--ink)}.mark{white-space:nowrap;align-items:center;gap:7px;font-weight:600;display:inline-flex}.mark-glyph{border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;line-height:1;display:inline-grid}.mark[data-state=yes] .mark-glyph{background:var(--yes);color:var(--sheet)}.mark[data-state=no] .mark-glyph{color:var(--no);box-shadow:inset 0 0 0 1.5px var(--no)}.mark[data-state=unknown]{color:var(--unknown);font-weight:400}.mark[data-state=unknown] .mark-glyph{border:1.5px dashed var(--unknown)}.plans{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.plan{border-radius:var(--radius-s);background:var(--sheet);border-block-start:4px solid var(--ink);padding:20px}.plan:first-child{border-block-start-color:var(--marker)}.plan-name{margin:0;font-weight:700}.plan-price{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:1.6rem;font-weight:800}.plan-price small{font-family:var(--body);letter-spacing:0;color:var(--ink-soft);font-size:.8rem;font-weight:400;display:block}.plan ul{margin:12px 0 0;padding-inline-start:18px;font-size:.9rem}.pair{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.pair h3{margin-block-end:12px}.proscons{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 32px;display:grid}.proscons h3{margin-block-end:6px;font-size:.95rem}.proscons ul{margin:0;padding:0;list-style:none}.proscons li{margin-block:6px;padding-inline-start:22px;position:relative}.proscons li:before{font-weight:800;position:absolute;inset-inline-start:0}.pros li:before{content:"+";color:var(--yes)}.cons li:before{content:"−";color:var(--no)}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{background:var(--marker);border-radius:999px;padding:5px 14px;font-size:.9rem;font-weight:600}.ranking{counter-reset:rank;grid-template-columns:minmax(0,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.entry{counter-increment:rank;background:var(--sheet);border-radius:var(--radius-l);grid-template-columns:minmax(0,1fr);gap:16px;padding:clamp(20px,3vw,32px);display:grid}.entry-head{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.entry-head h3{font-size:1.5rem}.entry-head h3:before{content:counter(rank) ". ";color:var(--ink-soft);font-weight:600}.entry-price{margin:0;font-weight:700}.entry-summary{max-width:var(--measure);margin:0}.shot{margin-block:28px;margin-inline:0}.shot-tall{max-width:320px}.shot>a{cursor:zoom-in;display:block}.shot img{border-radius:var(--radius-s);width:100%;height:auto;box-shadow:0 0 0 1.5px var(--rule), 0 20px 40px -24px #1d1a3a66;display:block}.shot figcaption{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-block-start:10px;font-size:.85rem;display:flex}.shot-source{gap:12px;display:flex}.shot-source a{color:inherit}.band-sources{border-block-start:2px solid var(--ink);padding-block-start:28px;font-size:.9rem}.band-sources h2{font-size:1.15rem}.sources{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px 40px;display:grid}.sources h3{font-size:.95rem}.sources ol{margin:6px 0 0;padding-inline-start:20px}.sources li{margin-block:6px}.checked{color:var(--ink-soft);font-size:.8rem;display:block}.lost{justify-items:start;gap:20px;padding-block:64px;display:grid}.lost-code{font-family:var(--display);letter-spacing:-.05em;color:var(--ink);text-shadow:.06em .06em 0 var(--marker);margin:0;font-size:clamp(6rem,22vw,14rem);font-weight:800;font-stretch:75%;line-height:.85}.colophon{width:100%;max-width:var(--wide);padding:32px var(--gutter) 48px;border-block-start:1px solid var(--rule);color:var(--ink-soft);flex-wrap:wrap;gap:8px 32px;margin-inline:auto;font-size:.85rem;display:flex}.colophon p{margin:0}.colophon-name{font-family:var(--display);color:var(--ink);font-weight:700;margin-inline-start:auto!important}@media (width<=860px){.split{grid-template-columns:minmax(0,1fr);gap:32px}.sheet{order:-1;position:static}.index-table .index-summary{display:none}.index-table th[scope=row]{min-width:0}}@media (width<=520px){:root{font-size:16px}.lineup{gap:8px}.lineup .monogram{--size:40px}.entry-head{grid-template-columns:auto 1fr}.entry-price{grid-column:2}.grid th,.grid td{padding:12px 14px}.grid tbody th,.grid thead>tr>:first-child{min-width:128px}.colophon-name{margin-inline-start:0!important}}@media (prefers-reduced-motion:no-preference){.lineup .monogram{animation:.52s cubic-bezier(.2,.8,.2,1) backwards rise;animation-delay:calc(var(--hue) * .9ms)}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.92)}}}.stars{white-space:nowrap;direction:ltr;gap:1px;font-size:1.05rem;line-height:1;display:inline-flex}.star{color:var(--rule)}.star.on{color:var(--ink)}.score{gap:10px;display:grid}.score-reason{margin:0;font-weight:400}.score-criteria{gap:6px;margin:0;padding:0;font-size:.9rem;font-weight:400;list-style:none;display:grid}.score-criteria li{align-items:center;gap:8px;display:flex}.score-criteria .mark-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sort{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.sort:hover{color:var(--ink)}.sort-icon:after{content:"↕";opacity:.4}[aria-sort=ascending] .sort-icon:after{content:"↑";opacity:1}[aria-sort=descending] .sort-icon:after{content:"↓";opacity:1}
