@font-face {
  font-family: Quedora;
  src: url('/assets/fonts/quedora-black-v1.woff2') format('woff2');
  font-weight: 900;
  font-display: swap;
}
.content-page {
  --font: Michroma, Arial, Helvetica, sans-serif;
  margin: 0;
  color: #000;
  background: #e9e9e7 url('/assets/v2-paper-2560.webp') center top / 1280px auto;
  font: 400 15px/1.8 var(--font);
  font-synthesis: none;
  letter-spacing: 0;
}
.content-page * { box-sizing: border-box; }
.content-page a { color: inherit; text-underline-offset: 4px; }
.content-page :focus-visible { outline: 2px solid #b42020; outline-offset: 5px; }
.content-page .content-skip { position: absolute; top: -100px; left: 16px; z-index: 300; padding: 12px; background: #fff; }
.content-page .content-skip:focus { top: 8px; }
.content-heading { padding-bottom: 28px; }
.content-photo { margin: 0; height: 380px; background: #ddd; overflow: hidden; }
.content-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.content-photo--car { background: #fff; height: 320px; }
.content-photo--car img { object-fit: contain; padding: 28px 24px; max-width: 1200px; margin: auto; }
.content-heading h1 { font: 900 52px/1.08 Quedora, Arial, sans-serif; margin: 44px auto 0; max-width: 1040px; padding: 0 40px; overflow-wrap: break-word; }
.content-prose { max-width: 1040px; padding: 0 40px 80px; margin: 0 auto; }
.content-prose p { margin: 0 0 24px; }
.content-prose h2 { font: 900 30px/1.15 Quedora, Arial, sans-serif; margin: 52px 0 24px; padding-top: 28px; border-top: 1px solid #bbb; scroll-margin-top: 88px; }
.content-prose h3 { font: 400 18px/1.5 var(--font); margin: 32px 0 18px; }
.content-prose ul, .content-prose ol { padding-left: 24px; margin: 0 0 28px; }
.content-prose li { padding-left: 4px; margin-bottom: 12px; }
.content-prose strong { font-weight: 400; }
.content-prose hr { border: 0; border-top: 1px solid #bbb; margin: 36px 0 0; }
.content-prose .content-table { overflow-x: auto; margin: 24px 0 28px; max-width: 100%; }
.content-prose table { border-collapse: collapse; width: 100%; background: #fff; font-size: 13px; line-height: 1.8; }
.content-prose :is(th, td) { padding: 18px 20px; text-align: left; vertical-align: top; border: 1px solid #d0d0ce; min-width: 150px; font-weight: 400; }
.content-prose th { background: #eee; }
.content-prose details { border-bottom: 1px solid #aaa; padding: 0; }
.content-prose summary { display: flex; align-items: center; gap: 22px; justify-content: space-between; list-style: none; cursor: pointer; padding: 23px 0; font: 400 15px/1.7 var(--font); }
.content-prose summary::-webkit-details-marker { display: none; }
.content-prose summary::after { content: '+'; font: 24px/1 Arial,sans-serif; flex: 0 0 20px; text-align: center; }
.content-prose details[open] summary::after { content: '\2212'; }
.content-prose .faq-answer { padding: 0 32px 4px 0; }
.content-prose details + p { margin-top: 32px; }
.content-footer { border-top: 1px solid #bbb; padding: 32px 24px; font-size: 11px; }
.content-footer .row { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.content-footer a { display: inline-block; padding-block: 10px; }
.content-heading--text { max-width: 1040px; margin: auto; padding: 56px 40px 32px; }
.content-heading--text h1 { max-width: 900px; margin: 28px 0 0; padding: 0; font-size: 44px; }
.content-breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; list-style: none; margin: 0; padding: 0; font-size: 11px; line-height: 1.8; }
.content-breadcrumbs li { display: flex; align-items: baseline; gap: 12px; }
.content-breadcrumbs li + li::before { content: '/'; color: #686866; }
.content-breadcrumbs a { display: inline-block; padding-block: 12px; }
.content-breadcrumbs [aria-current] { color: #555; }
.content-page--editorial .content-prose :is(p,li,h2,h3,summary) { overflow-wrap: anywhere; }
.content-page--editorial .content-prose th[scope="row"] { background: #f6f6f4; }
.content-table--comparison table { min-width: 760px; }
.content-table--comparison thead th:last-child { background: #111; color: #fff; }
.content-table--comparison tbody td:last-child { background: #faf4f4; }
.content-page--editorial .content-prose input[type="checkbox"] { width: 16px; height: 16px; margin: 0 8px 0 0; vertical-align: middle; }
@media (max-width: 760px) {
  .content-photo { height: 260px; }
  .content-photo--car { height: 210px; }
  .content-heading h1 { font-size: 34px; margin-top: 30px; padding-inline: 24px; }
  .content-heading--text { padding: 28px 24px 24px; }
  .content-heading--text h1 { padding: 0; font-size: 34px; margin-top: 20px; }
  .content-prose { padding: 0 24px 56px; font-size: 14px; }
  .content-prose h2 { font-size: 26px; margin-top: 38px; padding-top: 24px; }
  .content-prose summary { font-size: 14px; }
  .content-prose :is(th, td) { padding: 14px; }
}
@media (max-width: 360px) {
  .content-heading h1 { font-size: 28px; }
  .content-heading h1, .content-prose { padding-inline: 18px; }
  .content-heading--text { padding-inline: 18px; }
  .content-heading--text h1 { padding: 0; }
  .content-prose h2 { font-size: 23px; }
}
