body{padding-bottom:20px}header{height:64px;padding:0 18px}.logo{font-size:18px;letter-spacing:0}.mark{width:30px;height:32px;font-size:23px}.header-contact{padding:10px;font-size:10px}.header-contact span{margin-left:6px}.compare-main{padding:0 16px}.compare-intro{padding:30px 0 24px}.compare-intro .eyebrow{font-size:9px;margin-bottom:18px}.compare-intro h1{font-size:32px;line-height:1.4;margin-bottom:16px}.compare-intro>p:not(.eyebrow){font-size:12px}.compare-highlights{display:grid;grid-template-columns:1fr;gap:12px;font-size:10px;margin-top:22px;padding-top:20px}.compare-controls{gap:16px}.compare-controls nav{display:flex;gap:20px;font-size:11px}.compare-actions button{font-size:10px;min-height:40px}.compare-controls label{font-size:11px}.compare-column-head{top:64px;margin-top:15px;grid-template-columns:24% 38% 38%}.compare-column-head>span{font-size:9px;padding:16px 5px}.compare-column-head>div{padding:12px 8px;gap:5px}.compare-column-head b{font-size:29px}.compare-column-head div>span{font-size:9px;line-height:1.6}.compare-column-head a{font-size:8px;line-height:1.7}.compare-section{scroll-margin-top:195px}.compare-section h2{font-size:16px;padding:22px 6px 18px}.compare-section th{padding:18px 5px;font-size:11px;line-height:1.8}.compare-section td{padding:18px 10px}.compare-section td strong{font-size:12px;line-height:1.8}.compare-section td p{font-size:10px;line-height:1.9}.status{font-size:8px}.material-detail summary{font-size:9px;line-height:1.8}.material-detail h4{font-size:9px;letter-spacing:0}.compare-section .material-detail p{font-size:10px;line-height:1.9}.material-detail a{font-size:8px}.compare-notes{padding:20px;margin:30px 0}.compare-notes h2{font-size:17px}.compare-notes ul{font-size:11px}.compare-bottom h2{font-size:21px}.compare-bottom .button{font-size:12px;padding:17px 14px}footer{padding:20px 16px;font-size:10px}@media(min-width:601px){body{max-width:540px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}html{background:#e7e8df}.compare-controls{flex-direction:column;align-items:stretch}.compare-actions{justify-content:space-between}.compare-bottom{display:block}}

.compare-desktop .compare-section td p,.compare-desktop .compare-section .material-detail p{font-size:13px;line-height:1.75}
.compare-desktop .compare-section td strong{font-size:15px}
.compare-desktop .material-detail summary,.compare-desktop .material-detail h4{font-size:12px}
.compare-desktop .material-detail a,.compare-desktop .status{font-size:11px}
.compare-desktop .compare-column-head div>span{font-size:11px}
.compare-desktop .compare-controls nav{font-size:12px}

/* Keep each material together, with the two plans stacked on narrow screens. */
.mobile-plan-label{display:none}
@media(max-width:600px){
 .compare-desktop .compare-main{padding-inline:16px}
 .compare-desktop .compare-column-head{position:static;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:14px}
 .compare-desktop .compare-column-head>span{display:none}
 .compare-desktop .compare-column-head>div{display:flex;flex-direction:column;gap:3px;padding:13px 12px}
 .compare-desktop .compare-column-head b{font-size:28px}
 .compare-desktop .compare-column-head div>span,.compare-desktop .compare-column-head a{font-size:12px}
 .compare-desktop .compare-section{scroll-margin-top:0}
 .compare-desktop .compare-section h2{font-size:22px;padding-left:0;border:0}
 .compare-desktop .compare-section table,.compare-desktop .compare-section tbody{display:block;width:100%}
 .compare-desktop .compare-section colgroup{display:none}
 .compare-desktop .compare-section tbody tr{display:grid;gap:10px;margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}
 .compare-desktop .only-differences .compare-section tbody tr.same{display:none}
 .compare-desktop .compare-section th[scope=row]{width:auto;padding:0 2px;font-size:17px;font-weight:650}
 .compare-desktop .compare-section .plan-cell{display:block;width:auto;min-width:0;border:0;border-radius:12px;padding:14px;background:#f5f5f7}
 .compare-desktop .compare-section .plan-538{background:#eef5ff}
 .mobile-plan-label{display:block;margin-bottom:8px;color:#0058ae;font-size:13px;font-weight:650}
 .compare-desktop .compare-section td strong{font-size:18px}
 .compare-desktop .compare-section td p,.compare-desktop .compare-section .material-detail p{font-size:15px;line-height:1.8}
 .compare-desktop .material-detail summary,.compare-desktop .material-detail h4{font-size:14px}
 .compare-desktop .material-detail summary{min-height:44px}
 .compare-desktop .material-detail a,.compare-desktop .status{font-size:13px}
 .compare-desktop .compare-controls nav{font-size:13px}
}