.comparison-type-card{display:flex;flex-direction:column;min-width:0;cursor:default}
.comparison-type-card:hover{transform:none;box-shadow:none}
.comparison-type-link{display:block;color:inherit;text-decoration:none}
.comparison-type-link:hover .comparison-type-more{text-decoration:underline}
.comparison-type-more{display:block;text-decoration:underline;text-underline-offset:4px;font-size:.9rem}
.comparison-video{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.comparison-video h4{margin:0 0 8px;font-size:1rem}
.comparison-video p{line-height:1.7}
.comparison-video ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.comparison-video a{display:block;min-height:44px;padding:10px 12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:.9rem;line-height:1.6;text-underline-offset:4px;overflow-wrap:anywhere}
.comparison-video a span{font-variant-numeric:tabular-nums;white-space:nowrap}
.comparison-video a:hover{border-color:var(--gold)}
.comparison-type-link:focus-visible,.comparison-video a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.comparison-type-card .facts>div{grid-template-columns:minmax(0,1fr);gap:5px}.comparison-type-card .facts dd{font-weight:400;line-height:1.8}

.comparison-type-nav{margin:0 0 32px}
.comparison-type-nav ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}
.comparison-type-nav a{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:10px 12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none;line-height:1.5}
.comparison-type-nav a span{font-size:.8rem;overflow-wrap:anywhere}
.comparison-type-nav a strong{font-size:1.05rem;font-variant-numeric:tabular-nums}
.comparison-type-nav a:hover{border-color:var(--gold)}
.comparison-type-nav a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.comparison-type-card[id]{scroll-margin-top:100px}
.comparison-type-card:target{border-color:var(--gold)}
@media(max-width:720px){.comparison-type-nav ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}