/* IMTS: the page exists to host the TSbot chat, so the chat gets the space. */
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  display: flex; flex-direction: column; gap: 16px;
  padding: 24px 16px; max-width: 760px; margin: 0 auto;
  background: #f7f4ee; color: #1f1b2d;
  font: 16px/1.55 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
h1 { margin: 0; font-size: 28px; letter-spacing: -0.01em; }
header p { margin: 6px 0 0; color: #575269; max-width: 60ch; }
main { flex: 1; min-height: 520px; }
iframe { display: block; width: 100%; height: 100%; min-height: 520px; border: 1px solid #e7e0d4; border-radius: 12px; background: #fffdf9; }
@media (max-width: 480px) { body { padding: 16px 0 0; gap: 12px; } header { padding: 0 16px; } iframe { border-radius: 0; border-width: 1px 0 0; } }