.apps-page .article-body { font-size: 16px; }
.apps-page .article-byline,
.apps-page .breadcrumbs,
.apps-page .article-contents { font-size: 14px; }
.apps-page .article-contents summary { font-size: 14px; }
.apps-page .article-contents ol { grid-template-columns: 1fr; }
.apps-page .article-cover { max-width: 420px; }
.apps-page .article-cover img { aspect-ratio: 4 / 5; height: auto; object-fit: contain; }
.apps-page .article-cover figcaption { font-size: 13px; line-height: 1.5; }
.apps-page .article-body h3 { margin-top: 28px; font-size: 20px; line-height: 1.4; }
.apps-page .affiliate-note { font-size: 13px; line-height: 1.6; }
.apps-page .travel-tip { font-size: 16px; }
.apps-page .travel-tip p { margin: 0; }
.apps-page .step-number { font-size: 13px; }
.apps-page .article-contents li::marker { font-size: 12px; }
.notes-featured > h2 { font-size: 34px; margin: 0 0 24px; }
.notes-featured .note-card + .note-card { margin-top: 28px; }
.notes-featured .apps-note-card > img { height: auto; aspect-ratio: 4 / 5; object-fit: contain; align-self: center; }
.notes-featured .apps-note-card .note-card-copy { min-width: 0; }
@media (max-width: 680px) {
  .apps-page .article-body,
  .apps-page .article-introduction { font-size: 16px; }
  .notes-featured .apps-note-card > img { height: auto; aspect-ratio: 4 / 5; }
  .notes-featured .apps-note-card .note-card-copy h3 { font-size: clamp(24px, 6.5vw, 31px); }
}
@media print {
  .apps-page .article-page > .article-hero,
  .apps-page .article-page > .article-layout { display: block !important; }
  .apps-page .article-contents,
  .apps-page .article-cover { display: none !important; }
  .apps-page .article-body { font-size: 11pt; }
}

/* The example is editorial storytelling; tan remains the travel-tip color. */
.apps-page .trip-example {
  margin: 28px 0 30px;
  padding: 23px 25px;
  background: #EDF1F3;
  border: 1px solid #D6DFE5;
  color: #2F3A4A;
  scroll-margin-top: 24px;
}
.apps-page .trip-example .example-label {
  margin: 0 0 10px;
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.5;
  text-transform: uppercase;
}
.apps-page .trip-example h3 {
  margin: 0 0 16px;
  color: #2F3A4A;
  font-size: 23px;
  line-height: 1.35;
}
.apps-page .trip-example p { margin: 0; }
.apps-page .trip-example p + p { margin-top: 15px; }
.apps-page .trip-example .example-takeaway {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #CDD7DE;
}
.apps-page .routine-heading { margin-top: 30px; }
@media (max-width: 680px) {
  .apps-page .trip-example { margin: 24px 0 28px; padding: 18px 17px; }
  .apps-page .trip-example h3 { font-size: 21px; }
}
