/* V118: one editorial article design for guides and road-trip recaps.
   All selectors are deliberately scoped to blog article pages only. */
body.nmm-blog-article { background:#f3f6fa !important; color:#10263d; }
body.nmm-blog-article main.nmm-article-main {
  box-sizing:border-box; width:100%; max-width:1190px!important;
  margin:0 auto!important; padding:30px 20px 72px!important;
}
body.nmm-blog-article .nmm-article-shell {
  box-sizing:border-box; max-width:850px; margin:0 auto;
  background:#fff; border:1px solid #dbe3ed;
  border-radius:16px; padding:clamp(20px,4vw,50px);
  box-shadow:0 12px 28px rgba(12,34,57,.045);
}
/* Existing guide article is the shell; don't nest a card within it. */
body.nmm-blog-article article.guide.nmm-article-shell {
  max-width:850px!important; margin:0 auto!important;
}
body.nmm-blog-article .nmm-article-toolbar {
  max-width:850px; margin:0 auto 22px!important;
}
body.nmm-blog-article .nmm-article-toolbar a,
body.nmm-blog-article .nmm-article-shell a.backlink {
  display:inline-block!important; padding:10px 16px!important;
  background:#edf2f7!important; color:#10263d!important;
  border:1px solid #dbe3ed!important; border-radius:999px!important;
  font-weight:750!important; text-decoration:none!important;
}
body.nmm-blog-article .nmm-article-toolbar a:hover,
body.nmm-blog-article .nmm-article-shell a.backlink:hover {
  background:#dde9f3!important;
}
body.nmm-blog-article .nmm-article-shell > small:first-of-type,
body.nmm-blog-article .nmm-article-shell .section-eyebrow,
body.nmm-blog-article .nmm-article-shell .eyebrow {
  display:block; color:#9b7500!important; font-size:12px!important;
  letter-spacing:.13em!important; text-transform:uppercase!important;
  font-weight:900!important; margin:0 0 15px!important;
}
body.nmm-blog-article .nmm-article-shell > small:first-of-type::before,
body.nmm-blog-article .nmm-article-shell .section-eyebrow::before,
body.nmm-blog-article .nmm-article-shell .eyebrow::before {
  content:""; display:inline-block; width:32px; height:3px;
  vertical-align:middle; background:#f3bd00; margin-right:12px;
}
body.nmm-blog-article .nmm-article-shell h1 {
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:clamp(35px,5.2vw,57px)!important;
  line-height:1.08!important; letter-spacing:-.052em!important;
  font-weight:850!important; color:#102a46!important;
  margin:8px 0 23px!important;
}
body.nmm-blog-article .nmm-article-shell h1 .nmm-title-dot {
  color:#f3bd00!important;
}
body.nmm-blog-article .nmm-article-shell h2:not(.nmm-comments h2) {
  font-family:inherit!important; color:#102a46!important;
  font-size:clamp(24px,3.2vw,29px)!important; line-height:1.23!important;
  margin:36px 0 14px!important; letter-spacing:-.025em!important;
}
body.nmm-blog-article .nmm-article-shell p,
body.nmm-blog-article .nmm-article-shell li {
  font-size:17px; line-height:1.82; color:#364b61;
}
body.nmm-blog-article .nmm-article-shell figure.nmm-hero-photo {
  margin:20px 0 26px!important; padding:0!important;
}
body.nmm-blog-article .nmm-article-shell img.hero-photo,
body.nmm-blog-article .nmm-article-shell .nmm-hero-photo img,
body.nmm-blog-article .nmm-article-shell figure.full-photo img {
  width:100%!important; height:auto!important;
  max-height:540px; object-fit:cover; border-radius:12px!important;
  display:block;
}
body.nmm-blog-article .nmm-article-shell figcaption,
body.nmm-blog-article .nmm-article-shell .caption {
  font-size:13px!important; line-height:1.6!important;
  color:#65788b!important; margin-top:9px!important;
}
body.nmm-blog-article .nmm-article-shell a:not(.nmm-article-toolbar a) {
  text-underline-offset:3px;
}
/* Don't turn nested article content into a second white card. */
body.nmm-blog-article .nmm-article-shell article:not(.guide) {
  max-width:none!important; padding:0!important; margin:0!important;
  box-shadow:none!important; background:transparent!important;
  border:0!important; border-radius:0!important;
}
/* Preserve unique sections: photo album, comments, reactions and the video. */
body.nmm-blog-article .nmm-article-shell .nmm-comments,
body.nmm-blog-article .nmm-article-shell .nmm-reactions {
  max-width:100%; box-sizing:border-box;
}
@media(max-width:600px){
 body.nmm-blog-article main.nmm-article-main {padding:20px 12px 50px!important;}
 body.nmm-blog-article .nmm-article-shell {padding:25px 19px;border-radius:14px;}
 body.nmm-blog-article .nmm-article-shell p,
 body.nmm-blog-article .nmm-article-shell li {font-size:16px;}
}