/* Kālapuruṣa — page chrome around the framed body-map viewer.
   The viewer itself (public/kalapurusha-viewer/) carries its own complete
   styling; this file only sizes and frames the iframe, exactly like
   vedic-clock.css does for public/vedic-clock/instrument.html. */

.kp-head {
  max-width: 860px;
  margin: 0 auto 18px;
  text-align: center;
}

.kp-head h1 .dev { font-weight: 600; color: var(--ink-soft); font-size: .7em; margin-left: 10px; }

.kp-lede {
  color: var(--ink-soft, #4a5568);
  font-size: 1.05rem;
  line-height: 1.6;
}

.kp-frame-wrap {
  position: relative;
  width: 100%;
  max-width: calc(min(var(--page-max, 1180px), 96vw));
  margin: 0 auto 28px;
}

.kp-frame {
  display: block;
  width: 100%;
  /* Fallback before the integration script measures and syncs the real
     content height; replaced within ~150ms of the iframe's load event. */
  height: 1400px;
  border: 0;
}

.kp-noscript {
  max-width: 640px;
  margin: 0 auto 20px;
  text-align: center;
  color: var(--ink-soft, #4a5568);
}