.page-comparison .comparison-article{box-sizing:border-box;width:100%;max-width:calc(1080px + 2 * var(--pad-x-dark));padding:var(--hero-pad-top) var(--pad-x-dark) var(--page-section-space,clamp(64px, 7vw, 104px));margin-inline:auto}.comparison-kicker{color:var(--color-primary);font:400 12px/1.5 var(--font-mono);letter-spacing:.06em;margin:0 0 18px}.comparison-header h1{font:500 var(--type-page-title,clamp(40px, 4.8vw, 72px))/1.09 var(--font-headline);letter-spacing:-.035em;text-wrap:balance;max-width:24ch;margin:0}.comparison-intro{color:var(--color-on-surface-variant);max-width:64ch;margin:26px 0 0;font-size:18px;line-height:1.65}.comparison-article>section{margin-top:var(--page-section-space,clamp(64px, 7vw, 104px))}.comparison-article h2{font:500 var(--type-section-title,clamp(30px, 3.3vw, 48px))/1.14 var(--font-headline);letter-spacing:-.025em;text-wrap:balance;margin:0 0 24px}.comparison-article h3{font:500 var(--type-card-title,clamp(22px, 2.1vw, 28px))/1.24 var(--font-headline);letter-spacing:-.02em;margin:0 0 16px}.comparison-article section p{color:var(--color-on-surface-variant);max-width:75ch;margin:0;font-size:16px;line-height:1.7}.comparison-article a{text-underline-offset:4px}.comparison-context>p a{color:var(--color-primary);white-space:normal;font-size:14px}.comparison-article a:hover{color:var(--color-primary)}.comparison-article a:focus-visible,.comparison-table-scroll:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.comparison-article .comparison-caption{margin:-8px 0 28px;font-size:14px}.comparison-path{border-top:1px solid var(--color-outline-variant);grid-template-columns:140px minmax(0,1fr);align-items:start;gap:24px;padding-block:28px;display:grid}.comparison-path:last-child{border-bottom:1px solid var(--color-outline-variant)}.comparison-path h3{margin:0;font-size:22px}.comparison-path:first-of-type h3{color:var(--color-primary)}.comparison-path ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.comparison-path li{min-width:0;color:var(--color-on-surface);flex-direction:column;gap:12px;padding-right:8px;font-size:16px;line-height:1.5;display:flex;position:relative}.comparison-path li span{font:400 12px/1.5 var(--font-mono);color:var(--color-on-surface-variant)}.comparison-path li:not(:last-child):after{content:"→";color:var(--color-primary);position:absolute;top:27px;right:-12px}.comparison-fit-grid{grid-template-columns:1fr 1fr;gap:36px;margin-top:34px;display:grid}.comparison-fit-grid>div{border-top:1px solid var(--color-outline-variant);padding-top:26px}.comparison-table-scroll{overflow-x:auto}.comparison-table-scroll table{border-collapse:collapse;text-align:left;width:100%;min-width:600px;font-size:16px;line-height:1.65}.comparison-table-scroll :is(th,td){vertical-align:top;border-bottom:1px solid var(--color-outline-variant);padding:22px}.comparison-table-scroll thead th{color:var(--color-on-surface);background:var(--color-surface-container);font:500 16px/1.5 var(--font-headline)}.comparison-table-scroll tbody th{font:500 17px/1.5 var(--font-headline);width:22%}.comparison-table-scroll tbody td{color:var(--color-on-surface-variant);width:39%}.comparison-table-scroll :is(th,td):first-child{padding-left:0}.comparison-table-scroll thead th:first-child{padding-left:22px}.comparison-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px;display:flex}.comparison-actions>a:not(.btn){color:var(--color-primary);align-items:center;min-height:44px;font-size:14px;display:inline-flex}.comparison-notes{border-top:1px solid var(--color-outline-variant);margin-top:48px;padding-top:26px}.comparison-notes p{color:var(--color-on-surface-variant);max-width:85ch;margin:0;font-size:14px;line-height:1.7}.comparison-notes nav{flex-wrap:wrap;gap:12px 26px;margin-top:22px;display:flex}.comparison-notes a{color:var(--color-primary);align-items:center;min-height:44px;font-size:14px;display:inline-flex}@media (width<=900px){.comparison-path{grid-template-columns:1fr;gap:22px}.comparison-fit-grid{grid-template-columns:1fr;gap:28px}}@media (width<=640px){.comparison-intro{font-size:16px}.comparison-path ol{grid-template-columns:1fr 1fr;gap:26px 30px}.comparison-path li:nth-child(2):after{content:none}.comparison-table-scroll table,.comparison-table-scroll tbody{min-width:0;display:block}.comparison-table-scroll thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.comparison-table-scroll tbody tr{border-top:1px solid var(--color-outline-variant);padding:24px 0;display:block}.comparison-table-scroll tbody :is(th,td){border:0;width:100%;padding:0;display:block}.comparison-table-scroll tbody th{margin-bottom:20px;font-size:20px}.comparison-table-scroll tbody td+td{margin-top:18px}.comparison-table-scroll td:before{content:attr(data-label);color:var(--color-primary);font:400 12px/1.5 var(--font-mono);margin-bottom:8px;display:block}}@media (width<=380px){.comparison-path ol{grid-template-columns:1fr;gap:22px}.comparison-path li{grid-template-columns:24px 1fr;gap:16px;display:grid}.comparison-path li:after{display:none}}.comparison-article>.comparison-verdict{border-left:2px solid var(--color-primary);background:var(--color-surface-container);border-radius:6px;margin-top:48px;padding:28px 32px}.comparison-verdict h2{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);font:400 12px/1.5 var(--font-mono)!important;margin:0 0 12px!important}.comparison-verdict p{color:var(--color-on-surface);max-width:72ch;margin:0;font-size:18px;line-height:1.65}.comparison-path li strong{color:var(--color-on-surface);font-weight:500}.comparison-path li small{color:var(--color-on-surface-variant);font-size:14px;line-height:1.55}.comparison-state{background:var(--color-outline-variant);border:1px solid var(--color-outline-variant);border-radius:6px;grid-template-columns:1fr 1fr;gap:1px;margin:36px 0 20px;display:grid;overflow:hidden}.comparison-state figcaption{background:var(--color-surface-container);font:400 12px/1.5 var(--font-mono);letter-spacing:.06em;color:var(--color-on-surface-variant);grid-column:1/-1;padding:14px 24px}.comparison-state>div{background:var(--color-surface);padding:24px}.comparison-state>div:last-child h3{color:var(--color-primary)}.comparison-article .comparison-state h3{margin-bottom:14px;font-size:18px}.comparison-state ul,.comparison-fit-grid ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.comparison-state li,.comparison-fit-grid li{color:var(--color-on-surface-variant);padding-left:22px;font-size:16px;line-height:1.6;position:relative}.comparison-state li:before,.comparison-fit-grid li:before{content:"—";color:var(--color-primary);position:absolute;left:0}.comparison-article .comparison-together{border-top:1px solid var(--color-outline-variant);margin-top:32px;padding-top:24px}.comparison-steps{counter-reset:pilot;gap:14px;max-width:75ch;margin:28px 0 0;padding:0;list-style:none;display:grid}.comparison-steps li{counter-increment:pilot;color:var(--color-on-surface-variant);grid-template-columns:36px 1fr;font-size:16px;line-height:1.65;display:grid}.comparison-steps li:before{content:counter(pilot, decimal-leading-zero);font:400 12px/2.3 var(--font-mono);color:var(--color-primary)}.comparison-notes h2{letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-surface-variant);font:400 12px/1.5 var(--font-mono)!important;margin:0 0 12px!important}.comparison-sources{flex-wrap:wrap;gap:0 26px;margin:0 0 18px;padding:0;list-style:none;display:flex}.comparison-notes nav+nav{border-top:1px solid var(--color-outline-variant);margin-top:4px;padding-top:4px}@media (width<=640px){.comparison-article>.comparison-verdict{padding:22px 20px}.comparison-verdict p{font-size:16px}.comparison-state{grid-template-columns:1fr}}
