/* Scoped reading layouts; retain the site's palette, type system and shell. */
.food-reading-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.food-reading-card { display: block; min-width: 0; padding: 20px; border: 1px solid var(--contract-line); border-radius: var(--contract-radius); color: var(--contract-ink); background: var(--contract-surface); text-decoration: none; }
.food-reading-card small { display: block; color: var(--contract-jade); font-size: 13px; line-height: 1.5; }
.food-reading-card strong { display: block; margin: 9px 0; font-size: 19px; line-height: 1.45; }
.food-reading-card p { margin: 0; font-size: 15px; line-height: 1.75; color: var(--contract-text-secondary); }
.food-reading-card .food-reading-link { display: block; margin-top: 14px; color: var(--contract-jade); font-size: 14px; }
.food-reading-card:hover { border-color: var(--contract-jade); }
.food-reading-card:focus-visible { outline: 3px solid var(--contract-jade); outline-offset: 3px; }
.food-reading-nav { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 20px; }
.food-reading-nav a { display: inline-flex; align-items: center; min-height: 44px; text-underline-offset: 5px; color: var(--contract-jade); }
.food-reading-article { max-width: 760px; margin-inline: auto; }
.food-reading-prose { min-width: 0; overflow-wrap: anywhere; }
.food-reading-prose h3 { margin: 30px 0 12px; font-size: 21px; line-height: 1.5; }
.food-reading-prose p { margin: 0 0 14px; font-size: 16px; line-height: 1.9; }
.food-reading-prose .food-reading-check { margin-block: 8px; }
.food-reading-article .maintained-detail-sources { margin-top: 18px; }
.food-reading-story { scroll-margin-top: 96px; }
.food-reading-story .food-reading-prose { max-width: 760px; }
@media (max-width: 600px) {
  .food-reading-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .food-reading-card { padding: 17px; }
  .food-reading-card strong { font-size: 18px; }
  .food-reading-prose h3 { font-size: 19px; margin-top: 26px; }
  .food-reading-article .travel-detail-topbar { flex-wrap: wrap; gap: 8px; }
}