/* Article archive and story layout aligned with the Advertise Your Drive redesign */
.article-page{font-family:'Barlow',sans-serif;color:#303030;overflow:hidden}
.article-hero{background:linear-gradient(120deg,#202020 0%,#303030 72%,#3a3a3a 100%);color:#fff;padding:76px 0 72px;border-bottom:5px solid #99cc00}
.article-hero h1{color:#fff;font-size:clamp(36px,5vw,58px);line-height:1.05;font-weight:900;max-width:940px;margin:0 0 18px}
.article-kicker{color:#99cc00;text-transform:uppercase;letter-spacing:1.8px;font-size:13px;font-weight:800;margin:0 0 12px}
.article-deck{font-size:20px;line-height:1.55;color:#eee;max-width:780px;margin:0}
.article-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(250px,.9fr);gap:32px;padding-top:56px;padding-bottom:72px;align-items:start}
.article-card{background:#fff;border:1px solid #e5e5e5;box-shadow:0 10px 30px rgba(0,0,0,.06);min-width:0}
.article-feature-image{width:100%;max-height:430px;object-fit:cover;display:block}
.article-body{padding:38px clamp(22px,4vw,54px);font-size:18px;line-height:1.8;color:#393939}
.article-body h2{font-size:29px;line-height:1.2;font-weight:900;color:#242424;margin:34px 0 14px;padding-left:15px;border-left:5px solid #99cc00}
.article-body h2:first-child{margin-top:0}
.article-body p{margin:0 0 20px}
.article-body ul,.article-body ol{padding-left:24px;margin:0 0 22px}
.article-body li{margin:0 0 8px}
.article-byline{display:flex;flex-direction:column;gap:4px;margin:0 38px 34px;padding:18px 20px;background:#f4f4f4;border-left:4px solid #99cc00;font-size:15px}
.article-byline span{color:#666}
.article-sidebar{display:grid;gap:20px;position:sticky;top:24px}
.article-aside-card{background:#f3f3f3;padding:26px;border-top:4px solid #99cc00}
.article-aside-card h2{font-size:24px;font-weight:900;line-height:1.15;margin:0 0 12px;color:#222}
.article-aside-card p{line-height:1.6;margin:0 0 16px}
.article-button{display:inline-block;padding:13px 21px;background:#99cc00;color:#202020;font-weight:800;text-decoration:none;border:2px solid #99cc00}
.article-button:hover{color:#111;background:#83ae00;border-color:#83ae00;text-decoration:none}
.article-phone{display:inline-block;color:#333;font-weight:800;margin:15px 0 0}
.article-related ul{padding:0;list-style:none;margin:0 0 15px}
.article-related li{padding:10px 0;border-bottom:1px solid #ddd}
.article-related li a,.article-related>a{color:#343434;font-weight:700}
.article-archive{padding-top:56px;padding-bottom:80px}
.article-archive-intro{max-width:760px;margin-bottom:30px}
.article-archive-intro h2,.article-archive-cta h2{font-weight:900;font-size:34px;line-height:1.15;margin:0 0 12px;color:#222}
.article-archive-intro p,.article-archive-cta p{font-size:18px;line-height:1.65;color:#555}
.article-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.article-list-card{display:grid;grid-template-columns: minmax(150px,.8fr) minmax(0,1.2fr);background:#fff;border:1px solid #e4e4e4;box-shadow:0 8px 24px rgba(0,0,0,.06);overflow:hidden;min-height:220px}
.article-list-image{display:block;background:#222;min-height:220px}
.article-list-image img{width:100%;height:100%;min-height:220px;object-fit:cover;display:block}
.article-list-content{padding:22px;align-self:center}
.article-list-content h2{font-size:23px;line-height:1.15;font-weight:900;margin:0 0 10px}
.article-list-content h2 a{color:#252525;text-decoration:none}
.article-list-content p:not(.article-kicker){font-size:15px;line-height:1.55;color:#555;margin:0 0 14px}
.article-read-more{font-weight:800;color:#567600}
.article-archive-cta{margin-top:42px;background:#252525;color:#fff;padding:34px}
.article-archive-cta h2{color:#fff}
.article-archive-cta p{color:#eee}
@media(max-width:991px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.article-list-grid{grid-template-columns:1fr}}
@media(max-width:575px){.article-hero{padding:52px 0}.article-deck{font-size:18px}.article-layout{padding-top:32px;padding-bottom:48px}.article-sidebar{grid-template-columns:1fr}.article-list-card{grid-template-columns:1fr}.article-list-image,.article-list-image img{height:210px;min-height:210px}.article-body{padding:28px 22px;font-size:17px}.article-body h2{font-size:25px}.article-byline{margin:0 22px 24px}.article-archive{padding-top:38px;padding-bottom:54px}}

.article-byline time{color:#555;font-size:14px;font-style:normal}