/* Online only. Sizes follow lan/public/{styles,admin,assistant,stage-summary,
roadmap-actions}.css; small labels keep a readable 10px floor. Load last.
Do not scale the page: preserve horizontal scrolling and touch targets. */
.legacy-screen  {
  font-size: var(--font-size-12px);
}

.legacy-workbench-page  {
  font-size: var(--font-size-12px);
}

.paper-ledger-page, .login-page  {
  font-size: var(--font-size-13px);
}

.legacy-workbench-page .eyebrow, .paper-ledger-page .eyebrow,
.login-page .eyebrow  {
  font-size: var(--font-size-10px);
}

/* Big screen: keep the main heading and totals prominent, compact the detail. */
.legacy-screen .legacy-eyebrow  {
  font-size: var(--font-size-11px);
}

.legacy-screen .legacy-screen-header h1  {
  font-size: var(--font-size-clamp-30px-2-35vw-45px);
}

.legacy-screen .legacy-screen-header p:not(.legacy-eyebrow)  {
  font-size: var(--font-size-12px);
}

.legacy-screen .screen-login h1  {
  font-size: var(--font-size-32px);
}

.legacy-screen .legacy-stage-card > span  {
  font-size: var(--font-size-12px);
}

.legacy-screen .legacy-stage-card > small  {
  font-size: var(--font-size-10px);
}

.legacy-screen .legacy-stage-card.onsite strong  {
  font-size: var(--font-size-36px);
}

.legacy-screen .legacy-stage-card.not-started strong  {
  font-size: var(--font-size-17px);
}

.legacy-screen .legacy-panel-title h2  {
  font-size: var(--font-size-15px);
}

.legacy-screen .legacy-panel-title span,
.legacy-screen .legacy-panel-title b  {
  font-size: var(--font-size-10px);
}

.legacy-screen .legacy-roadmap-card i  {
  font-size: var(--font-size-10px);
}

.legacy-screen .legacy-roadmap-card span,
.legacy-screen .legacy-roadmap-card small  {
  font-size: var(--font-size-10px);
}

.legacy-screen .legacy-roadmap-card strong  {
  font-size: var(--font-size-11px);
}

.legacy-screen .legacy-action-heading strong  {
  font-size: var(--font-size-12px);
}

.legacy-screen .legacy-action-heading span,
.legacy-screen .legacy-legend  {
  font-size: var(--font-size-10px);
}

.legacy-screen .legacy-matrix-row.head > div,
.legacy-screen .legacy-matrix-row > div:first-child b  {
  font-size: var(--font-size-10px);
}

.legacy-screen .legacy-matrix-row > div:first-child strong  {
  font-size: var(--font-size-11px);
}

.legacy-screen .legacy-group-card strong  {
  font-size: var(--font-size-12px);
}

.legacy-screen .legacy-group-card small  {
  font-size: var(--font-size-10px);
}

.legacy-screen .legacy-group-card > b  {
  font-size: var(--font-size-17px);
}

.legacy-screen .legacy-journey-row  {
  font-size: var(--font-size-11px);
}

.legacy-screen .legacy-journey-row b  {
  font-size: var(--font-size-11px);
}

.legacy-screen .legacy-journey-row small,
.legacy-screen .legacy-journey-row.head  {
  font-size: var(--font-size-10px);
}

.legacy-screen .legacy-footer  {
  font-size: var(--font-size-10px);
}

/* TA and admin use the offline workbench hierarchy. */
.legacy-workbench-page .legacy-workbench-header h1  {
  font-size: var(--font-size-24px);
}

.ledger-admin-page .legacy-workbench-header h1  {
  font-size: var(--font-size-30px);
}

.legacy-workbench-page .legacy-workbench-header p  {
  font-size: var(--font-size-12px);
}

.legacy-workbench-page .legacy-workbench-header a,
.legacy-workbench-page .legacy-workbench-header button  {
  font-size: var(--font-size-11px);
}

.legacy-workbench-page .legacy-stage-card > span  {
  font-size: var(--font-size-10px);
}

.legacy-workbench-page .legacy-stage-card > small,
.legacy-workbench-page .legacy-stage-card em  {
  font-size: var(--font-size-10px);
}

.legacy-workbench-page .legacy-stage-card strong  {
  font-size: var(--font-size-25px);
}

.legacy-workbench-page .legacy-stage-card.not-started strong  {
  font-size: var(--font-size-13px);
}

.legacy-workbench-page .legacy-mode-tabs strong  {
  font-size: var(--font-size-16px);
}

.legacy-workbench-page .legacy-mode-tabs span  {
  font-size: var(--font-size-11px);
}

.legacy-workbench-page .legacy-subject-tabs strong  {
  font-size: var(--font-size-11px);
}

.legacy-workbench-page .legacy-subject-tabs span  {
  font-size: var(--font-size-10px);
}

.legacy-workbench-page .legacy-action-heading strong  {
  font-size: var(--font-size-18px);
}

.legacy-workbench-page .legacy-action-heading span  {
  font-size: var(--font-size-11px);
}

.legacy-workbench-page .legacy-panel-title h2,
.ledger-admin-page .admin-card h2  {
  font-size: var(--font-size-18px);
}

.legacy-workbench-page .legacy-panel-title span,
.legacy-workbench-page .legacy-panel-title b  {
  font-size: var(--font-size-10px);
}

.legacy-workbench-page .legacy-review-row  {
  font-size: var(--font-size-11px);
}

.legacy-workbench-page .legacy-review-row.head strong  {
  font-size: var(--font-size-11px);
}

.legacy-workbench-page .legacy-review-row > div:first-child b,
.legacy-workbench-page .legacy-review-row > div:first-child strong  {
  font-size: var(--font-size-11px);
}

.legacy-workbench-page .matrix-status span,
.legacy-workbench-page .legacy-mobile-hint  {
  font-size: var(--font-size-10px);
}

.legacy-workbench-page .workbench-legend  {
  font-size: var(--font-size-10px);
}

.legacy-workbench-page .assistant-access-card h2  {
  font-size: var(--font-size-22px);
}

.legacy-workbench-page .stack-form label,
.legacy-workbench-page .stack-form fieldset  {
  font-size: var(--font-size-12px);
}

.legacy-workbench-page .admin-online-tools > summary  {
  font-size: var(--font-size-15px);
}

.legacy-workbench-page .admin-progress-group strong  {
  font-size: var(--font-size-14px);
}

.legacy-workbench-page .admin-progress-group span,
.legacy-workbench-page .admin-progress-group small  {
  font-size: var(--font-size-11px);
}

.legacy-workbench-page .legacy-admin-row  {
  font-size: var(--font-size-11px);
}

.legacy-workbench-page .legacy-admin-row small  {
  font-size: var(--font-size-10px);
}

.legacy-workbench-page .roster-preview-scroll th,
.legacy-workbench-page .roster-preview-scroll td  {
  font-size: var(--font-size-12px);
}

.legacy-workbench-page .roster-steps,
.legacy-workbench-page .route-card  {
  font-size: var(--font-size-12px);
}

.legacy-workbench-page .audit-list > div,
.legacy-workbench-page .schedule-form label  {
  font-size: var(--font-size-11px);
}

.legacy-workbench-page .metric-grid strong  {
  font-size: var(--font-size-25px);
}

.legacy-workbench-page .metric-grid .small-value  {
  font-size: var(--font-size-18px);
}

.legacy-workbench-page .modal  {
  font-size: var(--font-size-13px);
}

.legacy-workbench-page .modal-head h2  {
  font-size: var(--font-size-22px);
}

.legacy-workbench-page .evidence-block h3  {
  font-size: var(--font-size-15px);
}

.legacy-workbench-page .evidence-block pre  {
  font-size: var(--font-size-13px);
}

/* Student booklet: a compact directory and form, with the cover still distinct. */
.paper-ledger-page .topbar h1  {
  font-size: var(--font-size-24px);
}

.paper-ledger-page .paper-ledger-hero h2  {
  font-size: var(--font-size-24px);
}

.paper-ledger-page .paper-ledger-hero .progress-orbit strong  {
  font-size: var(--font-size-28px);
}

.paper-ledger-page .booklet-nav button  {
  font-size: var(--font-size-12px);
}

.paper-ledger-page .student-exports button  {
  font-size: var(--font-size-13px);
}

.paper-ledger-page .student-exports small  {
  font-size: var(--font-size-11px);
}

.paper-ledger-page .booklet-title h2  {
  font-size: var(--font-size-20px);
}

.paper-ledger-page .booklet-title b  {
  font-size: var(--font-size-16px);
}

.paper-ledger-page .booklet-action h3  {
  font-size: var(--font-size-15px);
}

.paper-ledger-page .booklet-action h4  {
  font-size: var(--font-size-14px);
}

.paper-ledger-page .booklet-action h5  {
  font-size: var(--font-size-13px);
}

.paper-ledger-page .booklet-inputs,
.paper-ledger-page .booklet-choice,
.paper-ledger-page .booklet-prompt-box  {
  font-size: var(--font-size-13px);
}

.paper-ledger-page .booklet-field input:not([type=file]),
.paper-ledger-page .booklet-field textarea,
.paper-ledger-page .booklet-extras input,
.paper-ledger-page .booklet-extras textarea  {
  font-size: var(--font-size-14px);
}

.paper-ledger-page .booklet-section-title  {
  font-size: var(--font-size-24px);
}

.paper-ledger-page .booklet-pass h3  {
  font-size: var(--font-size-15px);
}

.paper-ledger-page .cover-art h2  {
  font-size: var(--font-size-clamp-30px-4-5vw-44px);
}

.paper-ledger-page .cover-club  {
  font-size: var(--font-size-13px);
}

.paper-ledger-page .cover-subtitle  {
  font-size: var(--font-size-12px);
}

.paper-ledger-page .cover-signature h4  {
  font-size: var(--font-size-14px);
}

.paper-ledger-page .cover-form h3  {
  font-size: var(--font-size-13px);
}

/* The shared student/account login belongs to the same set of entry pages. */
.login-page .brand-panel h1  {
  font-size: var(--font-size-44px);
}

.login-page .brand-panel p  {
  font-size: var(--font-size-16px);
}

.login-page .login-card h2  {
  font-size: var(--font-size-24px);
}

.login-page .stack-form label  {
  font-size: var(--font-size-13px);
}

@media (max-width: 680px)  {
  .legacy-screen .legacy-screen-header h1  {
    font-size: var(--font-size-25px);
  }

  .legacy-screen .legacy-stage-card.onsite strong  {
    font-size: var(--font-size-30px);
  }

  .legacy-workbench-page .legacy-workbench-header h1  {
    font-size: var(--font-size-22px);
  }

  .ledger-admin-page .legacy-workbench-header h1  {
    font-size: var(--font-size-24px);
  }

  .legacy-workbench-page .legacy-mode-tabs strong  {
    font-size: var(--font-size-15px);
  }

  .legacy-workbench-page .legacy-action-heading strong  {
    font-size: var(--font-size-16px);
  }

  .legacy-workbench-page .legacy-stage-card strong  {
    font-size: var(--font-size-22px);
  }

  .legacy-workbench-page .legacy-stage-card.not-started strong  {
    font-size: var(--font-size-13px);
  }

  .paper-ledger-page .topbar h1,
  .paper-ledger-page .paper-ledger-hero h2  {
    font-size: var(--font-size-20px);
  }

  .paper-ledger-page .booklet-title h2  {
    font-size: var(--font-size-18px);
  }

  .paper-ledger-page .booklet-title b  {
    font-size: var(--font-size-14px);
  }

  .paper-ledger-page .booklet-section-title  {
    font-size: var(--font-size-22px);
  }

  /* Leave space for fingers even though the labels are smaller. */
  .legacy-workbench-page button, .paper-ledger-page button,
  .login-page button, .legacy-workbench-header a,
  .workbench-load-error a, .login-mode-tabs a  {
    min-height: 44px;
  }

  .legacy-workbench-header a, .workbench-load-error a,
  .login-mode-tabs a  {
    display: inline-flex;
    align-items: center;
  }

  .legacy-workbench-page input:not([type=checkbox]):not([type=radio]),
  .legacy-workbench-page select, .legacy-workbench-page textarea,
  .paper-ledger-page input:not([type=checkbox]):not([type=radio]),
  .paper-ledger-page select, .paper-ledger-page textarea,
  .paper-ledger-page .booklet-field textarea,
  .paper-ledger-page .booklet-extras textarea,
  .login-page input, .login-page select,
  .screen-login input  {
    font-size: var(--font-size-16px);
    min-height: 44px;
  }

}

/* Draft feedback stays readable without increasing the subject navigation size. */
.paper-ledger-page .student-draft-note  {
  font-size: var(--font-size-12px);
  line-height: var(--line-height-1-6);
  color: var(--palette-52667b);
}

.paper-ledger-page .student-draft-bar  {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-8px);
  margin: var(--space-10px-0);
  font-size: var(--font-size-12px);
  color: var(--palette-087c77);
}

.paper-ledger-page .student-draft-bar button  {
  font-size: var(--font-size-12px);
  min-height: 44px;
}

.paper-ledger-page .student-draft-bar .draft-error  {
  color: var(--palette-a42a2a);
}

.student-review-summary, .review-result  {
  padding: var(--space-12px-16px);
  border: 1px solid var(--palette-b9dcd6);
  border-radius: var(--radius-10px);
  background: var(--palette-eef9f6);
  color: var(--palette-125e57);
  font-size: var(--font-size-13px);
  line-height: var(--line-height-1-6);
}

.student-review-summary p  {
  margin: var(--space-0-0-4px);
}

.review-result-error  {
  border-color: var(--palette-e4b4ad);
  background: var(--palette-fff2ef);
  color: var(--palette-9b2828);
}

.assistant-sync-bar  {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8px);
  font-size: var(--font-size-12px);
}

.assistant-sync-bar button  {
  min-height: 44px;
  font: inherit;
}