/* Comfortable sidebar typography; preserve the application's font family. */
aside[aria-label="Control Panel"] { font-size: 14px; }
aside[aria-label="Control Panel"] :is(button, a, input),
aside[aria-label="Control Panel"] :is(.text-xs, .text-sm) {
  font-size: 14px;
  line-height: 1.4;
}
aside[aria-label="Control Panel"] button :is(span, div) { font-size: inherit; }
aside[aria-label="Control Panel"] h2 {
  font-size: 12px !important;
  line-height: 1.5;
}

/* ChatGPT-style reading scale: 14px navigation, 16px conversation/composer. */
aside[aria-label="Control Panel"] :is(button, a, input),
aside[aria-label="Control Panel"] :is(.text-xs, .text-sm) {
  line-height: 20px;
}
#prompt-textarea {
  font-size: 16px;
  line-height: 26px;
}
.markdown.message-content {
  font-size: 16px;
  line-height: 1.625;
}
.markdown.message-content :is(p, li) { line-height: 1.625; }
.markdown.message-content h1 { font-size: 24px; line-height: 1.3; }
.markdown.message-content h2 { font-size: 20px; line-height: 1.4; }
.markdown.message-content h3 { font-size: 18px; line-height: 1.45; }
.markdown.message-content :is(h4, h5, h6) { font-size: 16px; line-height: 1.5; }
.markdown.message-content table { font-size: 16px; line-height: 1.5; }
.markdown.message-content :is(th, td) { font-size: inherit; line-height: inherit; }
.markdown.message-content pre { font-size: 14px; line-height: 1.5; }
.markdown.message-content pre code { font-size: inherit; }