/* Editorial service cards share the approved site palette and logo. */
.comparison-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;padding:12px 6px 18px;border-bottom:1px solid var(--site-line);font-size:13px}
.comparison-nav a{padding:6px 0;text-decoration:none}.comparison-nav [aria-current]{border-bottom:3px solid var(--site-gold);font-weight:700}
.comparison-intro{text-align:center;padding:24px 8px 28px}.comparison-eyebrow{color:#9b7b3f;font-size:11px;font-weight:700;letter-spacing:.22em;margin:0 0 8px}.comparison-intro h1{font-size:clamp(23px,3vw,32px);margin:0 0 10px}.comparison-intro p:not(.comparison-eyebrow){margin:0 0 8px;font-size:14px}.comparison-intro small{font-size:12px;color:#536d60;line-height:1.6}
.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.comparison-demo-note{padding:12px 16px;margin:0 0 20px;background:#f6f2e8;border-radius:7px;font-size:12px;line-height:1.8;color:#5c563f}.comparison-demo-note strong{margin-right:8px}
.article-page article.comparison-card{margin:0;padding:0;min-width:0;max-width:none;border:1px solid #cbded2;border-radius:12px;overflow:hidden}
.comparison-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#e7f0e9}.comparison-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.comparison-thumb:hover img{transform:scale(1.025)}.comparison-thumb:focus-visible{outline:4px solid #c7a66a;outline-offset:-4px}.thumb-caption{position:absolute;bottom:10px;left:10px;background:#103c30e8;color:white;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:600}.thumb-note{position:absolute;top:8px;right:8px;background:#ffffffdf;color:#304f40;padding:2px 5px;border-radius:3px;font-size:9px}
.comparison-body{padding:16px}.article-page .comparison-card p.comparison-kind{font-size:11px;color:#61796b;letter-spacing:.03em;margin:0 0 5px;line-height:1.5}.article-page .comparison-card h2{font-size:20px;margin:0 0 16px;line-height:1.4}
.comparison-facts{margin:0 0 16px;font-size:12px;line-height:1.65}.comparison-facts>div{display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px;padding:6px 0}.comparison-facts dt{font-size:11px;color:#587363}.comparison-facts dd{margin:0;overflow-wrap:anywhere;font-weight:600}.comparison-facts dd small{display:block;font-size:11px;font-weight:400;color:#617468;margin-top:3px}.plan-tag{background:#eaf3ed;border-radius:4px;padding:3px 7px;font-size:11px}
.comparison-score{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--site-line);padding:14px 0 10px;gap:8px}.comparison-score>span{font-size:11px;font-weight:600}.comparison-score>strong{font-size:35px;line-height:1;color:#927139;font-variant-numeric:tabular-nums}.comparison-score strong small{font-size:12px;font-weight:500;color:#617468}.score-bars{display:grid;gap:7px;margin:6px 0 20px}.score-row{display:grid;grid-template-columns:100px minmax(0,1fr) 38px;align-items:center;gap:6px;font-size:11px}.score-row b{text-align:right;font-size:11px;font-variant-numeric:tabular-nums}.score-row b small{font-size:9px;font-weight:400;color:#698074}.score-row meter{width:100%;height:9px;border:0;border-radius:10px;background:#e5ede7;appearance:none}.score-row meter::-webkit-meter-bar{background:#e5ede7;border:0;border-radius:10px}.score-row meter::-webkit-meter-optimum-value{background:#28664d;border-radius:10px}.score-row meter::-moz-meter-bar{background:#28664d;border-radius:10px}
.article-page .comparison-card h3{font-size:12px;padding:0;border:0;margin:0 0 8px;line-height:1.5}.comparison-reasons{border-top:1px solid var(--site-line);padding-top:14px}.comparison-reasons ul{padding-left:16px;margin:0;font-size:11px;line-height:1.8}.comparison-reasons li{margin:5px 0}.comparison-reasons li strong{font-weight:600}.comparison-comment{background:#f6f2e8;padding:12px;border-radius:7px;margin-top:16px}.article-page .comparison-comment h3{color:#806632}.article-page .comparison-comment p{font-size:12px;line-height:1.85;margin:0}.comparison-sources{font-size:11px;line-height:1.8;margin-top:14px;color:#526b5d}.comparison-sources summary{cursor:pointer}.article-page .comparison-sources p{font-size:11px;line-height:1.9;margin:8px 0 0}.comparison-method{font-size:12px;background:#f3f7f4;border:1px solid var(--site-line);border-radius:9px;padding:14px 16px;margin:24px 0 0;line-height:1.85}.comparison-method summary{cursor:pointer;font-weight:600}.comparison-method p{margin:12px 0 0}
@media(max-width:1020px) and (min-width:701px){.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.comparison-grid{grid-template-columns:minmax(0,1fr)}.comparison-body{padding:16px}.comparison-nav{gap:6px 17px;font-size:12px}.comparison-intro{padding:22px 0}.comparison-intro h1{font-size:23px}.comparison-intro small{display:block}.comparison-facts{font-size:13px}.comparison-reasons ul{font-size:12px}.article-page .comparison-comment p{font-size:13px}.score-row{font-size:12px;grid-template-columns:108px minmax(0,1fr) 40px}}
@media(prefers-reduced-motion:reduce){.comparison-thumb img{transition:none}}
@media(max-width:360px){.comparison-intro h1{font-size:19px}.comparison-nav{gap:6px 12px;font-size:11px}.comparison-intro p:not(.comparison-eyebrow){font-size:13px}}