/* Eclipse Occluder — print stylesheet.
 * Linked with media="print"; the @media wrapper is kept as a second guard so
 * the rules stay inert on screen even if the link loses its media attribute.
 * Prints only the location panel (#panel) as black-on-white, full width.
 */
@media print {

  /* Kill the map UI, overlays and chrome. */
  #map,
  #hud,
  #legend,
  #timeline,
  #callout,
  #sim-full,
  #about,
  #ad-slot,
  #support,
  #safety,
  #modes,
  #veil,
  #cursor-card,
  #search-results {
    display: none !important;
  }

  html,
  body {
    background: #fff !important;
    color: #000 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* The panel becomes the document: static, full-width, black on white. */
  #panel {
    display: block !important;
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #000 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    transform: none !important;
    opacity: 1 !important;
  }

  #panel * {
    color: #000 !important;
    background: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  #panel-close,
  #panel button,
  #panel canvas,
  #panel input,
  #panel .p-share {
    display: none !important;
  }

  #panel a {
    color: #000 !important;
    text-decoration: none !important;
  }

  /* Contact-time rows: readable table-like lines. */
  .p-times {
    margin-top: 12pt !important;
    border-top: 1pt solid #000 !important;
  }

  .p-times div {
    display: flex !important;
    justify-content: space-between !important;
    padding: 4pt 0 !important;
    border-bottom: 0.5pt solid #999 !important;
    font-size: 11pt !important;
  }

  .p-times dt,
  .p-times dd {
    color: #000 !important;
  }

  .p-times .hl dt,
  .p-times .hl dd {
    font-weight: 700 !important;
  }

  /* Stat chips: bordered inline labels. */
  .p-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4pt !important;
    margin-top: 10pt !important;
  }

  .p-chips > * {
    border: 0.75pt solid #000 !important;
    border-radius: 3pt !important;
    padding: 3pt 6pt !important;
    font-size: 9.5pt !important;
    color: #000 !important;
    background: #fff !important;
  }

  /* Sensible page margins. */
  @page {
    margin: 1.5cm;
  }
}