/* Local photographic assets. Inspection photography is labelled as illustration. */
.inspection-photo-note{display:inline-block;vertical-align:middle;margin:0 0 36px 22px;font-size:9px;color:#91a1b3;letter-spacing:.4px}
#inspection .inspection-grid{gap:24px;border:0}
#inspection .inspection-card{padding:0 0 24px;border:1px solid #334052;border-radius:11px;overflow:hidden;background:#17273a}
.inspection-photo{width:100%;aspect-ratio:4/3;background-image:url('images/home-2026/inspection-contact-sheet.webp');background-size:302% auto;background-repeat:no-repeat;background-position:0 10.5%;margin-bottom:24px;opacity:.88}
.inspection-photo-2{background-position:50% 10.5%}.inspection-photo-3{background-position:100% 10.5%}.inspection-photo-4{background-position:0 89.5%}.inspection-photo-5{background-position:50% 89.5%}.inspection-photo-6{background-position:100% 89.5%}
#inspection .inspection-card h3,#inspection .inspection-card p{margin-left:24px;margin-right:24px;max-width:none}
#inspection .inspection-card h3{padding-right:20px}
#inspection .inspection-card-number{top:auto;right:20px;margin-top:3px;font-size:9px;color:#889aaf}
.story-photo{position:relative;display:block;margin:-25px -24px 22px;aspect-ratio:4/3;overflow:hidden;background:#d6dbdc}
.story-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.story-photo small{position:absolute;left:9px;bottom:8px;font-size:5px;letter-spacing:.7px;color:white;background:#101f328f;backdrop-filter:blur(5px);padding:4px 6px;border-radius:3px}
.story-card:nth-child(1) .story-photo img{object-position:50% 55%}.story-card:nth-child(3) .story-photo img{object-position:50% 65%}
.story-card>summary:hover .story-photo img{transform:scale(1.04)}
.story-card .story-model{margin-bottom:19px;min-height:28px}
.story-card>summary{min-height:455px}
.story-card .story-title{font-size:19px}
@media(max-width:950px){#inspection .inspection-grid{gap:17px}#inspection .inspection-card h3,#inspection .inspection-card p{margin-left:19px;margin-right:19px}#inspection .inspection-card h3{font-size:16px}.story-photo{margin:-26px -25px 22px}.story-card>summary{padding:26px 25px 23px;min-height:470px}.story-card .story-title{font-size:23px}.story-card .story-model{min-height:0}.inspection-photo-note{font-size:8px;margin-left:14px}}
@media(max-width:650px){.inspection-photo-note{display:block;margin:-20px 0 24px;font-size:8px}#inspection .inspection-grid{grid-template-columns:1fr 1fr;gap:15px}#inspection .inspection-card{padding:0 0 20px}.inspection-photo{margin-bottom:18px}#inspection .inspection-card h3,#inspection .inspection-card p{margin-left:14px;margin-right:14px}#inspection .inspection-card h3{padding-right:0;font-size:14px;overflow-wrap:normal}#inspection .inspection-card p{font-size:10px;line-height:1.85}#inspection .inspection-card-number{top:9px;right:9px;color:white;background:#101f32aa;border-radius:4px;padding:5px;font-size:7px;margin:0}.story-card>summary{padding:26px 25px 23px;min-height:0}.story-photo{aspect-ratio:1.5;margin:-26px -25px 23px}.story-card .story-title{font-size:23px}.story-card .story-model{margin-bottom:17px}.story-photo small{font-size:6px}}
@media(max-width:370px){#inspection .inspection-grid{grid-template-columns:1fr}#inspection .inspection-card h3{font-size:18px;margin-left:20px;margin-right:20px}#inspection .inspection-card p{font-size:12px;margin-left:20px;margin-right:20px}.inspection-photo{aspect-ratio:1.5;background-position-y:12.5%}.inspection-photo-4,.inspection-photo-5,.inspection-photo-6{background-position-y:87.5%}.story-card .story-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){.story-photo img{transition:none}}

.comparison-row>*:nth-child(2){color:var(--muted)}
@media(max-width:480px){#inspection .inspection-grid{grid-template-columns:1fr}#inspection .inspection-card h3{font-size:19px;margin-left:22px;margin-right:22px}#inspection .inspection-card p{font-size:12px;margin-left:22px;margin-right:22px}.inspection-photo{aspect-ratio:1.5;background-position-y:12.5%}.inspection-photo-4,.inspection-photo-5,.inspection-photo-6{background-position-y:87.5%}}

/* Readable supporting copy. Keep this after the original responsive rules so
   narrow screens retain the same minimum sizes as the rest of the site. */
.brief-home {
  --copy-size: 17px;
  --lead-size: 18px;
  --caption-size: 14px;
}

.brief-home :is(.hero-lead, .section-heading > p, .savings-top > p) {
  font-size: var(--lead-size);
  line-height: 1.65;
}

.brief-home :is(
  .benefit-copy p, .hero-facts .facts-note, .section-action > p,
  .chat-message, .sample-cars p, .inspection-preview p, .contract-preview > div,
  .comparison-row, .saving-reasons li p, .life-card p,
  .purchase-timeline p, .payment-note p, .inspection-card p,
  .protection-card p, .protection-note p, .story-body p, .faq-answer p,
  .preview-dialog p
) {
  font-size: var(--copy-size);
  line-height: 1.65;
}

/* Match the existing ID-scoped rules for these sections. */
#inspection .inspection-card p,
#inspection .section-action > p,
.brief-home .final-cta p:not(.section-kicker) {
  font-size: var(--copy-size);
  line-height: 1.65;
}

.brief-home :is(
  .home-nav-links a, .nav-cta, .text-link, .subtle-link,
  .eyebrow, .section-kicker, .hero-caption, .hero-facts p:not(.facts-note),
  .hero-facts > div:not(:first-child) strong span, .brand-strip > span,
  .brand-strip > b:nth-last-child(2), .brand-strip > b:last-child,
  .stage-label, .stage-bottom, .saving-badge > span:first-child,
  .saving-badge > small, .hero-match b, .hero-match div > span,
  .mini-ai, .benefit-copy > span, .process-tab > span,
  .process-tab small, .display-top > span, .display-top > small,
  .chat-avatar, .chat-options > span, .chat-input,
  .funnel > div, .funnel b, .panel-footnote,
  .sample-cars small, .sample-price > small,
  .sample-price > span, .comparison-intro small,
  .comparison-head, .comparison-head > :first-child,
  .comparison-head b, .comparison-more > summary,
  .million > span, .million > p, .saving-reasons li > span,
  .life-heading > span, .life-card > small, .step-no,
  .purchase-timeline h3 strong, .section-fineprint,
  .inspection-tag, .inspection-photo-note, .inspection-card-number,
  .service-no, .story-model, .story-open, .story-photo small,
  .footer-top > p, .footer-top nav, .footer-bottom,
  .preview-dialog .btn
) {
  font-size: var(--caption-size);
  line-height: 1.55;
}

#inspection .inspection-card-number { font-size: var(--caption-size); }
.brief-home :is(.eyebrow, .section-kicker, .stage-label, .stage-bottom,
  .display-top > small, .comparison-intro small, .million > span,
  .life-card > small, .story-photo small) { letter-spacing: .06em; }
.brief-home :is(.mobile-nav a, .process-tab b, .saving-reasons li b,
  .comparison-row > :first-child) { font-size: 16px; line-height: 1.5; }
.brief-home .comparison-head > :first-child { font-size: 14px; }
.brief-home .hero-copy .btn-large { font-size: 16px; }
.brief-home .btn { white-space: normal; }
.brief-home .nav-cta { white-space: nowrap; }
.brief-home .hero-actions { flex-wrap: wrap; }
.brief-home .home-nav-links { gap: 20px; }
.brief-home .hero-stage { min-height: 530px; }
.brief-home .saving-badge { width: 210px; }
.brief-home .stage-label { gap: 8px; }
.brief-home .stage-check { flex-shrink: 0; }
.brief-home .stage-bottom { flex-wrap: wrap; gap: 5px 16px; }
.brief-home .hero-match { bottom: 100px; }
.brief-home .hero-match > div { min-width: 0; }
.brief-home .match-check { flex-shrink: 0; }
.brief-home .process-tab > span { flex-shrink: 0; }
.brief-home .display-top { flex-wrap: wrap; }
.brief-home .chat-input { gap: 12px; }
.brief-home .chat-input b { flex-shrink: 0; }
.brief-home .funnel > div { min-width: min(100%, 250px); }
.brief-home .comparison-row > * { min-width: 0; overflow-wrap: break-word; }
.brief-home .comparison-head > :last-child { flex-wrap: wrap; }
.brief-home .comparison-head b { white-space: normal; }
.brief-home .story-photo small { right: 9px; width: fit-content; }
.brief-home .footer-top nav { flex-wrap: wrap; gap: 16px 24px; }
.brief-home .footer-bottom { line-height: 1.6; }

@media (min-width: 651px) and (max-width: 1100px) {
  .brief-home .home-nav { flex-wrap: wrap; gap: 10px; }
  .brief-home .home-nav-links { display: none; }
  .brief-home .nav-cta { margin-left: auto; }
  .brief-home .home-menu-toggle { display: flex; }
  .brief-home .section-heading { align-items: flex-start; }
  .brief-home .benefit-grid { grid-template-columns: 1fr; }
  .brief-home .benefit-card { display: grid; grid-template-columns: 1fr 1.5fr; }
  .brief-home .benefit-art { height: auto; min-height: 220px; }
  .brief-home .benefit-copy h3 { max-width: none; }
  .brief-home .life-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 950px) {
  .brief-home .hero-layout { grid-template-columns: 1fr; }
  .brief-home .hero-stage { min-height: 490px; }
  .brief-home .hero-lead { max-width: 640px; }
  .brief-home .process-workbench { grid-template-columns: 1fr; }
  #inspection .inspection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
  .brief-home { --copy-size: 16px; --lead-size: 16px; }
  .brief-home .hero-stage { min-height: 465px; }
  .brief-home .saving-badge { top: 83px; right: 20px; width: 190px; }
  .brief-home .hero-match { bottom: 100px; }
  .brief-home .stage-bottom { bottom: 20px; flex-direction: column; }
  .brief-home .hero-facts { align-items: start; }
  .brief-home .brand-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brief-home .section-heading > p { max-width: none; }
  .brief-home .comparison-row { column-gap: 12px; }
  .brief-home .comparison-row > :last-child { padding-left: 0; }
  .brief-home .comparison-head > :last-child { padding-left: 0 !important; }
  .brief-home .comparison-intro > div { padding-inline: 14px; }
  .brief-home .comparison-intro small { overflow-wrap: break-word; }
  .brief-home .protection-grid,
  #inspection .inspection-grid { grid-template-columns: minmax(0, 1fr); }
  .brief-home .protection-card { padding: 24px; }
  .brief-home .payment-note { flex-wrap: wrap; }
  .brief-home .footer-bottom { flex-direction: column; gap: 12px; }
  .brief-home .footer-bottom > span:last-child { max-width: none; text-align: left; }
}

@media (max-width: 480px) {
  .brief-home .sample-cars { grid-template-columns: minmax(0, 1fr); }
  .brief-home .sample-cars img { height: 170px; }
  .brief-home .life-grid { grid-template-columns: minmax(0, 1fr); }
  .brief-home .life-card .life-visual { height: 180px; }
  .brief-home .comparison-intro { grid-template-columns: minmax(0, 1fr); }
  .brief-home .comparison-intro > div { min-height: 0; padding: 22px; }
}

@media (max-width: 370px) {
  .brief-home .sample-price > b { font-size: 16px; }
}