/* ========== Container ========== */
.palai-gpt-bar {
  max-width: 100%;
  margin: 1rem auto;
}

/* ========== Form ========== */
#palai-gpt-form {
  display: flex;
  gap: 0.5rem;
}

#palai-gpt-input {
  flex: 1;
  padding: 0.6rem 0.8rem;
  border: 1px solid #ddd;
  border-radius: 8px;
}

#palai-gpt-send {
  padding: 0.6rem 1rem;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}

/* ========== Output Box ========== */
.palai-gpt-output {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;

  /* Unify typography */
  font-size: 15px;          /* set the single size you want */
  line-height: 1.45;        /* comfortable line height */
  font-family: inherit;     /* follow site font */
  color: inherit;
  white-space: normal;      /* allow normal wrapping */
}

/* Force same size/line-height for everything inside output */
.palai-gpt-output,
.palai-gpt-output * {
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
}

/* ========== Paragraphs & basic spacing ========== */
.palai-gpt-output p {
  margin: 0.4rem 0;         /* compact vertical rhythm */
}

/* ========== Lists (compact, no big gaps) ========== */
.palai-gpt-output ul,
.palai-gpt-output ol {
  margin: 0.25rem 1.25rem;  /* small outer space + indent */
  padding-left: 1.25rem;
}

.palai-gpt-output li {      /* tighten item spacing */
  margin: 0.15rem 0;
}

/* remove extra block spacing produced by markdown (<p> inside <li>) */
.palai-gpt-output li p {
  margin: 0;
  display: inline;
}

/* Make list markers clean and readable; keep same size */
.palai-gpt-output li::marker {
  font-weight: 600;         /* bold numbers/bullets */
}

/* ========== Headings (same size, just bolder) ========== */
.palai-gpt-output h1,
.palai-gpt-output h2,
.palai-gpt-output h3,
.palai-gpt-output h4,
.palai-gpt-output h5,
.palai-gpt-output h6 {
  margin: 0.5rem 0 0.25rem;
  font-weight: 600;         /* emphasize without enlarging */
}

/* ========== Inline emphasis ========== */
.palai-gpt-output strong,
.palai-gpt-output b {
  font-weight: 600;         /* same size, just bold */
}

.palai-gpt-output em,
.palai-gpt-output i {
  font-style: italic;
}

/* ========== Links ========== */
.palai-gpt-output a {
  color: #0073aa;
  text-decoration: underline;
}

.palai-gpt-output a:hover {
  color: #005177;
}

/* ========== Code/Pre/Blockquote (kept compact & same size) ========== */
.palai-gpt-output code,
.palai-gpt-output pre,
.palai-gpt-output blockquote {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: inherit;
  line-height: inherit;
}

.palai-gpt-output code {
  background: #f0f0f0;
  padding: 0.1rem 0.3rem;
  border-radius: 4px;
}

.palai-gpt-output pre {
  background: #f0f0f0;
  padding: 0.6rem;
  border-radius: 6px;
  overflow: auto;
  margin: 0.5rem 0;
}

.palai-gpt-output blockquote {
  margin: 0.5rem 0;
  padding-left: 0.8rem;
  border-left: 3px solid #e0e0e0;
}

.palai-cta {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid #ddd;
  font-size: 14px;
  color: #555;
}
.palai-cta a { color: #0073aa; font-weight: 600; }
.palai-cta a:hover { color: #005177; }

/* Make the VIEWER full-width */
.palai-gpt-viewer {
  max-width: 100% !important;  /* override the 720px cap */
  width: 100%;
  margin: 1rem 0;              /* remove auto-centering margin */
}

/* Make inner boxes use the full width too */
.palai-gpt-viewer .palai-gpt-question,
.palai-gpt-viewer .palai-gpt-output {
  width: 100%;
}

/* (Optional) reserve height so the box doesn’t “jump” while loading */
.palai-gpt-viewer .palai-gpt-output {
  min-height: 80px;           /* tweak to taste */
}

/* Launcher uses the same look */
#palai-gpt-launcher { display: flex; gap: .5rem; }
#palai-gpt-launcher-input {
  flex: 1; padding: .6rem .8rem; border: 1px solid #ddd; border-radius: 8px;
}
#palai-gpt-launcher-send {
  padding: .6rem 1rem; border: 0; border-radius: 8px; cursor: pointer;
}