/* Desktop-only reading scale. Loaded after the existing component styles. */
@media screen and (min-width: 901px) {
  .sidebar .workspace { font-size: 13px; }
  .sidebar .workspace strong { font-size: 13px; line-height: 1.4; color: #f4f6fb; }
  .sidebar .workspace small,
  .sidebar .nav-label,
  .sidebar .sidebar-user .user-info span,
  .sidebar .roadmap-promo span { font-size: 12px; line-height: 1.5; color: #bfc9dc; }
  .sidebar .nav-item { font-size: 13px; color: #d7deeb; }
  .sidebar .nav-badge,
  .sidebar .roadmap-promo strong,
  .sidebar .sidebar-user .user-info strong { font-size: 12px; color: #eef1f8; }

  .topbar .breadcrumb,
  .topbar .demo-pill { font-size: 13px; color: #4e5d76; }
  .main .eyebrow { font-size: 12px; letter-spacing: .1em; color: #596880; }
  .main .page-description { font-size: 15px; line-height: 1.7; color: #52617a; }
  .main .card-title { font-size: 18px; line-height: 1.4; color: #2d3b55; }
  .main .card-subtitle { font-size: 13px; line-height: 1.6; color: #52617a; }
  .main .button,
  .main .date-filter,
  .main .filter-tab,
  .main .section-tab,
  .main .back-link,
  .main .toolbox-button { font-size: 13px; }
  .main .button.small,
  .main .badge,
  .main .legend,
  .main .question-type,
  .main .question-number,
  .main .interview-progress { font-size: 12px; }
  .main .date-filter select { font-size: 13px; color: #4e5d76; }
  .main .welcome-note strong,
  .main .welcome-note span,
  .main .welcome-note a { font-size: 13px; line-height: 1.6; color: #574a70; }
  .main .chart svg text,
  .main .donut-center span,
  .main .card-header .legend span { font-size: 12px; fill: #52617a; color: #52617a; }

  .main .welcome-note,
  .main .info-banner,
  .main .report-summary,
  .main .script-block,
  .main .empty-state,
  .main .activity-item,
  .main .module-item,
  .main .roadmap-card > p,
  .main .action-card p { font-size: 14px; line-height: 1.65; color: #45556f; }
  .main .stat-top { font-size: 14px; color: #52617a; }
  .main .stat-foot,
  .main .stat-foot span,
  .main .stat-foot small { font-size: 12px; line-height: 1.55; color: #52617a; }
  .main .table-wrap table { font-size: 13px; }
  .main .table-wrap th,
  .main .workspace-users .table-wrap th { font-size: 12px; line-height: 1.5; color: #4e5d76; }
  .main .table-wrap td { font-size: 13px; line-height: 1.55; color: #43536d; }
  .main .table-progress span,
  .main .table-progress small,
  .main .table-progress strong { font-size: 12px; color: #52617a; }
  .main .cell-title,
  .main .workspace-users .cell-title { font-size: 14px; line-height: 1.45; color: #2e3d56; }
  .main .cell-subtitle,
  .main .workspace-users .cell-subtitle,
  .main .table-progress small,
  .main .lifecycle-source-label { font-size: 12px; line-height: 1.5; color: #53627a; }

  .main .study-card > p,
  .main .study-meta,
  .main .study-footer,
  .main .quota-item,
  .main .quota-item small,
  .main .channel-row,
  .main .channel-row strong,
  .main .channel-row small,
  .main .activity-item p,
  .main .activity-item small { font-size: 13px; line-height: 1.55; color: #4c5b73; }
  .main .filter-tab > span,
  .main .template-card p,
  .main .template-intro > p,
  .main .journey-step > small,
  .main .builder-toolbox p,
  .main .builder-tip p,
  .main .contact-card > p,
  .main .contact-card .card-body > .muted,
  .main .contact-card .call-status,
  .main .interview-idle p,
  .main .settings-section > p { font-size: 13px; line-height: 1.6; color: #52617a; }
  .main .question-title { font-size: 17px; line-height: 1.45; }
  .main .question-option,
  .main .answer-option,
  .main .preview-question legend,
  .main .permission-list label,
  .main .compact-list { font-size: 14px; line-height: 1.55; }
  .main .compact-list > div span,
  .main .compact-list > div strong { font-size: 13px; line-height: 1.55; color: #4e5d76; }
  .main .script-block p { font-size: 14px; line-height: 1.65; color: #45556f; }
  .main .field,
  .main .field label,
  .main label.field-label,
  .main .form-help,
  .main .report-toolbar .field { font-size: 13px; line-height: 1.55; color: #4e5d76; }
  .main .field input,
  .main .field select,
  .main .field textarea,
  .main .search-field input,
  .main .report-toolbar select,
  .main .compact-select select { font-size: 14px; }
  .main .field input::placeholder,
  .main .search-field input::placeholder { color: #65738a; opacity: 1; }

  .main .sr-report-origin,
  .main .sr-report-stat > small,
  .main .sr-report-question .card-subtitle,
  .main .sr-report-bar small,
  .main .sr-report-texts cite,
  .main .sr-nps-score span,
  .main .sr-report-explanation,
  .main .sr-report-no-answer,
  .main .sr-report-context > span { font-size: 13px; line-height: 1.6; color: #52617a; }
  .main .sr-report-stat > span,
  .main .sr-report-bar > div:first-child,
  .main .sr-report-mean,
  .main .sr-report-notice { font-size: 14px; line-height: 1.55; color: #45556f; }
  .main .sr-report-insight small { font-size: 13px; color: #554468; }
  .main .sr-report-insight p { color: #554468; }

  .main .quality-origin,
  .main .quality-status,
  .main .quality-request-reason small,
  .main .quality-answer > span,
  .main .quality-example > small,
  .main .quality-history-top time,
  .main .quality-history .quality-history-author,
  .main .quality-history small,
  .main .quality-table .cell-subtitle,
  .main .quality-reason-text,
  .main .quality-help,
  .main .lifecycle-panel .eyebrow,
  .main .lifecycle-history-item time,
  .main .lifecycle-history-item small,
  .main .workspace-users .workspace-account-note { font-size: 13px; line-height: 1.55; color: #52617a; }
  .main .quality-table .cell-title { font-size: 14px; }

  .modal .modal-body > p,
  .modal .form-help,
  .modal .quality-help,
  .modal .quality-description,
  .modal .review-context p,
  .modal .interview-complete p { font-size: 14px; line-height: 1.6; color: #4e5d76; }
  .modal .field,
  .modal .field label,
  .modal .button { font-size: 13px; }
  .modal .field input,
  .modal .field select,
  .modal .field textarea { font-size: 14px; }

  .main .app-footer { font-size: 12px; color: #627088; }

  /* Login follows the same desktop reading scale as the internal screens. */
  .login-story > .prototype-label { font-size: 12px; color: #c9b9e2; letter-spacing: .08em; }
  .login-story > p { font-size: 15px; line-height: 1.65; color: #c2cce0; }
  .mini-window-label { font-size: 11px; line-height: 1.4; color: #c2cce0; }
  .mini-kpi small { font-size: 12px; line-height: 1.4; color: #c2cce0; }
  .mini-chart-footer,
  .mini-chart-footer strong { font-size: 12px; line-height: 1.4; color: #d8c9ec; }
  .login-story-footer,
  .login-story-footer > span { font-size: 11px; line-height: 1.4; color: #c2cce0; }

  .login-form { max-width: 390px; }
  .login-form > .badge { font-size: 11px; line-height: 1.4; padding: 7px 10px; letter-spacing: .035em; }
  .login-form > h2 { font-size: 36px; line-height: 1.14; color: #283851; }
  .login-form > p { font-size: 15px; line-height: 1.6; color: #52617a; }
  .login-form .field { font-size: 14px; line-height: 1.5; color: #40506b; }
  .workspace-preview { border-color: #cbd4e3; background: #f9faff; }
  .workspace-preview > .icon { color: #674c94; }
  .workspace-preview strong { font-size: 15px; line-height: 1.4; color: #2e3d56; font-weight: 600; }
  .workspace-preview small { font-size: 12px; line-height: 1.4; color: #52617a; }
  .demo-login-credentials input { font-size: 15px; color: #283851; border-color: #b8c5d7; }
  .demo-login-help { font-size: 12px; line-height: 1.5; color: #52617a; }
  .login-form .login-submit { font-size: 16px; min-height: 50px; font-weight: 600; }
  .login-form .feature-list { font-size: 13px; line-height: 1.5; color: #52617a; }
  .login-form .feature-list .icon { width: 15px; height: 15px; color: #674c94; }
  .login-form > .login-demo-note { font-size: 12px; line-height: 1.55; color: #5b4870; border-color: #e2d7ef; }
  .login-site-link { font-size: 13px; line-height: 1.4; color: #634589; }
  .login-site-link .icon { width: 15px; height: 15px; }
}

@media screen and (min-width: 901px) and (max-height: 800px) {
  .login-story { padding-top: 30px; padding-bottom: 24px; }
  .login-story > .prototype-label { margin-top: 20px; }
  .login-story h1 { margin-top: 15px; }
  .login-story > p { margin-top: 13px; }
  .login-art { margin-top: 20px; padding-top: 17px; padding-bottom: 14px; }
  .mini-kpi { margin-top: 10px; }
  .mini-bars { margin-top: 13px; height: 65px; }
  .mini-chart-footer { padding-top: 10px; }
  .login-story-footer { padding-top: 18px; }
  .login-panel { padding-top: 26px; padding-bottom: 42px; }
  .login-panel .login-form { padding-top: 0; padding-bottom: 10px; }
  .login-form > h2 { margin-top: 13px; margin-bottom: 10px; }
  .login-form > p { margin-bottom: 16px; }
  .login-form .field { margin-bottom: 10px; }
  .workspace-preview { padding: 10px 13px; }
  .demo-login-credentials { margin-top: 12px; }
  .login-form .demo-login-credentials .field { margin-bottom: 8px; }
  .demo-login-help { margin-bottom: 10px; }
  .login-form .feature-list { margin-top: 15px; gap: 6px; }
  .login-form > .login-demo-note { margin-top: 16px; padding: 9px 12px; }
  .login-site-link { bottom: 16px; }
}