/* Account-level content sizes. Navigation and controls keep their own size. */
.content-font-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.content-font-heading .text-action { padding: 4px 0; border: 0; background: none; color: var(--accent); font-size: 13px; cursor: pointer; }
.content-font-control { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 16px; margin-top: 18px; }
.content-font-control label { color: var(--label-2); font-size: 14px; }
.content-font-control output { color: var(--label-3); font-size: 13px; font-variant-numeric: tabular-nums; }
.content-font-control input[type=range] { grid-column: 1 / -1; width: 100%; min-width: 0; height: 32px; margin: 0; padding: 0; accent-color: var(--accent); cursor: pointer; }
.content-font-control input:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
.content-font-preview { grid-column: 1 / -1; margin: 4px 0 0; color: var(--label); line-height: 1.7; overflow-wrap: anywhere; }
.record-font-preview { font-size: var(--record-font-size, 1.0625rem); }
.chat-font-preview { font-size: var(--chat-font-size, .875rem); }

#record-reader #story-content { font-size: var(--record-font-size, 1.0625rem); }
#body-editor .tiptap, .body-input #content { font-size: var(--record-font-size, 1.0625rem); }
.record-feed .entry-content { font-size: var(--record-font-size, 1rem); max-height: calc(1em * var(--post-line) * 9); }
.record-row-title { font-size: var(--record-font-size, .9375rem); }
.record-row-summary { font-size: var(--record-font-size, .8125rem); }
#body-editor h1, #story-content.formatted-body h1 { font-size: 1.42em; }
#body-editor h2, #record-reader #story-content.formatted-body h2 { font-size: 1.24em; }
#body-editor h3, #record-reader #story-content.formatted-body h3 { font-size: 1.06em; }
#record-reader #story-title[hidden] + #story-content.formatted-body > h1:first-child,
#record-reader #story-title[hidden] + #story-content.formatted-body > h2:first-child { font-size: 1.42em; }
.record-feed .journal-copy h2 { font-size: 1.125em; }
.record-feed .journal-copy h3 { font-size: 1.03em; }
.record-feed .journal-copy table { font-size: .875em; }

.ai-message, .ai-input textarea, .home-composer .ai-input textarea { font-size: var(--chat-font-size, .875rem); }
.ai-message { line-height: 1.65; }
.ai-md h3 { font-size: 1.11em; }
.ai-md h4, .ai-md h5, .ai-md h6 { font-size: 1em; }
.ai-md code { font-size: .9em; }
.ai-md pre { font-size: .86em; }
.ai-md table { font-size: .93em; }
.ai-md pre code { font-size: inherit; }
@media (max-width: 700px) {
  #record-reader #story-content { font-size: var(--record-font-size, 1.03125rem); }
  .record-feed .entry-content { font-size: var(--record-font-size, .96875rem); max-height: calc(1em * var(--post-line) * 10); }
  .ai-input textarea, .home-composer .ai-input textarea { font-size: max(1rem, var(--chat-font-size, 1rem)); }
}