.comparison-by-type-page{--cr-black: #050500;--cr-green: #00ae4d;--cr-brand-green: #00803E;--cr-white: #ffffff;--cr-light-fray: #FAFAF7;--cr-gray: #d8d9d4;--cr-silver: #767676}.crux-container{@media(min-width:768px)and (max-width:1199px){width:calc(100% - 60px)}}body .wrapper{display:flex;flex-direction:column}.comparison-by-type-page__hero{background-color:var(--cr-light-fray);display:flex;padding-bottom:43px}.comparison-by-type-page__hero__link{display:inline-flex;height:40px;align-items:center;padding:0 16px;background:0;border-radius:24px;border:1px solid var(--cr-brand-green);color:var(--cr-brand-green);font-family:Averta W01 Semibold,Helvetica,Arial,sans-serif;font-size:16px;text-decoration:none}.comparison-by-type-page__hero__link:hover{background:#05050014;cursor:pointer}@media(max-width:1199px){.comparison-by-type-page__hero{padding-bottom:60px}}@media(max-width:767px){.comparison-by-type-page__hero{padding-bottom:48px}}.comparison-by-type-page__hero h1{border-bottom:1px solid var(--cr-gray);color:var(--cr-black);font-family:Averta W01 Bold,Helvetica,Arial,sans-serif;font-size:80px;font-weight:700;line-height:84px;margin:48px 0;padding-bottom:16px}@media(max-width:767px){.comparison-by-type-page__hero h1{font-size:48px;font-weight:600;line-height:52px}}.comparison-by-type-page__subtext{font-family:Averta W01 Light,Helvetica,Arial,sans-serif;font-weight:400;font-size:24px;line-height:32px;margin-bottom:24px;max-width:845px}@media(max-width:767px){.comparison-by-type-page__subtext{font-size:20px;line-height:28px}}.comparison-by-type-page__popular-cars{margin-top:72px}.comparison-by-type-page__popular-cars .cr-popular-cars__wrapper{gap:40px}.comparison-by-type-page__popular-cars .cr-popular-cars__wrapper h2{display:flex;justify-content:center;width:100%}.comparison-by-type-page .show-less-button-container{display:none;justify-content:center;margin-top:40px;width:100%}@media(max-width:767px){.comparison-by-type-page .show-less-button-container{margin-top:32px}}.comparison-by-type-page .type-section:has(details[open]) .show-less-button-container{display:flex}.comparison-by-type-page.ratings-home{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem}.comparison-by-type-page .ratings-home__card{width:100%;max-width:1170px}.comparison-by-type-page .ratings-home__card h1{font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:700;line-height:1.15;color:var(--cr-black);margin:0}.comparison-by-type-page .type-section{margin-bottom:96px;margin-top:1.5rem;text-align:left}@media(max-width:1199px){.comparison-by-type-page .type-section{margin-bottom:60px}}@media(max-width:767px){.comparison-by-type-page .type-section{margin-bottom:52px}}.comparison-by-type-page .type-heading{display:flex;justify-content:center;gap:8px}.comparison-by-type-page .type-heading>h2{font-size:32px;font-weight:600;color:var(--cr-black);margin:0;font-family:Averta W01 Bold,Helvetica,Arial,sans-serif;text-align:center}.comparison-by-type-page .type-count{font-weight:400;font-size:14px;color:var(--cr-silver);margin-top:8px;font-family:Averta W01 Regular,Helvetica,Arial,sans-serif;line-height:27px}.comparison-by-type-page .primary-links,.comparison-by-type-page .overflow-links{list-style:none;margin:0;padding:0;columns:2;column-gap:1.5rem}.comparison-by-type-page .primary-links{margin:24px 0 0}@media(max-width:767px){.comparison-by-type-page .primary-links,.comparison-by-type-page .overflow-links{columns:1}.comparison-by-type-page .primary-links{margin-top:20px}}.comparison-by-type-page .primary-links li,.comparison-by-type-page .overflow-links li{align-items:center;display:flex;gap:6px;margin-bottom:24px}.comparison-by-type-page .primary-links a,.comparison-by-type-page .overflow-links a{color:var(--cr-black);font-family:Averta W01 Regular,Helvetica,Arial,sans-serif;font-size:18px;font-weight:600;line-height:22px;letter-spacing:-.25px;text-decoration:none}.comparison-by-type-page .primary-links a:hover{text-decoration:underline}.comparison-by-type-page .overflow-links{height:0;overflow:hidden}.comparison-by-type-page .type-section:has(details[open]) .overflow-links{height:auto}.comparison-by-type-page .show-more{display:flex;justify-content:center;margin-top:40px;width:100%}@media(max-width:767px){.comparison-by-type-page .show-more{margin-top:32px}}.comparison-by-type-page .show-more summary,.comparison-by-type-page .show-less-btn{cursor:pointer;font-family:Averta W01 Regular,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;color:var(--cr-black);list-style:none;display:flex;align-items:center;gap:8px;border:1px solid var(--cr-black);padding:0 16px;background:#fff;border-radius:18px;height:40px}.comparison-by-type-page .show-more summary:hover,.comparison-by-type-page .show-less-btn:hover{background:#05050014}.comparison-by-type-page .show-less-btn{>img{transform:rotate(-90deg)}}.comparison-by-type-page .show-more summary img{transform:rotate(90deg)}.comparison-by-type-page .show-more summary::-webkit-details-marker{display:none}.comparison-by-type-page .type-section:has(details[open]) .show-more{display:none}
