.comparison-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px;border-bottom:1px solid var(--line)}
.comparison-header nav{display:flex;gap:25px;font-size:13px}.comparison-header a:hover,.comparison-footer a:hover,.source-note a{color:var(--accent-text)}
.comparison-main{max-width:1120px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);padding:28px 0}
.comparison-intro{padding:45px 0 60px;max-width:900px}.comparison-intro h1{font-size:clamp(38px,4.6vw,62px);letter-spacing:-2.5px;line-height:1.18}.comparison-lead{font-size:19px;max-width:760px}.comparison-intro>p,.comparison-section>p{color:var(--muted);line-height:1.85}
.comparison-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.comparison-section{padding:45px 0;border-top:1px solid var(--line)}.comparison-section h2{margin:0 0 22px;font-size:34px}
.comparison-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.comparison-table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px;line-height:1.7}caption{text-align:left;padding:18px 20px;font-weight:600;color:var(--accent-text)}th,td{text-align:left;vertical-align:top;padding:18px 20px;border-top:1px solid var(--line);width:25%}thead{background:var(--surface-emphasis)}tbody th{font-weight:600}tbody td:nth-child(2){background:var(--surface-soft)}
.comparison-section .source-note,.source-note{font-size:12px;line-height:1.8;margin-top:20px}.source-note a{text-decoration:underline;text-underline-offset:3px}
.comparison-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison-choice article{background:var(--surface-soft);padding:25px;border:1px solid var(--line);border-radius:16px}.comparison-choice h3{font-size:18px;line-height:1.5}.comparison-choice p{font-size:14px;color:var(--muted);margin-bottom:0}
.comparison-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-block:28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:700px){.comparison-header{min-height:80px}.comparison-header .brand{font-size:24px}.comparison-header nav{font-size:11px;gap:16px}.comparison-intro{padding-top:20px;padding-bottom:35px}.comparison-intro h1{font-size:38px;letter-spacing:-1.5px}.comparison-lead{font-size:16px}.comparison-section{padding-block:32px}.comparison-section h2{font-size:29px}.comparison-choice-grid{grid-template-columns:1fr}.comparison-actions .button{padding-inline:16px;font-size:12px;gap:10px}}