.selection-page{padding-top:20px;padding-bottom:56px}.selection-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:32px;align-items:center;padding:10px 0 22px}.selection-intro h1{font-size:clamp(30px,3.5vw,47px);line-height:1.15;margin:14px 0 18px;letter-spacing:-1.7px}.selection-intro h1 em{font-family:Georgia,serif;color:var(--blue);font-weight:500}.selection-intro p{font-size:15px;line-height:1.8;max-width:900px;color:var(--muted)}.selection-intro-art{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}.selection-intro-art img{width:100%;height:100%;max-height:380px;min-height:240px;object-fit:contain}.selection-intro-art>span{flex:none}.selection-intro-art>span{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:750;transform:rotate(-2deg)}.selection-intro-art .icon{width:32px;height:32px}.selection-intro-facts{display:flex;gap:18px;flex-wrap:wrap;margin-top:17px;font-size:11px;font-weight:750}.selection-intro-facts span{display:flex;align-items:center;gap:7px}.selection-intro-facts .icon{width:23px;height:23px}.selection-layout{grid-template-columns:minmax(0,1fr) 340px;gap:25px;align-items:stretch}.selection-article{min-width:0}.selection-article>section{margin:0 0 40px;scroll-margin-top:calc(var(--reader-header-height,118px) + 65px)}.selection-article>section>p{font-size:15px;line-height:1.85;margin:16px 0;color:#4e5c66}.selection-article .article-section-title{margin-bottom:18px;gap:12px}.selection-article .article-section-title h2{font-size:25px;line-height:1.25;margin:0;letter-spacing:-.65px}.selection-article .article-section-title>span{flex:none}.selection-article .comparator{margin-top:0}.selection-article .review-toc{margin-bottom:38px}.selection-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.selection-cta .button{min-height:44px;gap:10px;font-size:13px}.selection-grade{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px}.selection-grade>b{font-size:25px;line-height:1.2;letter-spacing:-.8px}.selection-grade>small{font-size:10px;color:var(--muted)}.selection-grade .stars{width:100%;margin-top:3px}.selection-note{display:flex;align-items:flex-start;gap:14px;background:var(--bluewash);padding:19px;border-radius:var(--radius);margin:24px 0}.selection-note>.icon{width:34px;height:34px;flex:none}.selection-note h3{margin:0 0 5px;font-size:15px}.selection-note p{font-size:13px;line-height:1.75;margin:0;color:#4e5c66}.selection-table{overflow:auto;max-width:100%;border-radius:12px;margin:24px 0;background:var(--surface);overscroll-behavior-x:contain}.selection-table table{width:100%;min-width:660px;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.7}.selection-table caption{caption-side:top;text-align:left;background:#e8eade;padding:15px 18px;font-size:15px;font-weight:800;color:var(--ink)}.selection-table caption .icon{width:29px;height:29px;vertical-align:middle;margin-right:10px}.selection-table th,.selection-table td{padding:15px 17px;vertical-align:top;border-bottom:1px solid #deded3;word-break:normal;overflow-wrap:normal;hyphens:none}.selection-table thead th{font-size:11px;background:#f0f1e9;color:var(--muted);font-weight:800}.selection-table tbody th{font-weight:800;color:var(--ink);min-width:145px;width:23%}.selection-table tbody td{color:#4e5c66;min-width:190px}.selection-table tbody tr:nth-child(even){background:#f8f7f0}.selection-table tbody tr:last-child>*{border-bottom:0}.selection-table th .icon{width:24px;height:24px;vertical-align:middle;margin-right:7px}.selection-table a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.selection-comparison table{min-width:100%;width:max-content}.selection-comparison th,.selection-comparison td{min-width:215px;max-width:250px;width:230px}.selection-comparison th:first-child{min-width:155px;width:170px}.selection-comparison th .selection-grade{margin-top:10px}.selection-comparison [hidden]{display:none}.selection-compare-controls{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 8px}.selection-compare-controls button{display:flex;align-items:center;gap:7px;border:1px solid #b6b9ad;border-radius:7px;background:var(--surface);padding:9px 11px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.selection-compare-controls button:before{content:'✓';display:grid;place-items:center;width:17px;height:17px;border:1px solid #8b998c;border-radius:4px;color:transparent}.selection-compare-controls button[aria-pressed=true]{border-color:var(--blue);background:var(--bluewash)}.selection-compare-controls button[aria-pressed=true]:before{color:var(--surface);background:var(--blue);border-color:var(--blue)}.selection-compare-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.selection-status{font-size:11px!important;color:var(--muted);margin:8px 0!important}.selection-points{padding:0;list-style:none;display:grid;gap:12px;margin:22px 0}.selection-points li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.7}.selection-points .icon{width:25px;height:25px;flex:none}.selection-mobile-examples{display:flex;align-items:center;justify-content:center;gap:18px;margin:26px 0;flex-wrap:wrap}.selection-mobile-examples .platform-shot{margin:0;flex:0 1 210px;width:210px}.selection-steps{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.selection-steps li{display:flex;gap:13px;padding:20px;background:var(--surface);border-radius:var(--radius)}.selection-steps li>span{display:grid;place-items:center;width:32px;height:34px;flex:none;background:var(--yellow);border:1px solid var(--ink);border-radius:5px;transform:rotate(-4deg);font-size:12px}.selection-steps h3{font-size:15px;margin:0 0 8px}.selection-steps p{font-size:13px;line-height:1.75;margin:0;color:var(--muted)}.selection-faq details{border-bottom:1px solid #dadcd1;padding:17px 0}.selection-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px;font-weight:800;list-style:none;cursor:pointer}.selection-faq summary::-webkit-details-marker{display:none}.selection-faq summary .icon{width:18px;height:18px;flex:none}.selection-faq details[open] summary .icon{transform:rotate(180deg)}.selection-faq p{font-size:14px;line-height:1.85;color:var(--muted);margin:14px 0 0}.selection-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.selection-next a{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;background:var(--surface);border-radius:var(--radius);padding:15px}.selection-next a>.icon:first-child{width:32px;height:32px}.selection-next a>.icon:last-child{width:20px;margin-left:auto}.selection-next a:hover{color:var(--blue)}
@media(min-width:1001px) and (max-width:1350px){.selection-layout{grid-template-columns:minmax(0,1fr) 320px;gap:22px}}
@media(max-width:1000px){.selection-layout{grid-template-columns:minmax(0,1fr)}.selection-intro{grid-template-columns:minmax(0,1fr) 210px;gap:15px}.selection-page>.page-byline{max-width:none}.selection-mobile-examples{gap:14px}}
@media(max-width:650px){.selection-page{padding-top:16px;padding-bottom:32px}.selection-intro{display:block;padding:10px 0 18px}.selection-intro h1{font-size:32px;letter-spacing:-1.1px}.selection-intro p{font-size:14px;line-height:1.8}.selection-intro-art{display:none}.selection-intro-facts{gap:12px;font-size:10px}.selection-intro-facts .icon{width:21px;height:21px}.selection-article .article-section-title h2{font-size:23px}.selection-article>section>p{font-size:14px;line-height:1.85}.selection-table th,.selection-table td{padding:13px 14px}.selection-table caption{padding:14px;font-size:14px}.selection-note{padding:16px;gap:10px}.selection-note>.icon{width:28px;height:28px}.selection-steps{grid-template-columns:1fr;gap:12px}.selection-next{grid-template-columns:1fr}.selection-compare-controls{gap:7px}.selection-compare-controls button{font-size:11px;padding:8px}.selection-mobile-examples{display:grid;grid-template-columns:1fr;gap:24px}.selection-mobile-examples .platform-shot{width:min(240px,100%);justify-self:center}.selection-faq summary{font-size:14px}.selection-cta .button{font-size:12px}.selection-ranking-section .section-heading{gap:10px;align-items:flex-start}.selection-ranking-section .section-heading h2{font-size:22px}.selection-ranking-section #result-count{white-space:nowrap;font-size:10px}}

.selection-table-block{margin:24px 0;border-radius:12px;overflow:hidden;background:var(--surface)}.selection-table-block .selection-table{margin:0;border-radius:0 0 12px 12px}.selection-table-heading{display:flex;align-items:center;gap:12px;background:#e8eade;padding:15px 18px}.selection-table-heading>.icon{width:29px;height:29px;flex:none}.selection-table-heading h3{font-size:15px;line-height:1.5;margin:0;font-weight:800}.selection-table caption.sr-only{padding:0}.selection-table-block:focus-within{outline:2px solid var(--blue);outline-offset:3px}@media(max-width:650px){.selection-table-heading{padding:14px;gap:10px}.selection-table-heading h3{font-size:14px}}