/* One optional next step, after the complete article and its sources. */
.article-next-step { margin: 48px 0 0; scroll-margin-top: 110px; color: #263e34; }
.trip-planning-advice { border-top: 1px solid #c9cfc5; padding: 28px 0 24px; }
.trip-planning-advice h2 { font-family: var(--serif); font-size: clamp(22px, 2.2vw, 28px); line-height: 1.5; margin: 0 0 12px; text-wrap: pretty; }
.trip-planning-advice p { font-size: 16px; line-height: 1.9; margin: 0; }
.article-offer { display: grid; grid-template-columns: minmax(0, 1fr) 172px; gap: 22px 30px; padding: 30px; border: 1px solid #c9cfc5; border-radius: 6px; background: #f2f3eb; }
.article-offer-label { font-size: 11px; font-weight: 700; letter-spacing: .06em; margin: 0 0 12px; color: #4c655a; }
.article-offer h3 { font-family: var(--serif); font-size: 24px; line-height: 1.5; margin: 0 0 12px; text-wrap: pretty; }
.article-offer-copy > p:not([class]) { font-size: 15px; line-height: 1.85; margin: 0 0 16px; }
.article-offer-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 12px; margin: 18px 0; }
.article-offer-price strong { font-size: 25px; }
.article-offer-price span { font-size: 12px; line-height: 1.6; }
.article-offer-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.article-offer-primary { background: #263e34; color: #fff; border-radius: 4px; padding: 12px 16px; font-size: 14px; font-weight: 700; line-height: 1.7; }
.article-offer-primary:hover { background: #39594b; }
.article-offer-inquiry { color: #263e34; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; line-height: 1.8; padding: 5px 0; }
.article-offer a:focus-visible { outline: 3px solid #a74731; outline-offset: 4px; }
.article-offer-preview { display: block; align-self: start; text-align: center; }
.article-offer-preview img { display: block; width: 100%; height: auto; border: 1px solid #d4d0c2; box-shadow: 0 7px 18px #263e3414; }
.article-offer-preview span { display: block; color: #526258; font-size: 11px; line-height: 1.7; margin-top: 10px; }
.article-offer-terms { grid-column: 1 / -1; border-top: 1px solid #d4d8cf; padding-top: 16px; color: #526258; font-size: 12px; line-height: 1.85; margin: 0; }
@media (max-width: 600px) {
  .article-next-step { margin-top: 32px; }
  .article-offer { grid-template-columns: minmax(0, 1fr); padding: 22px 18px; gap: 22px; }
  .article-offer h3 { font-size: 22px; }
  .article-offer-preview { width: 154px; justify-self: center; }
  .article-offer-primary { width: 100%; text-align: center; box-sizing: border-box; }
  .article-offer-actions { align-items: stretch; }
  .article-offer-inquiry { text-align: center; }
}