/* print.css — the trip on paper (UIUX §8.3).
   A printed trip is for the glovebox: white paper, black ink, the days as
   columns, every stop with its directions and its source. No map tiles (they
   cost a cartridge and print as mud), no harbour, no chrome, no buttons. */
@media print {
  @page { margin: 14mm; }

  html, body {
    background: #fff !important;
    color: #111 !important;
    font: 11pt/1.45 "Source Sans 3", system-ui, sans-serif;
  }

  /* Everything that is not the trip stays off the paper. */
  .scene, .band, .harbour, .wharf, .band-head, .doors, .intro-dock, .hero-film,
  .lantern, .sound, .skip, .cta, .watch-again, .drawer, .composer, .chips,
  .trip-map, .leaflet-container, .day-tabs, .stack-it, .share-row, .strips,
  nav, button, dialog, video, audio, noscript, .install-chip {
    display: none !important;
  }

  main, main > section[data-active] { display: block !important; padding: 0 !important; }
  section:not([data-active]) { display: none !important; }

  /* The paper is paper now, not a board on a dark wall. */
  .paper, .board, .card, .trip-rail, .trip-wrap, .stop, .day {
    background: #fff !important;
    color: #111 !important;
    border-color: #bbb !important;
    box-shadow: none !important;
    transform: none !important;
    animation: none !important;
    max-width: none !important;
    break-inside: avoid;
  }

  .trip-desk { display: block !important; }
  .trip-wrap { width: auto !important; overflow: visible !important; }

  /* The days run as columns, and a day never breaks across a page. */
  .days, .trip-days { columns: 2; column-gap: 12mm; }
  .day { break-inside: avoid; margin: 0 0 6mm; }
  .day h2, .day h3 { font-family: "Bitter", Georgia, serif; font-size: 12pt; margin: 0 0 2mm; }

  .stop { padding: 0 0 3mm; border-bottom: 1px solid #ddd; }
  .stop-title { font-weight: 600; }
  /* The two things a printed stop is for: how to get there, and who says so. */
  .stop .directions, .stop .source, .stop .sources { display: block !important; font-size: 9.5pt; color: #333 !important; }
  .stop .tag, .stop .chip { border: 1px solid #999 !important; color: #333 !important; padding: 0 2pt; }

  a { color: #111 !important; text-decoration: none; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 8.5pt; color: #555; word-break: break-all; }

  /* The footer says whose paper this is, on every page. */
  body::after {
    content: "Skipper · skipper-nl.ca · Cape Shore, Newfoundland";
    display: block;
    margin-top: 8mm;
    padding-top: 2mm;
    border-top: 1px solid #bbb;
    font: 9pt "Bitter", Georgia, serif;
    color: #444;
  }
}