/* Welcome Book — the offline copy.
   Printed straight from the browser, so it has to hold up with no JS, no colour
   fidelity, and no way for the guest to ask a question. */

@page {
  size: A4;
  margin: 18mm 16mm 20mm;
}

.wb {
  background: #fff !important;
  color: #000 !important;
  font-size: 11pt;
  line-height: 1.5;
}

/* Interaction has no meaning on paper. */
.wb-btn,
.wb-copy,
.wb-card__edit,
.wb-card__grip,
.wb-add,
.wb-back,
.wb-danger,
.wb-editor,
.wb-demo-banner,
.wb-nav,
.wb-pill,
.wb-essential__more,
.wb-foot .wb-btn {
  display: none !important;
}

.wb-cover {
  min-height: auto;
  padding: 0 0 12mm;
  page-break-after: always;
  display: block;
}
.wb-cover__media { position: static; }
.wb-cover__media img { width: 100%; height: 70mm; object-fit: cover; }
.wb-cover:has(.wb-cover__media)::after { display: none; }
.wb-cover:has(.wb-cover__media) .wb-cover__body { color: #000; }
.wb-cover__body { margin-top: 8mm; max-width: none; }
.wb-cover__title { font-size: 30pt; }

.wb-contents,
.wb-chapter,
.wb-foot { max-width: none; margin: 0; padding: 0; }

/* The facts a guest needs first stay first — right under the cover. */
.wb-essentials {
  margin: 0 0 8mm;
  padding: 4mm 5mm;
  background: transparent;
  border: 0.4pt solid #999;
  border-radius: 0;
  gap: 4mm;
}
.wb-essential__value { color: #000; font-size: 12pt; }

.wb-section { page-break-inside: avoid; }
.wb-section + .wb-section { margin-top: 8mm; }
.wb-section__title { font-size: 9pt; letter-spacing: 0.14em; }

.wb-card {
  border: 0;
  border-bottom: 0.4pt solid #ccc;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  break-inside: avoid;
}
.wb-card__link { padding: 2.5mm 0; min-height: 0; }
.wb-card__icon { background: transparent; width: auto; height: auto; }

/* Every chapter starts its own page so the binder-on-the-counter still works. */
.wb-chapter { page-break-before: always; }
.wb-chapter__head { border-bottom: 0.4pt solid #999; }
.wb-chapter__title { font-size: 20pt; }

.wb-blocks { gap: 6mm; }
.wb-block { break-inside: avoid; }

.wb-facts { border: 0.4pt solid #999; background: transparent; }
.wb-facts__row + .wb-facts__row { border-top: 0.4pt solid #ccc; }
.wb-facts__value { font-size: 11pt; }

.wb-step::before { border: 0.4pt solid #999; }
.wb-step__media img,
.wb-place__media img,
.wb-gallery img { border: 0.4pt solid #ccc; }

.wb-place { background: transparent; border: 0.4pt solid #ccc; break-inside: avoid; }

.wb-callout {
  border-left: 1.5pt solid #000;
  background: transparent;
  color: #000;
  break-inside: avoid;
}

.wb-video { display: none; }

/* A printed link is only useful if you can read where it goes. */
.wb-place__link::after { content: " (" attr(href) ")"; font-size: 8pt; word-break: break-all; }
.wb-prose a::after { content: " (" attr(href) ")"; font-size: 8pt; word-break: break-all; }