.muah-comparison .muah-hero { grid-template-columns:1.55fr 1fr; gap:48px; align-items:start; }
.muah-comparison h1 { font-size:clamp(38px,4.8vw,60px); }
.muah-comparison .comparison-publisher { color:var(--muah-muted); font-size:13px; line-height:1.7; margin:20px 0 0; max-width:620px; }
.muah-comparison .comparison-card-note { color:var(--muah-muted); font-size:13px; margin:20px 0 0; }
.muah-comparison .comparison-layout { display:grid; grid-template-columns:225px minmax(0,1fr); gap:38px; align-items:start; }
.muah-comparison .comparison-sidebar { position:sticky; top:20px; }
.muah-comparison .comparison-contents { border:1px solid var(--muah-line); border-radius:16px; background:#fff; overflow:hidden; }
.muah-comparison .comparison-contents summary { padding:18px; cursor:pointer; font-weight:750; }
.muah-comparison .comparison-contents summary span { display:block; color:var(--muah-muted); font-size:12px; font-weight:500; margin-top:3px; }
.muah-comparison .comparison-contents summary:focus-visible { outline:3px solid #157b83; outline-offset:-5px; }
.muah-comparison .comparison-contents nav { max-height:calc(100svh - 180px); overflow:auto; padding:0 12px 12px; }
.muah-comparison .comparison-contents ol { list-style:none; margin:0; padding:0; }
.muah-comparison .comparison-contents a { display:block; padding:9px 7px; border-radius:6px; font-size:13px; line-height:1.5; color:var(--muah-muted); text-decoration:none; }
.muah-comparison .comparison-contents a:hover { color:var(--muah-purple); background:#f0eaff; }
.muah-comparison .comparison-top { display:inline-block; margin:16px 6px; font-size:13px; }
.muah-comparison .comparison-article { width:100%; min-width:0; padding:0; margin:0; max-width:none; }
.muah-comparison .comparison-article section { padding:0 0 36px; margin:0 0 48px; border-bottom:1px solid var(--muah-line); scroll-margin-top:24px; }
.muah-comparison .comparison-article section:last-child { border-bottom:0; }
.muah-comparison .comparison-article h2 { font-size:clamp(27px,3vw,34px); line-height:1.25; }
.muah-comparison .comparison-article h3 { margin-top:26px; }
.muah-comparison .comparison-verdict { padding:26px; border:1px solid #d9cdec; border-radius:16px; background:linear-gradient(125deg,#efe8fc,#edf8f5); margin:26px 0; }
.muah-comparison .comparison-verdict h3 { margin:0 0 12px; font-size:23px; }
.muah-comparison .comparison-verdict p:last-child { margin:0; }
.muah-comparison .comparison-note { color:var(--muah-muted); font-size:13px; line-height:1.75; }
.muah-comparison .comparison-table caption { padding:16px; font-weight:650; color:var(--muah-ink); text-align:left; background:#fff; font-size:14px; }
.muah-comparison .comparison-table th, .muah-comparison .comparison-table td { padding:15px 16px; font-size:14px; line-height:1.75; min-width:0; }
.muah-comparison .comparison-table tbody th { width:18%; }
.muah-comparison .comparison-table td { width:41%; }
.muah-comparison .comparison-muah-row { background:#efe8fc; }
.muah-comparison .comparison-badge { display:block; margin-top:10px; color:#51309b; font-size:11px; font-weight:650; line-height:1.6; }
.muah-comparison .comparison-advantages { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:26px 0; }
.muah-comparison .comparison-advantages > div { min-width:0; border:1px solid var(--muah-line); border-radius:16px; background:#fff; padding:25px; }
.muah-comparison .comparison-advantages h3 { margin:0 0 14px; font-size:20px; }
.muah-comparison .comparison-advantages p { font-size:15px; line-height:1.8; }
.muah-comparison .comparison-advantages a { font-size:13px; font-weight:650; }
.muah-comparison .comparison-choice { padding:23px 26px; margin:25px 0 0; border-left:3px solid #277d78; border-radius:0 12px 12px 0; background:#eaf5f2; color:#244f4c; font-size:15px; line-height:1.8; }
.muah-comparison .comparison-test { padding-left:23px; }
.muah-comparison .comparison-source-link { font-size:13px; }
.muah-comparison .comparison-sources { overflow-wrap:anywhere; }
.muah-comparison .comparison-sources [id] { scroll-margin-top:24px; }
@media(max-width:1050px) { .muah-comparison .comparison-layout { grid-template-columns:200px minmax(0,1fr); gap:28px; } .muah-comparison .muah-hero { gap:30px; } }
@media(max-width:780px) { .muah-comparison .comparison-layout { grid-template-columns:1fr; gap:32px; } .muah-comparison .comparison-sidebar { position:static; } .muah-comparison .comparison-contents nav { max-height:320px; } .muah-comparison .comparison-contents ol { columns:2; column-gap:16px; } .muah-comparison .comparison-contents li { break-inside:avoid; } .muah-comparison .comparison-contents a { font-size:14px; } }
@media(max-width:700px) { .muah-comparison .muah-hero, .muah-comparison .comparison-advantages { grid-template-columns:1fr; } .muah-comparison .comparison-article section { margin-bottom:36px; padding-bottom:26px; } .muah-comparison .comparison-verdict, .muah-comparison .comparison-advantages > div { padding:22px; } .muah-comparison .comparison-choice { padding:20px; } }
@media(max-width:620px) { .muah-comparison .comparison-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; } .muah-comparison .comparison-table tr { display:block; border-bottom:1px solid var(--muah-line); } .muah-comparison .comparison-table tr:last-child { border-bottom:0; } .muah-comparison .comparison-table th, .muah-comparison .comparison-table td { display:block; width:100%; min-width:0; border:0; padding:16px 18px; } .muah-comparison .comparison-table tbody th { width:100%; background:#f0ebf9; font-size:17px; } .muah-comparison .comparison-table td { background:#fff; } .muah-comparison .comparison-table td::before { content:attr(data-label); display:block; margin:0 0 6px; font-size:11px; font-weight:750; color:var(--muah-purple); letter-spacing:.3px; text-transform:uppercase; } .muah-comparison .comparison-table .comparison-muah-row td { background:#faf7ff; } }
@media(max-width:440px) { .muah-comparison .comparison-contents ol { columns:1; } }
@media print { .muah-comparison .muah-header, .muah-comparison .comparison-sidebar, .muah-comparison .muah-actions, .muah-comparison .muah-related, .muah-comparison .muah-cta { display:none; } .muah-comparison { background:#fff; color:#111; font-size:11pt; } .muah-comparison .muah-shell { width:100%; } .muah-comparison .comparison-layout, .muah-comparison .muah-hero { display:block; } .muah-comparison .muah-hero { padding:0 0 25px; } .muah-comparison .muah-hero-card { display:none; } .muah-comparison .comparison-choice, .muah-comparison .comparison-advantages > div { break-inside:avoid; } }