/* Readability scale for the six requested creator pages.
   This file changes font-size only. The top page-title size is preserved. */

/* Page titles: preserve the approved current size. */
html body.novelight-theme.novelight-page-post .page-title h1,
html body.novelight-theme.novelight-page-my-novels .head h1,
html body.novelight-theme.novelight-page-analytics .analytics-hero h1,
html body.novelight-theme.novelight-page-interaction-settings .page-head h1,
html body.novelight-author-studio-shell .page-head h1 {
  font-size: clamp(32px, 4vw, 52px) !important;
}

/* Lead copy below the page title. */
html body.novelight-theme.novelight-page-post .page-title p,
html body.novelight-theme.novelight-page-my-novels .head p,
html body.novelight-theme.novelight-page-analytics .analytics-hero .lead,
html body.novelight-theme.novelight-page-interaction-settings .page-head p,
html body.novelight-author-studio-shell .page-head p {
  font-size: 20px !important;
}

/* Eyebrows / kickers. */
html body.novelight-theme.novelight-page-post .page-kicker,
html body.novelight-theme.novelight-page-analytics .analytics-kicker,
html body.novelight-theme.novelight-page-analytics .opportunity-summary-kicker,
html body.novelight-theme.novelight-page-interaction-settings .page-kicker,
html body.novelight-author-studio-shell .kicker {
  font-size: 16px !important;
}

/* Primary section headings. */
html body.novelight-theme.novelight-page-post .section-title,
html body.novelight-theme.novelight-page-post .panel h2,
html body.novelight-theme.novelight-page-my-novels .section-title,
html body.novelight-theme.novelight-page-my-novels .panel h2,
html body.novelight-theme.novelight-page-analytics .section-title,
html body.novelight-theme.novelight-page-analytics .panel h2,
html body.novelight-theme.novelight-page-analytics .trend-panel h2,
html body.novelight-theme.novelight-page-analytics .opportunity-summary h2,
html body.novelight-theme.novelight-page-interaction-settings .section-title,
html body.novelight-theme.novelight-page-interaction-settings .panel h2,
html body.novelight-author-studio-shell .section-title,
html body.novelight-author-studio-shell .panel h2,
html body.novelight-author-studio-shell .editor h2,
html body.novelight-author-studio-shell .list-head h2 {
  font-size: 30px !important;
}

/* Secondary / card titles. */
html body.novelight-theme.novelight-page-my-novels .title,
html body.novelight-author-studio-shell .note h3 {
  font-size: 22px !important;
}

html body.novelight-theme.novelight-page-analytics .work-title {
  font-size: 25px !important;
}

html body.novelight-author-studio-shell .future h2 {
  font-size: 24px !important;
}

/* Form labels and controls. */
html body.novelight-theme.novelight-page-post label,
html body.novelight-theme.novelight-page-post .legend,
html body.novelight-theme.novelight-page-post .field label,
html body.novelight-theme.novelight-page-analytics label,
html body.novelight-theme.novelight-page-analytics .legend,
html body.novelight-theme.novelight-page-analytics .field label,
html body.novelight-theme.novelight-page-interaction-settings label,
html body.novelight-theme.novelight-page-interaction-settings .legend,
html body.novelight-theme.novelight-page-interaction-settings .field label,
html body.novelight-theme.novelight-page-interaction-settings .setting strong,
html body.novelight-author-studio-shell label,
html body.novelight-author-studio-shell .legend,
html body.novelight-author-studio-shell .field label {
  font-size: 18px !important;
}

html body.novelight-theme.novelight-page-post input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html body.novelight-theme.novelight-page-post select,
html body.novelight-theme.novelight-page-post textarea,
html body.novelight-theme.novelight-page-analytics input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html body.novelight-theme.novelight-page-analytics select,
html body.novelight-theme.novelight-page-analytics textarea,
html body.novelight-theme.novelight-page-interaction-settings input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html body.novelight-theme.novelight-page-interaction-settings select,
html body.novelight-theme.novelight-page-interaction-settings textarea,
html body.novelight-author-studio-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html body.novelight-author-studio-shell select,
html body.novelight-author-studio-shell textarea {
  font-size: 18px !important;
}

/* Buttons and tabs. */
html body.novelight-theme.novelight-page-post .btn,
html body.novelight-theme.novelight-page-post .button,
html body.novelight-theme.novelight-page-post .primary,
html body.novelight-theme.novelight-page-post .new,
html body.novelight-theme.novelight-page-post .work-action,
html body.novelight-theme.novelight-page-post .cancel,
html body.novelight-theme.novelight-page-post .submit,
html body.novelight-theme.novelight-page-post .nl-thumb-randomize-button,
html body.novelight-theme.novelight-page-my-novels .btn,
html body.novelight-theme.novelight-page-my-novels .button,
html body.novelight-theme.novelight-page-my-novels .primary,
html body.novelight-theme.novelight-page-my-novels .new,
html body.novelight-theme.novelight-page-my-novels .work-action,
html body.novelight-theme.novelight-page-analytics .btn,
html body.novelight-theme.novelight-page-analytics .button,
html body.novelight-theme.novelight-page-analytics .primary,
html body.novelight-theme.novelight-page-interaction-settings .btn,
html body.novelight-theme.novelight-page-interaction-settings .button,
html body.novelight-theme.novelight-page-interaction-settings .primary,
html body.novelight-author-studio-shell .btn,
html body.novelight-author-studio-shell .button,
html body.novelight-author-studio-shell .primary {
  font-size: 18px !important;
}

html body.novelight-theme.novelight-page-analytics .period button {
  font-size: 20px !important;
}

html body.novelight-theme.novelight-page-analytics .trend-metrics button {
  font-size: 18px !important;
}

/* Normal body copy. */
html body.novelight-theme.novelight-page-my-novels .desc,
html body.novelight-author-studio-shell .note-body,
html body.novelight-theme.novelight-page-interaction-settings .setting span,
html body.novelight-theme.novelight-page-interaction-settings .summary,
html body.novelight-theme.novelight-page-interaction-settings .note {
  font-size: 18px !important;
}

/* Supporting explanations. */
html body.novelight-theme.novelight-page-post .help,
html body.novelight-theme.novelight-page-post .composer-intro,
html body.novelight-theme.novelight-page-post .policy,
html body.novelight-theme.novelight-page-post .nl-thumb-randomize-help,
html body.novelight-theme.novelight-page-post .nl-thumb-composer-note,
html body.novelight-theme.novelight-page-post .nl-thumb-composer-error,
html body.novelight-theme.novelight-page-post .novelight-custom-tags-help,
html body.novelight-theme.novelight-page-analytics .opportunity-summary-message,
html body.novelight-theme.novelight-page-analytics .opportunity-card-sub,
html body.novelight-theme.novelight-page-analytics .trend-toolbar p,
html body.novelight-theme.novelight-page-analytics .analytics-plan-note p,
html body.novelight-theme.novelight-page-interaction-settings .panel-copy,
html body.novelight-author-studio-shell .panel-copy,
html body.novelight-author-studio-shell .privacy-note,
html body.novelight-author-studio-shell .future p,
html body.novelight-author-studio-shell .notice,
html body.novelight-author-studio-shell .pending {
  font-size: 17px !important;
}

html body.novelight-theme.novelight-page-post .check {
  font-size: 18px !important;
}

/* Status / meta / secondary information. */
html body.novelight-theme.novelight-page-post .thumbnail-state,
html body.novelight-theme.novelight-page-post .status,
html body.novelight-theme.novelight-page-my-novels .meta,
html body.novelight-author-studio-shell .count,
html body.novelight-author-studio-shell .note-meta,
html body.novelight-author-studio-shell .note-link,
html body.novelight-author-studio-shell .status,
html body.novelight-author-studio-shell .security-note,
html body.novelight-theme.novelight-page-interaction-settings .status,
html body.novelight-theme.novelight-page-analytics .metric .sub,
html body.novelight-theme.novelight-page-analytics .spark-empty,
html body.novelight-theme.novelight-page-analytics .metric-change,
html body.novelight-theme.novelight-page-analytics .trend-axis,
html body.novelight-theme.novelight-page-analytics .work-window,
html body.novelight-theme.novelight-page-analytics .funnel-node-head span,
html body.novelight-theme.novelight-page-analytics .funnel-node small,
html body.novelight-theme.novelight-page-analytics .paid,
html body.novelight-theme.novelight-page-analytics .opportunity-summary-period,
html body.novelight-theme.novelight-page-analytics #status,
html body.novelight-theme.novelight-page-analytics #basicStatus,
html body.novelight-theme.novelight-page-analytics .analytics-plan-note {
  font-size: 17px !important;
}

/* Compact annotations / badges. */
html body.novelight-theme.novelight-page-post .required,
html body.novelight-theme.novelight-page-post .thumbnail-name,
html body.novelight-theme.novelight-page-post .nl-thumb-layer-selection,
html body.novelight-theme.novelight-page-post .nl-thumb-option span:not(.nl-thumb-option-none),
html body.novelight-theme.novelight-page-post .nl-thumb-option-none,
html body.novelight-theme.novelight-page-post .novelight-tags-empty-selection,
html body.novelight-theme.novelight-page-post .novelight-tags-counter,
html body.novelight-theme.novelight-page-post .novelight-tags-no-match,
html body.novelight-theme.novelight-page-post .novelight-tags-unavailable,
html body.novelight-theme.novelight-page-post .novelight-tags-message,
html body.novelight-theme.novelight-page-post .novelight-work-tag,
html body.novelight-theme.novelight-page-my-novels .badge,
html body.novelight-theme.novelight-page-my-novels .state,
html body.novelight-author-studio-shell .tag {
  font-size: 16px !important;
}

html body.novelight-theme.novelight-page-post .nl-thumb-preview-status,
html body.novelight-theme.novelight-page-post .novelight-tag-chip,
html body.novelight-theme.novelight-page-post .novelight-tag-option {
  font-size: 17px !important;
}

html body.novelight-theme.novelight-page-post .nl-thumb-template-field > span,
html body.novelight-theme.novelight-page-post .nl-thumb-layer-summary strong,
html body.novelight-theme.novelight-page-post .novelight-custom-tags-title {
  font-size: 18px !important;
}

/* Empty / loading states. */
html body.novelight-theme.novelight-page-my-novels .list,
html body.novelight-theme.novelight-page-my-novels .empty,
html body.novelight-author-studio-shell .empty,
html body.novelight-theme.novelight-page-analytics .trend-empty {
  font-size: 17px !important;
}

/* Important values. */
html body.novelight-theme.novelight-page-analytics .opportunity-card-value,
html body.novelight-theme.novelight-page-analytics .metric .value {
  font-size: 40px !important;
}

html body.novelight-theme.novelight-page-analytics .opportunity-card-label,
html body.novelight-theme.novelight-page-analytics .metric .label {
  font-size: 18px !important;
}

html body.novelight-theme.novelight-page-analytics .funnel-node-head strong {
  font-size: 24px !important;
}

html body.novelight-theme.novelight-page-analytics .analytics-plan-note strong {
  font-size: 20px !important;
}

html body.novelight-theme.novelight-page-analytics .analytics-plan-note a {
  font-size: 18px !important;
}

html body.novelight-author-studio-shell .current-label {
  font-size: 16px !important;
}

html body.novelight-author-studio-shell .current-email {
  font-size: 20px !important;
}

@media (max-width: 640px) {
  /* Page titles remain exactly at the current approved mobile size. */
  html body.novelight-theme.novelight-page-post .page-title h1,
  html body.novelight-theme.novelight-page-my-novels .head h1,
  html body.novelight-theme.novelight-page-analytics .analytics-hero h1,
  html body.novelight-theme.novelight-page-interaction-settings .page-head h1,
  html body.novelight-author-studio-shell .page-head h1 {
    font-size: 30px !important;
  }

  html body.novelight-theme.novelight-page-post .page-title p,
  html body.novelight-theme.novelight-page-my-novels .head p,
  html body.novelight-theme.novelight-page-analytics .analytics-hero .lead,
  html body.novelight-theme.novelight-page-interaction-settings .page-head p,
  html body.novelight-author-studio-shell .page-head p {
    font-size: 19px !important;
  }

  html body.novelight-theme.novelight-page-post .page-kicker,
  html body.novelight-theme.novelight-page-analytics .analytics-kicker,
  html body.novelight-theme.novelight-page-analytics .opportunity-summary-kicker,
  html body.novelight-theme.novelight-page-interaction-settings .page-kicker,
  html body.novelight-author-studio-shell .kicker {
    font-size: 15px !important;
  }

  html body.novelight-theme.novelight-page-post .section-title,
  html body.novelight-theme.novelight-page-post .panel h2,
  html body.novelight-theme.novelight-page-my-novels .section-title,
  html body.novelight-theme.novelight-page-my-novels .panel h2,
  html body.novelight-theme.novelight-page-analytics .section-title,
  html body.novelight-theme.novelight-page-analytics .panel h2,
  html body.novelight-theme.novelight-page-analytics .trend-panel h2,
  html body.novelight-theme.novelight-page-analytics .opportunity-summary h2,
  html body.novelight-theme.novelight-page-interaction-settings .section-title,
  html body.novelight-theme.novelight-page-interaction-settings .panel h2,
  html body.novelight-author-studio-shell .section-title,
  html body.novelight-author-studio-shell .panel h2,
  html body.novelight-author-studio-shell .editor h2,
  html body.novelight-author-studio-shell .list-head h2 {
    font-size: 26px !important;
  }

  html body.novelight-theme.novelight-page-analytics .period button {
    font-size: 19px !important;
  }

  html body.novelight-theme.novelight-page-analytics .opportunity-card-value,
  html body.novelight-theme.novelight-page-analytics .metric .value {
    font-size: 34px !important;
  }
}