/* Seam between Cyberdojo's terminal chrome and the AI Security Map surface.
   The map keeps its own look (light, rounded, colour-coded); this file only
   handles the join between the two and a few site-level overrides.

   The map's own CSS is inlined by scripts/build_ai_security_map.mjs and is
   scoped to .map-surface, so its tokens never reach the header or footer. */

/* The map surface is a light island inside the dark page. */
.map-surface {
  display: block;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

/* The site body paints a scanline overlay and a text glow. Neither belongs on
   top of the map's dense control lists. */
.map-surface,
.map-surface * {
  text-shadow: none;
}

.map-page::before {
  display: none;
}

/* The map ships its own <footer class="foot"> note; the site footer follows it,
   so trim the doubled spacing. */
.map-surface .foot {
  margin-bottom: 4px;
}

/* Site chrome uses monospace; let the map's own type stack apply inside it,
   but keep the surface's outer padding aligned to the site container width. */
.map-surface .wrap {
  max-width: 1680px;
}

@media (max-width: 980px) {
  .map-surface .wrap {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media print {
  .site-header,
  .site-footer,
  .skip-link {
    display: none;
  }

  .map-surface {
    border: 0;
  }
}