/* Open sections, with hierarchy from spacing and type rather than nested boxes. */
@media screen {
  .map-layout { border: 0; border-radius: 8px; }
  .days-grid, .food-grid { gap: 32px; }
  .day-card, .food-card, .practical-box { border: 0; border-radius: 0; box-shadow: none; background: transparent; padding: 16px 0; }
  .day-card h3, .food-card h3 { line-height: 1.35; }
  .day-card .day-info { border: 0; padding-top: 16px; }
  .day-card.done { background: transparent; }
  .day-card.done .day-number { color: var(--green); font-weight: 750; }
  .food-card { padding-right: 42px; }
  .food-card.signature { border: 0; border-radius: 8px; background: #214e46; padding: 22px; }
  .food-card.signature .secondary-button { color: white; background: #ffffff14; border-color: transparent; }
  .visit-facts > div, .travel-tip, .reader-facts { background: transparent; border: 0; border-radius: 0; padding: 8px 0; }
  .visit-facts { gap: 24px; }
  .reader-advice { border-radius: 0; background: transparent; padding: 8px 0; }
  .day-meals, .day-meal, .reader-logistics { border: 0; }
  .day-meals { margin-top: 28px; padding-top: 8px; }
  .day-meal { padding: 16px 0; }
  .day-alternative, .programme-options { border: 0; border-radius: 0; background: transparent; padding: 12px 0; }
  .alternative-replaces { border: 0; padding: 8px 0; }
  .saved-idea-group, .itinerary-experience { border: 0; }
  .saved-idea-group { padding: 20px 0; }
  .segmented { border: 0; background: transparent; padding: 0; gap: 6px; }
  .segmented button.selected { background: var(--green-light); box-shadow: none; }
  .secondary-button { border-color: transparent; background: var(--green-light); color: var(--green); box-shadow: none; }
  .dialog-close.icon-button { border-color: transparent; box-shadow: none; }
  dialog .dialog-close.icon-button { width: 44px; height: 44px; min-width: 44px; min-height: 44px; }
  .place-card { border-bottom-color: color-mix(in srgb, var(--line) 55%, transparent); }
  .photo-credits { margin-top: 8px; }
  .photo-credits summary { cursor: pointer; color: var(--green); font-size: 12px; padding: 4px 0; }
  .photo-credits p { margin: 8px 0; }
  html[data-theme="dark"] .day-card, html[data-theme="dark"] .food-card:not(.signature), html[data-theme="dark"] .practical-box { background: transparent; border: 0; }
  html[data-explorer-active][data-phone-landscape] .map-layout[data-explorer-mode="split"] .places-panel { border-right: 0; }
  @media (max-width: 650px) {
    .days-grid, .food-grid { gap: 24px; }
    .day-card, .food-card, .practical-box { padding-top: 12px; padding-bottom: 12px; }
    .food-card.signature { padding: 20px; }
  }
}