/* Car Coverage Guide - front page.
   Palette: deep plum + sage on bone. Layout is definition-led: the four
   coverage lines are a <dl>, because that is what they are. */
:root{--ccg-plum:#4A2545;--ccg-plum-d:#331830;--ccg-sage:#7E9B7E;--ccg-bone:#F7F4EF;--ccg-ink:#241520;--ccg-mut:#6B5A66;--ccg-line:#E2D9DE}
.hp{background:var(--ccg-bone);color:var(--ccg-ink);font-size:17px;line-height:1.65}
.hp .ccg-wrap{max-width:1060px;margin:0 auto;padding:0 24px}
.hp .ccg-narrow{max-width:760px}
.hp h1,.hp h2,.hp h3{color:var(--ccg-plum);letter-spacing:-.015em;margin:0}

.hp .ccg-hero{background:var(--ccg-plum);padding:88px 0 76px;text-align:center}
.hp .ccg-hero .ccg-kick{color:var(--ccg-sage);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;margin:0 0 18px}
.hp .ccg-hero h1{color:var(--ccg-bone);font-size:clamp(30px,4.4vw,50px);line-height:1.15;max-width:20ch;margin:0 auto 22px}
.hp .ccg-lede{color:#E6DCE4;max-width:62ch;margin:0 auto;font-size:18px}

.hp .ccg-sec{padding:74px 0}
.hp .ccg-alt{background:#fff;border-top:1px solid var(--ccg-line);border-bottom:1px solid var(--ccg-line)}
.hp .ccg-h2{font-size:clamp(23px,2.7vw,31px);margin:0 0 34px}

.hp .ccg-defs{margin:0}
.hp .ccg-def{display:grid;grid-template-columns:260px 1fr;gap:32px;padding:26px 0;border-top:1px solid var(--ccg-line)}
.hp .ccg-def:last-child{border-bottom:1px solid var(--ccg-line)}
.hp .ccg-def dt{font-size:21px;font-weight:700;color:var(--ccg-plum);margin:0}
.hp .ccg-def dt span{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ccg-sage);margin-top:7px}
.hp .ccg-def dd{margin:0;color:var(--ccg-mut)}

.hp .ccg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.hp .ccg-card{background:var(--ccg-bone);border:1px solid var(--ccg-line);border-radius:3px;padding:28px 24px}
.hp .ccg-num{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--ccg-sage);margin:0 0 12px}
.hp .ccg-card h3{font-size:18px;margin:0 0 10px;line-height:1.3}
.hp .ccg-card p{margin:0;color:var(--ccg-mut);font-size:15.5px}

.hp .ccg-narrow p{color:var(--ccg-mut);margin:0 0 18px}

.hp .ccg-end{background:var(--ccg-plum-d);padding:56px 0;text-align:center}
.hp .ccg-end p{color:#E6DCE4;margin:0 0 22px;font-size:18px}
.hp .ccg-end a{display:inline-block;background:var(--ccg-sage);color:#1E2A1E;text-decoration:none;font-weight:700;padding:14px 34px;border-radius:2px}
.hp .ccg-end a:hover{background:#93AE93;color:#1E2A1E}

@media(max-width:860px){
 .hp .ccg-cards{grid-template-columns:1fr}
 .hp .ccg-def{grid-template-columns:1fr;gap:10px}
 .hp .ccg-hero{padding:60px 0 52px}
 .hp .ccg-sec{padding:52px 0}
}