/* Contact popup — Blueprint world: dark ground, hairline frames, white chat panel.
   No FAB — the popup opens from the footer Contact button (data-chat-open). */
#chat-panel[hidden] {
  display: none !important;
}
#chat-panel {
  background: #fff;
  border: 1px solid var(--line-strong);
  border-radius: 2px;
  bottom: 96px;
  box-shadow: 0 12px 32px rgba(4, 12, 22, 0.5);
  height: min(560px, 72dvh);
  overflow: hidden;
  position: fixed;
  right: 28px;
  width: min(380px, calc(100vw - 24px));
  z-index: 9999;
}

#chat-frame {
  background: #fff;
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
}

.footer-contact {
  background: transparent;
  border: 0;
  color: var(--text-2);
  cursor: pointer;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  padding: 0;
  text-decoration: underline;
  text-decoration-color: var(--line-strong);
  text-underline-offset: 3px;
}

.footer-contact:hover { color: var(--text); }

@media (max-width: 480px) {
  #chat-panel {
    bottom: 20px;
    height: min(70dvh, 600px);
    left: 12px;
    right: 12px;
    width: auto;
  }
}