.blog-article:has(.blog-promo){grid-auto-flow:row dense}
.blog-article:has(.blog-promo) :is(.blog-article__sources,.blog-article__credits,.blog-article__disclosure){grid-row:auto}
.blog-promo{
  --promo-blue:#438fdc;
  --promo-sky:#a7d2f0;
  --promo-accent:#e8b65c;
  grid-column:2 / 4;
  position:relative;
  display:block;
  aspect-ratio:1763 / 377;
  container-type:inline-size;
  width:100%;
  max-width:960px;
  min-width:0;
  margin:18px 0 6px;
  scroll-margin-top:100px;
  overflow:hidden;
  border-radius:18px;
  background:#eaf3ff;
  background:linear-gradient(105deg,#f3f9ff,#eaf5ff);
}
.blog-promo[data-blog-promo="rides"]{--promo-accent:#de8a73;aspect-ratio:1764 / 377}
.blog-promo[data-blog-promo="guides"]{--promo-accent:#aaf0d1;aspect-ratio:1713 / 400}
.blog-promo__art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.blog-promo__copy{position:relative;min-width:0;margin-left:46%;padding:25px 24px 20px 0}
.blog-promo[data-blog-promo="guides"] .blog-promo__copy{margin-left:50.3%;padding-top:40px;padding-right:16px}
.blog-promo__eyebrow{margin:0 0 14px;color:#0054dc;font-size:clamp(11px,1.42cqw,13.7px);font-weight:650;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}
.blog-promo h2{margin:0;color:#071a50;font-size:clamp(22px,3.1cqw,30px);font-weight:650;letter-spacing:-.005em;line-height:1.05}
.blog-promo__description{margin:6px 0 0;color:#596c99;font-size:clamp(15px,1.92cqw,18.5px);font-weight:500;letter-spacing:0;line-height:1.4}
.blog-promo[data-blog-promo="rides"] h2{font-size:clamp(22px,2.84cqw,27.3px)}
.blog-promo[data-blog-promo="rides"] .blog-promo__description{margin-top:10px;font-size:clamp(14px,1.75cqw,16.8px);letter-spacing:-.005em}
.blog-promo[data-blog-promo="guides"] h2{font-size:clamp(22px,2.875cqw,27.6px)}
.blog-promo[data-blog-promo="guides"] .blog-promo__description{margin-top:10px;font-size:clamp(14px,1.55cqw,15px)}
.blog-promo__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:18px}
.blog-promo__primary,.blog-promo__guide{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font-size:clamp(14px,1.87cqw,18px);font-weight:600;letter-spacing:-.02em;line-height:1.35}
.blog-promo a.blog-promo__primary{padding:12px 24px;border-radius:13px;background:#0568ff;color:#fff;text-decoration:none}
.blog-promo a.blog-promo__primary:hover{background:#0054dc}
.blog-promo a.blog-promo__guide{color:#0054dc;text-decoration:underline;text-underline-offset:4px}
.blog-promo a:focus-visible{outline:3px solid #07142d;outline-offset:4px}
.blog-promo[data-blog-promo="guides"] .blog-promo__primary,.blog-promo[data-blog-promo="guides"] .blog-promo__guide{min-height:44px;font-size:16px}
.blog-promo[data-blog-promo="guides"] a.blog-promo__primary{padding:10px 22px}
@media(max-width:1180px){.blog-promo{grid-column:1 / 3}}
@media(max-width:1000px){.blog-promo[data-blog-promo]{aspect-ratio:auto}}
@media(max-width:760px){
  .blog-promo,.blog-promo[data-blog-promo="guides"]{aspect-ratio:auto;margin:24px 0}
  .blog-promo__copy,.blog-promo[data-blog-promo="guides"] .blog-promo__copy{margin-left:43%;padding:22px 18px 22px 0}
  .blog-promo h2,.blog-promo[data-blog-promo] h2{font-size:23px}
  .blog-promo__actions{gap:6px 14px;margin-top:14px}
}
@media(max-width:480px){
  .blog-promo__art{display:none}
  .blog-promo__copy,.blog-promo[data-blog-promo="guides"] .blog-promo__copy{margin-left:0;padding:22px}
  .blog-promo__copy::before{content:"";display:block;width:54px;height:4px;margin-bottom:16px;border-radius:2px;background:linear-gradient(90deg,var(--promo-blue) 0 33%,var(--promo-sky) 33% 66%,var(--promo-accent) 66%)}
}