.compare-article{padding-bottom:clamp(24px,4vw,56px)}.compare-article .page-head{padding-bottom:clamp(36px,5vw,72px)}.compare-article .page-head h1{max-width:22ch}.compare-lede>*+*{margin-top:16px}.compare-def{font-size:var(--step-0);color:var(--fg-soft);max-width:62ch;line-height:1.6}.compare-reading{padding-bottom:clamp(56px,7vw,104px)}.compare-body{min-width:0}.compare-body>section{scroll-margin-top:calc(var(--header-h) + 24px)}.compare-body>section+section{margin-top:clamp(64px,8vw,112px)}.compare-body>section>h2{max-width:22ch;margin-bottom:clamp(20px,2.4vw,30px)}.compare-body>section>*+*{margin-top:28px}.compare-body>section>h2+*{margin-top:0}.compare-aside{font-size:var(--step--1);color:var(--fg-faint);max-width:68ch;line-height:1.55}.compare-pen{color:var(--fg);display:inline-block;position:relative}.compare-pen .pen-mark{width:calc(100% + 8px);height:11px}.compare-wins{gap:36px 48px;display:grid}@media (min-width:720px){.compare-wins{grid-template-columns:repeat(2,minmax(0,1fr))}}.compare-wins>div{border-top:1.5px solid var(--rule-strong);padding-top:18px}.compare-wins>div[data-ours=true]{border-top-color:var(--pen)}.compare-wins h3{font-size:var(--step-1);line-height:1.25}.compare-wins ul{margin:14px 0 0;padding-left:1.2em}.compare-wins li{color:var(--fg-soft);line-height:1.6}.compare-wins li+li{margin-top:10px}.compare-wins li::marker{color:var(--pen)}.compare-pick{border-top:1px solid var(--rule-strong);padding-top:26px}.compare-pick+.compare-pick{margin-top:clamp(40px,5vw,56px)}.compare-pick h3{font-size:var(--step-2);letter-spacing:-.024em;line-height:1.14}.compare-pick-role{color:var(--pen);margin-top:6px;font-weight:600}.compare-pick>p:not(.compare-pick-role){color:var(--fg-soft);max-width:68ch;margin-top:14px}.compare-facts{gap:4px 28px;margin:20px 0 0;display:grid}.compare-facts dt{color:var(--fg);font-weight:700}.compare-facts dd{color:var(--fg-soft);max-width:64ch;margin:0 0 12px}@media (min-width:760px){.compare-facts{grid-template-columns:11rem minmax(0,1fr)}.compare-facts dd{margin-bottom:10px}}.compare-facts a,.compare-pick>p a,.compare-wins a,.compare-aside a,.table-wrap td a{color:inherit;text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong)}.compare-facts a:hover,.compare-pick>p a:hover,.compare-wins a:hover,.compare-aside a:hover,.table-wrap td a:hover{color:var(--pen);-webkit-text-decoration-color:var(--pen);text-decoration-color:var(--pen)}.compare-verdicts{gap:32px 40px;display:grid}@media (min-width:720px){.compare-verdicts{grid-template-columns:repeat(2,minmax(0,1fr))}}.compare-verdicts>div{border-top:1px solid var(--rule-strong);padding-top:18px}.compare-verdicts>div[data-ours=true]{border-top:1.5px solid var(--pen)}.compare-verdicts h3{font-size:var(--step-1);margin-bottom:8px;line-height:1.25}.compare-verdicts p{color:var(--fg-soft)}.compare-article .compare-related{border-top:1px solid var(--rule)}.compare-closing{justify-items:start;gap:22px;display:grid}.compare-closing h2{max-width:18ch}.compare-closing .lede{max-width:60ch;margin-top:-4px}.compare-hub-head{padding-top:clamp(48px,7vw,108px);padding-bottom:clamp(56px,8vw,120px)}.compare-hub-head h1{max-width:14ch}.compare-hub-head .lede{margin-top:24px}.compare-tag{font-size:var(--step-0);color:var(--fg-soft);align-items:center;gap:8px;margin-bottom:16px;font-weight:600;display:inline-flex}.compare-hub-group h2{max-width:20ch}.compare-hub-group .lede{margin-top:20px}.compare-hub-group .index-list{margin-top:clamp(32px,4vw,48px)}.scorecard{background:var(--surface);margin:0;padding:clamp(22px,3vw,34px);position:relative;rotate:-1.2deg}.scorecard-title{font-size:var(--step-1);letter-spacing:-.016em;font-weight:700}.scorecard ul{margin:16px 0 0;padding:0;list-style:none}.scorecard li{border-top:1px solid var(--rule);gap:2px 20px;padding:13px 0;display:grid}@media (min-width:480px){.scorecard li{grid-template-columns:minmax(0,9rem) minmax(0,1fr);align-items:baseline}}.scorecard-app{color:var(--fg);font-weight:650}.scorecard-win{color:var(--fg-soft)}.scorecard-win span{display:inline-block;position:relative}.scorecard-win .pen-mark{width:calc(100% + 26px);height:calc(100% + 20px)}.scorecard figcaption{font-size:var(--step--1);color:var(--fg-faint);margin-top:16px}.compare-reading .outline{outline:none}.compare-table-wide .table-wrap table{min-width:860px;font-size:.9rem}.compare-table-wide .table-wrap th,.compare-table-wide .table-wrap td{padding:12px}.compare-table-wide .table-wrap tbody th{width:14%}