.compare-walkthrough .walk-hero h1{font-size:clamp(42px,6vw,74px)}.compare-walkthrough .compare-date{font-size:12px;color:#96a2b8;margin-top:26px}.compare-method{padding:28px 32px;border:1px solid #354054;background:#121823;border-radius:12px;margin-bottom:56px}.compare-method h2{font-size:20px;margin:0 0 12px}.compare-method p{font-size:14px;color:#b8c1d0}.compare-method p:last-child{margin-bottom:0}.compare-walkthrough .walk-section>h2{font-size:clamp(29px,4vw,42px);line-height:1.2;letter-spacing:-.035em}.compare-walkthrough .comparison-filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 12px}.compare-walkthrough .comparison-filters[hidden]{display:none}.compare-walkthrough .comparison-filters button{padding:11px 15px;background:#151b27;border:1px solid #46516a;border-radius:24px;color:#dce3f5;font:inherit;font-size:13px;cursor:pointer}.compare-walkthrough .comparison-filters button[aria-pressed=true]{background:#c0ccff;color:#101726;border-color:#c0ccff}.compare-walkthrough .comparison-filters button:focus-visible{outline:3px solid #fff;outline-offset:3px}.compare-walkthrough .filter-count,.compare-walkthrough .table-note{font-size:12px;color:#9eabc0}.compare-walkthrough .table-scroll{border:1px solid #354054;border-radius:12px;overflow:auto}.compare-walkthrough .comparison-table{min-width:740px;width:100%;border-collapse:collapse;font-size:13px}.compare-walkthrough .comparison-table th,.compare-walkthrough .comparison-table td{padding:18px 16px;line-height:1.6;vertical-align:top;border-bottom:1px solid #30394a}.compare-walkthrough .comparison-table thead{background:#192130}.compare-walkthrough .comparison-table tbody tr:nth-child(even){background:#10151e}.compare-walkthrough .comparison-table caption{text-align:left;padding:16px;font-size:12px;color:#a7b2c5}.compare-body{max-width:none}.compare-walkthrough .product-review{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);column-gap:40px;border-top:1px solid #384154;padding:38px 0;margin:0}.compare-walkthrough .product-review h3{grid-column:1;grid-row:1;font-size:27px;line-height:1.2;margin:0 0 18px;letter-spacing:-.025em}.compare-walkthrough .product-review .fit-line{grid-column:1;grid-row:2 / span 3;font-size:17px;color:#b8c7ff;margin:0}.compare-walkthrough .product-review>p:not(.fit-line){grid-column:2;font-size:14px;margin:0 0 18px;line-height:1.8}.compare-walkthrough .product-review .choice-note{padding:20px;border-radius:9px;background:#151c28;border:1px solid #323d51;color:#c4cede}.compare-walkthrough .source-link{font-size:13px;text-underline-offset:3px}.compare-walkthrough #the-options>h2{margin-bottom:36px}.compare-walkthrough #what-matters,.compare-walkthrough #use-together{max-width:800px}.compare-walkthrough .source-section p{font-size:13px;color:#9ea9bc}@media(max-width:720px){.compare-walkthrough .product-review{display:block;padding:30px 0}.compare-walkthrough .product-review .fit-line{margin:0 0 22px}.compare-method{padding:22px}.compare-walkthrough .comparison-filters button{font-size:12px;padding:10px 12px}}

.compare-walkthrough .product-heading{grid-column:1;grid-row:1 / span 4}.compare-walkthrough .product-heading .fit-line{font-size:17px;color:#b8c7ff;line-height:1.65}.compare-walkthrough .product-heading h3{margin-bottom:16px}@media(max-width:720px){.compare-walkthrough .product-heading{margin-bottom:24px}}

.compare-walkthrough .feature-checklist{min-width:1080px;table-layout:fixed}.compare-walkthrough .feature-checklist th:first-child{width:150px}.compare-walkthrough .feature-checklist th,.compare-walkthrough .feature-checklist td{padding:18px 12px}.compare-walkthrough .feature-checklist .hinru-column{background:rgba(154,173,255,.07)}.compare-walkthrough .checklist-key{font-size:13px;margin-bottom:22px;color:#b8c1d0}.compare-walkthrough .table-note{margin-top:16px}.compare-walkthrough .continuity-table{margin-top:24px}.compare-walkthrough .continuity-table th:first-child{width:19%}.compare-walkthrough .continuity-table td:nth-child(2){width:33%}

/* Keep column and row context inside the scrollable comparison. */
.compare-walkthrough .feature-scroll{isolation:isolate;position:relative}
.compare-walkthrough .feature-checklist{border-collapse:separate;border-spacing:0}
.compare-walkthrough .feature-checklist thead th{position:sticky;top:0;z-index:3;background:#192130}
.compare-walkthrough .feature-checklist tr>th:first-child{position:sticky;left:0;z-index:2;background:#0a0b0e;box-shadow:1px 0 #354054}
.compare-walkthrough .feature-checklist tbody tr:nth-child(even)>th:first-child{background:#10151e}
.compare-walkthrough .feature-checklist thead tr>th:first-child{z-index:4;background:#192130}
.mobile-compare-controls{display:none}
@media(max-width:720px){
.mobile-compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 16px}
.mobile-compare-controls label{font-size:12px;color:#b8c1d0;min-width:0}
.mobile-compare-controls select{display:block;width:100%;margin-top:8px;padding:12px 8px;background:#192130;color:#f5f6fa;border:1px solid #536078;border-radius:8px;font:inherit;font-size:14px}
.mobile-compare-controls select:focus-visible{outline:2px solid #c0ccff;outline-offset:3px}
.compare-walkthrough .mobile-excluded{display:none!important}
.compare-walkthrough .feature-checklist{min-width:0;width:100%;table-layout:fixed}
.compare-walkthrough .feature-checklist th:first-child{width:30%}
.compare-walkthrough .feature-checklist th,.compare-walkthrough .feature-checklist td{padding:14px 8px;font-size:12px;overflow-wrap:anywhere}
.compare-walkthrough .feature-checklist caption{padding:12px;font-size:11px}
.compare-walkthrough .continuity-table{min-width:0;margin-top:0;display:block}
.compare-walkthrough .continuity-table thead{display:none}
.compare-walkthrough .continuity-table tbody{display:block}
.compare-walkthrough .continuity-table tr{display:block;padding:20px}
.compare-walkthrough .continuity-table th:first-child,.compare-walkthrough .continuity-table td:nth-child(2),.compare-walkthrough .continuity-table td{display:block;width:auto;padding:8px 0;border:0}
.compare-walkthrough .continuity-table td::before{content:attr(data-mobile-label);display:block;font-weight:700;color:#b8c7ff;margin-bottom:6px}
}

@media(max-width:720px){.compare-walkthrough .feature-checklist th,.compare-walkthrough .feature-checklist td{font-size:13px}}

/* Width matches About (1120px, about.css); the wide checklist scrolls inside .table-scroll. */
/* Docking table (table-lock.js): sized to the window under the nav. Vertical
   scroll only switches on once its top reaches the nav. */
.compare-walkthrough .feature-scroll.can-dock{max-height:calc(100vh - var(--dock-top,72px) - 16px);overflow:auto}