/* Mobile adaptation overrides (kept light to preserve desktop design) */
:root {
  --container-padding: 0.75rem;
}

img, video, canvas, iframe {
  max-width: 100%;
  height: auto;
}

/* Prevent horizontal scroll on small screens */
html, body {
  overflow-x: hidden;
}

/* Make long code blocks and tables scroll instead of overflowing */
pre, code, .code-block {
  white-space: pre-wrap;
  word-break: break-word;
}
table {
  display: block;
  width: 100%;
  overflow-x: auto;
}

/* Chat: stack inputs on very small screens */
@media (max-width: 480px) {
  #chatForm { flex-direction: column; }
  #chatForm > input[type="text"] { width: 100% !important; }
  #chatForm button { width: 100%; }
  #chatMessages { height: 55vh; }
}

/* Utility: clamp very wide fixed elements */
[class*="w-["][class*="px]"] { max-width: 100%; }

/* Images inside .content blocks shouldn't exceed container */
.content img { max-width: 100%; height: auto; }