/*
 * MBC Stage 10B9 — Systemwide Typography Standard
 *
 * This file is deliberately loaded AFTER page/module styles.
 * It is the final typography authority for the Admin/Employee CRM,
 * Doctor Workspace, shared sign-in and Doctor access/setup screen.
 *
 * Comfort scale:
 * 10.5px = micro metadata / compact semantic status
 * 11px   = table headers / labels / kickers
 * 12px   = help text / secondary copy / buttons
 * 13px   = normal operational data / controls
 * 14px   = navigation / important body text
 * 16-18  = panel/modal headings
 * 28-31  = main page headings
 */

/* =========================================================
   1. SYSTEM TYPOGRAPHY TOKENS
   ========================================================= */

:root{
    --mbc-font-micro:10.5px;
    --mbc-font-label:11px;
    --mbc-font-secondary:12px;
    --mbc-font-body:13px;
    --mbc-font-nav:14px;
    --mbc-font-panel-title:16px;
    --mbc-font-modal-title:18px;
    --mbc-font-page-title:29px;
    --mbc-line-body:1.5;
    --mbc-line-compact:1.35;
}

/* =========================================================
   2. SHARED ADMIN / EMPLOYEE SHELL
   ========================================================= */

body.mbc-app{
    font-size:var(--mbc-font-body);
    line-height:var(--mbc-line-body);
}

body.mbc-app .brand-name{
    font-size:14px;
    line-height:1.3;
}

body.mbc-app .nav-item{
    font-size:var(--mbc-font-nav);
}

body.mbc-app .account-copy strong{
    font-size:12px;
}

body.mbc-app .account-copy span{
    font-size:10.5px;
}

body.mbc-app .global-search input{
    font-size:12px;
}

/* Shared page hierarchy */
body.mbc-app :is(
    .page-head,
    .intake-head,
    .encounter-head,
    .patients-head,
    .encoder-head,
    .billing-head,
    .claims-head,
    .sync-head,
    .reports-head,
    .notifications-head,
    .admin-page-head
) h1{
    font-size:var(--mbc-font-page-title);
    line-height:1.14;
}

body.mbc-app :is(
    .page-head,
    .intake-head,
    .encounter-head,
    .patients-head,
    .encoder-head,
    .billing-head,
    .claims-head,
    .sync-head,
    .reports-head,
    .notifications-head,
    .admin-page-head
) p{
    font-size:12px;
    line-height:1.5;
}

body.mbc-app :is(
    .eyebrow,
    .reports-eyebrow,
    .notifications-eyebrow,
    .intake-eyebrow,
    .admin-eyebrow,
    .sync-eyebrow,
    .panel-kicker,
    .drawer-kicker,
    .modal-kicker
){
    font-size:10.5px;
    line-height:1.25;
}

/* =========================================================
   3. TABLE / DIRECTORY STANDARD
   ========================================================= */

body.mbc-app table th,
body.mbc-app :is(
    .premium-table,
    .patients-table,
    .encounters-table,
    .encoder-queue-table,
    .billing-table,
    .claims-table,
    .sync-table,
    .intake-table,
    .notification-rules-table,
    .intake-settings-table,
    .doctor-admin-table,
    .dashboard-queue-table
) th{
    font-size:11px;
    line-height:1.3;
}

body.mbc-app table td,
body.mbc-app :is(
    .premium-table,
    .patients-table,
    .encounters-table,
    .encoder-queue-table,
    .billing-table,
    .claims-table,
    .sync-table,
    .intake-table,
    .notification-rules-table,
    .intake-settings-table,
    .doctor-admin-table,
    .dashboard-queue-table
) td{
    font-size:13px;
    line-height:1.4;
}

body.mbc-app table td strong{
    font-size:13px;
    line-height:1.35;
}

body.mbc-app table td small,
body.mbc-app table td time{
    font-size:11px;
    line-height:1.35;
}

/* Directory primary/secondary text */
body.mbc-app :is(
    .patient-name-button,
    .encounter-patient,
    .queue-patient,
    .billing-patient,
    .claim-patient,
    .sync-patient,
    .intake-patient-button,
    .intake-stacked,
    .stacked-cell,
    .billing-stacked,
    .claim-stacked,
    .sync-stacked,
    .doctor-admin-person,
    .doctor-admin-stack
) strong{
    font-size:13px;
    line-height:1.35;
}

body.mbc-app :is(
    .patient-name-button,
    .encounter-patient,
    .queue-patient,
    .billing-patient,
    .claim-patient,
    .sync-patient,
    .intake-patient-button,
    .intake-stacked,
    .stacked-cell,
    .billing-stacked,
    .claim-stacked,
    .sync-stacked,
    .doctor-admin-person,
    .doctor-admin-stack
) small{
    font-size:11px;
    line-height:1.35;
}

/* =========================================================
   4. FORM STANDARD
   ========================================================= */

body.mbc-app :is(
    .patient-form-grid,
    .encounter-form-grid,
    .encoder-form-grid,
    .invoice-form-grid,
    .claim-form-grid,
    .connection-form-grid,
    .intake-form-grid,
    .intake-custom-field,
    .settings-field,
    .admin-form-grid,
    .intake-confirm-field
) label>span,
body.mbc-app label.settings-field>span,
body.mbc-app .settings-field>span{
    font-size:11px;
    line-height:1.3;
}

body.mbc-app :is(
    .patient-form-grid,
    .encounter-form-grid,
    .encoder-form-grid,
    .invoice-form-grid,
    .claim-form-grid,
    .connection-form-grid,
    .intake-form-grid,
    .intake-custom-field,
    .settings-field,
    .admin-form-grid,
    .intake-confirm-field
) :is(input,select,textarea),
body.mbc-app .settings-field :is(input,select,textarea){
    font-size:13px;
    line-height:1.4;
}

body.mbc-app :is(
    .patient-form-grid,
    .encounter-form-grid,
    .encoder-form-grid,
    .invoice-form-grid,
    .claim-form-grid,
    .connection-form-grid,
    .intake-form-grid,
    .settings-field,
    .admin-form-grid
) small,
body.mbc-app .settings-field small{
    font-size:10.5px;
    line-height:1.45;
}

body.mbc-app :is(
    .primary-button,
    .secondary-button,
    .danger-button,
    .danger-outline-button,
    .toolbar-filter-button,
    .filter-button,
    .queue-button,
    .small-add-button,
    .encoder-add-button,
    .encoder-takeover-button,
    .document-download,
    .panel-link,
    .text-button
){
    font-size:12px;
}

/* =========================================================
   5. KPI / SUMMARY STANDARD
   ========================================================= */

body.mbc-app :is(
    .patient-kpi,
    .intake-kpi,
    .encounter-kpi,
    .encoder-kpi,
    .billing-kpi,
    .claim-kpi,
    .sync-kpi,
    .report-kpi,
    .notifications-kpis,
    .settings-summary-grid
) span{
    font-size:11px;
    line-height:1.3;
}

body.mbc-app :is(
    .patient-kpi,
    .intake-kpi,
    .encounter-kpi,
    .encoder-kpi,
    .billing-kpi,
    .claim-kpi,
    .sync-kpi,
    .report-kpi,
    .notifications-kpis,
    .settings-summary-grid
) small{
    font-size:10.5px;
    line-height:1.4;
}

/* Status text can remain compact, but never microscopic. */
body.mbc-app :is(
    .status-pill,
    .mini-status,
    .encounter-status,
    .encoder-status,
    .encoder-priority,
    .billing-status,
    .claim-status,
    .sync-status,
    .intake-validation-pill,
    .intake-duplicate-pill,
    .intake-status,
    .admin-status,
    .role-pill,
    .system-role-badge,
    .custom-role-badge,
    .inactive-role-badge,
    .settings-impact-badge,
    .intake-source-pill,
    .intake-status-pill,
    .intake-required-badge,
    .intake-request-status,
    .dashboard-status-badge,
    .dashboard-progress-pill
){
    font-size:10.5px;
    line-height:1.2;
}

/* =========================================================
   6. DRAWER / MODAL STANDARD
   ========================================================= */

body.mbc-app :is(
    .drawer-head,
    .intake-drawer-head,
    .intake-modal-head,
    .encounter-drawer-head,
    .encounter-modal-head,
    .billing-drawer-head,
    .invoice-modal-head,
    .claim-drawer-head,
    .claim-modal-head,
    .sync-drawer-head,
    .connection-modal-head,
    .patient-modal-head
) h2{
    font-size:18px;
    line-height:1.25;
}

body.mbc-app :is(
    .intake-drawer-head,
    .intake-modal-head,
    .encounter-drawer-head,
    .encounter-modal-head,
    .billing-drawer-head,
    .invoice-modal-head,
    .claim-drawer-head,
    .claim-modal-head,
    .sync-drawer-head,
    .connection-modal-head,
    .patient-modal-head
) p{
    font-size:11.5px;
    line-height:1.45;
}

body.mbc-app :is(
    .drawer-section,
    .intake-drawer-section,
    .drawer-block,
    .billing-drawer-block,
    .claim-drawer-block,
    .sync-drawer-block
) h3{
    font-size:13px;
    line-height:1.35;
}

/* Drawer labels */
body.mbc-app :is(
    .drawer-grid,
    .drawer-status-row,
    .drawer-assignment,
    .drawer-status-grid,
    .billing-drawer-grid,
    .claim-drawer-grid,
    .sync-drawer-grid,
    .intake-detail-grid,
    .intake-drawer-summary,
    .billing-drawer-summary,
    .claim-drawer-summary,
    .sync-drawer-summary
) span{
    font-size:10.5px;
    line-height:1.35;
}

/* Drawer values */
body.mbc-app :is(
    .drawer-grid,
    .drawer-status-row,
    .drawer-assignment,
    .drawer-status-grid,
    .billing-drawer-grid,
    .claim-drawer-grid,
    .sync-drawer-grid,
    .intake-detail-grid,
    .intake-drawer-summary,
    .billing-drawer-summary,
    .claim-drawer-summary,
    .sync-drawer-summary
) strong{
    font-size:12px;
    line-height:1.4;
}

/* Code / procedure / event rows */
body.mbc-app :is(
    .drawer-code-item,
    .invoice-line-item,
    .payment-item,
    .billing-event-item,
    .claim-code-item,
    .claim-event-item,
    .sync-attempt-item,
    .sync-event-item,
    .intake-event-row,
    .encoder-document-row,
    .encoder-activity-item
) strong{
    font-size:12px;
    line-height:1.4;
}

body.mbc-app :is(
    .drawer-code-item,
    .invoice-line-item,
    .payment-item,
    .billing-event-item,
    .claim-code-item,
    .claim-event-item,
    .sync-attempt-item,
    .sync-event-item,
    .intake-event-row,
    .encoder-document-row,
    .encoder-activity-item
) :is(span,small,time){
    font-size:11px;
    line-height:1.4;
}

/* =========================================================
   7. PATIENT INTAKE — FULL REVIEW / HISTORY
   ========================================================= */

body.mbc-app .intake-section-title h3{
    font-size:13px;
    line-height:1.3;
}

body.mbc-app .intake-section-title p{
    font-size:11px;
    line-height:1.4;
}

body.mbc-app .intake-section-title>span{
    font-size:11px;
}

body.mbc-app .intake-form-grid label>span,
body.mbc-app .intake-custom-field label>span{
    font-size:11px;
}

body.mbc-app .intake-form-grid :is(input,select,textarea),
body.mbc-app .intake-custom-field :is(input,select,textarea){
    font-size:13px;
}

body.mbc-app .intake-custom-row span{
    font-size:11px;
}

body.mbc-app .intake-custom-row strong{
    font-size:12px;
}

body.mbc-app .intake-inline-empty{
    font-size:11.5px;
    line-height:1.5;
}

body.mbc-app .intake-drawer-section-head span{
    font-size:10.5px;
}

body.mbc-app .intake-event-row strong{
    font-size:12px;
}

body.mbc-app .intake-event-row>span{
    font-size:10.5px;
}

body.mbc-app .intake-event-changes>div{
    font-size:10.5px;
    line-height:1.4;
}

body.mbc-app .intake-event-changes small{
    font-size:10.5px;
}

body.mbc-app .intake-json{
    font-size:11px;
    line-height:1.55;
}

body.mbc-app .intake-footer,
body.mbc-app .intake-drawer-loading,
body.mbc-app .intake-error-list{
    font-size:11.5px;
}

/* =========================================================
   8. ENCOUNTERS / ENCODER
   ========================================================= */

body.mbc-app .drawer-summary{
    font-size:12px;
    line-height:1.5;
}

body.mbc-app .drawer-updated,
body.mbc-app .updated-cell,
body.mbc-app .queue-updated{
    font-size:10.5px;
}

body.mbc-app .encoder-lock-banner,
body.mbc-app .encoder-missing-banner{
    font-size:11.5px;
}

body.mbc-app .encoder-lock-banner strong,
body.mbc-app .encoder-missing-banner strong{
    font-size:12px;
}

body.mbc-app .patient-summary-main strong{
    font-size:13px;
}

body.mbc-app .patient-summary-main span{
    font-size:11px;
}

body.mbc-app .side-detail-list span,
body.mbc-app .insurance-hero span{
    font-size:10.5px;
}

body.mbc-app .side-detail-list strong,
body.mbc-app .insurance-hero strong{
    font-size:12px;
}

body.mbc-app .validation-item strong,
body.mbc-app .validation-derived strong{
    font-size:12px;
}

body.mbc-app .validation-checkmark,
body.mbc-app .validation-derived>span{
    font-size:11px;
}

body.mbc-app .api-card span,
body.mbc-app .api-card p{
    font-size:10.5px;
}

body.mbc-app .api-card strong{
    font-size:12px;
}

/* =========================================================
   9. PATIENT PROFILE
   ========================================================= */

body.mbc-app .profile-panel-head p{
    font-size:11.5px;
}

body.mbc-app .readiness-list>div>span,
body.mbc-app .summary-stat span,
body.mbc-app .patient-custom-attribute-row span,
body.mbc-app .patient-level-step small{
    font-size:10.5px;
}

body.mbc-app .readiness-list strong,
body.mbc-app .summary-stat strong,
body.mbc-app .patient-custom-attribute-row strong,
body.mbc-app .patient-level-step strong{
    font-size:12px;
}

body.mbc-app .note-item p,
body.mbc-app .history-row strong,
body.mbc-app .document-row strong{
    font-size:12px;
}

body.mbc-app :is(
    .note-item small,
    .note-meta span,
    .note-meta time,
    .history-row span,
    .document-row span
){
    font-size:10.5px;
}

/* =========================================================
   10. BILLING / CLAIMS / DOCTOR DELIVERY
   ========================================================= */

body.mbc-app :is(
    .invoice-section-title,
    .claim-section-title,
    .connection-section-title
) p{
    font-size:11px;
}

body.mbc-app :is(
    .invoice-section-title,
    .claim-section-title,
    .connection-section-title
)>span{
    font-size:11px;
}

body.mbc-app .claim-workflow-guidance span,
body.mbc-app .claim-submission-lock,
body.mbc-app .claim-submission-governance-note span{
    font-size:10.5px;
    line-height:1.45;
}

body.mbc-app .claim-workflow-guidance p{
    font-size:11px;
    line-height:1.45;
}

body.mbc-app .connection-grid span,
body.mbc-app .governance-flow>div>span{
    font-size:10.5px;
}

body.mbc-app .connection-grid strong,
body.mbc-app .governance-flow strong{
    font-size:12px;
}

body.mbc-app .connection-warning,
body.mbc-app .connection-message,
body.mbc-app .governance-flow small{
    font-size:10.5px;
}

/* =========================================================
   11. SETTINGS / ADMINISTRATION
   ========================================================= */

body.mbc-app .settings-tabs strong{
    font-size:12px;
}

body.mbc-app .settings-tabs small{
    font-size:10.5px;
}

body.mbc-app .settings-pane-head h2{
    font-size:18px;
}

body.mbc-app .settings-pane-head p{
    font-size:12px;
}

body.mbc-app .settings-impact-card strong,
body.mbc-app .security-policy-preview strong,
body.mbc-app .intake-toggle-card strong{
    font-size:12px;
}

body.mbc-app .settings-impact-card span,
body.mbc-app .security-policy-preview span,
body.mbc-app .intake-toggle-card small{
    font-size:10.5px;
}

body.mbc-app .intake-settings-table th{
    font-size:11px;
}

body.mbc-app .intake-settings-table td{
    font-size:12px;
}

body.mbc-app .intake-source-cell strong,
body.mbc-app .intake-attribute-copy strong{
    font-size:12px;
}

body.mbc-app :is(
    .intake-source-cell small,
    .intake-credential-mask small,
    .intake-attribute-copy small,
    .intake-request-row span,
    .intake-request-row code,
    .intake-request-row time
){
    font-size:10.5px;
}

body.mbc-app .intake-request-copy strong{
    font-size:12px;
}

body.mbc-app .doctor-admin-table th{
    font-size:11px;
}

body.mbc-app .doctor-admin-table td{
    font-size:13px;
}

body.mbc-app .doctor-admin-kpis span,
body.mbc-app .doctor-admin-kpis small{
    font-size:10.5px;
}

body.mbc-app .doctor-admin-toggle strong{
    font-size:12px;
}

body.mbc-app .doctor-admin-toggle small,
body.mbc-app .doctor-admin-governance-note span{
    font-size:10.5px;
}

/* =========================================================
   12. NOTIFICATIONS
   ========================================================= */

body.mbc-app .notification-popover-head span,
body.mbc-app .notification-popover-head button{
    font-size:10.5px;
}

body.mbc-app .notification-item-copy strong{
    font-size:12px;
}

body.mbc-app .notification-item-copy>span{
    font-size:11px;
}

body.mbc-app .notification-item-copy small{
    font-size:10.5px;
}

body.mbc-app .notification-history-title span{
    font-size:10.5px;
}

body.mbc-app .notification-history-copy p{
    font-size:12px;
}

body.mbc-app .notification-history-meta,
body.mbc-app .notification-change-summary>div,
body.mbc-app .notification-change-summary small,
body.mbc-app .notification-change-summary.labels-only>strong,
body.mbc-app .notification-changed-field-chips span{
    font-size:10.5px;
}

/* =========================================================
   13. REPORTS / DASHBOARD
   ========================================================= */

body.mbc-app .panel-meta,
body.mbc-app .reports-export-popover>span,
body.mbc-app .reports-export-popover small,
body.mbc-app .reports-range-note span,
body.mbc-app .throughput-footer span,
body.mbc-app .health-row span,
body.mbc-app .report-stat-grid span,
body.mbc-app .status-strip span,
body.mbc-app .rank-copy>small,
body.mbc-app .api-health-grid span,
body.mbc-app .export-history-row span,
body.mbc-app .export-history-row time{
    font-size:10.5px;
}

body.mbc-app .panel-link,
body.mbc-app .reports-quick-ranges>a{
    font-size:11px;
}

body.mbc-app .health-row strong,
body.mbc-app .status-strip strong,
body.mbc-app .rank-copy strong,
body.mbc-app .export-history-row strong{
    font-size:12px;
}

body.mbc-app .report-bar-value,
body.mbc-app .report-bar-column>span,
body.mbc-app .billing-donut span,
body.mbc-app .billing-legend span{
    font-size:10.5px;
}

body.mbc-app .dashboard-timeline-row strong,
body.mbc-app .dashboard-document-row strong{
    font-size:12px;
}

body.mbc-app .dashboard-timeline-row span:not(.dashboard-timeline-node):not(.dashboard-timeline-time),
body.mbc-app .dashboard-timeline-time,
body.mbc-app .dashboard-timeline-row small,
body.mbc-app .dashboard-document-row small,
body.mbc-app .dashboard-api-step span:not(.dashboard-api-step-node),
body.mbc-app .doctor-status-row time{
    font-size:10.5px;
}

/* =========================================================
   14. DOCTOR WORKSPACE
   ========================================================= */

body.mbc-app.doctor-workspace-app{
    font-size:13px;
}

body.mbc-app.doctor-workspace-app .doctor-nav-item{
    font-size:14px;
}

body.mbc-app.doctor-workspace-app .doctor-brand-copy strong{
    font-size:14px;
}

body.mbc-app.doctor-workspace-app .doctor-brand-copy span,
body.mbc-app.doctor-workspace-app .doctor-sidebar-profile span,
body.mbc-app.doctor-workspace-app .doctor-account-chip span,
body.mbc-app.doctor-workspace-app .doctor-topbar-title span{
    font-size:10.5px;
}

body.mbc-app.doctor-workspace-app .doctor-sidebar-profile strong,
body.mbc-app.doctor-workspace-app .doctor-account-chip strong{
    font-size:12px;
}

body.mbc-app.doctor-workspace-app .doctor-page-head h1{
    font-size:31px;
    line-height:1.14;
}

body.mbc-app.doctor-workspace-app .doctor-page-head>div>span{
    font-size:10.5px;
}

body.mbc-app.doctor-workspace-app .doctor-page-head p{
    font-size:12px;
}

body.mbc-app.doctor-workspace-app .doctor-kpi-copy span{
    font-size:11px;
}

body.mbc-app.doctor-workspace-app .doctor-kpi-copy small{
    font-size:10.5px;
}

body.mbc-app.doctor-workspace-app .doctor-panel-head span{
    font-size:10.5px;
}

body.mbc-app.doctor-workspace-app .doctor-panel-head h2{
    font-size:16px;
}

body.mbc-app.doctor-workspace-app .doctor-panel-head p{
    font-size:11px;
}

body.mbc-app.doctor-workspace-app .doctor-table th{
    font-size:11px;
}

body.mbc-app.doctor-workspace-app .doctor-table td{
    font-size:13px;
}

body.mbc-app.doctor-workspace-app .doctor-table strong{
    font-size:13px;
}

body.mbc-app.doctor-workspace-app .doctor-stacked small{
    font-size:11px;
}

body.mbc-app.doctor-workspace-app .doctor-status{
    font-size:10.5px;
}

body.mbc-app.doctor-workspace-app :is(
    .doctor-link-button,
    .doctor-primary,
    .doctor-secondary,
    .doctor-danger
){
    font-size:12px;
}

body.mbc-app.doctor-workspace-app .doctor-search input,
body.mbc-app.doctor-workspace-app .doctor-filters select,
body.mbc-app.doctor-workspace-app .doctor-field textarea{
    font-size:13px;
}

body.mbc-app.doctor-workspace-app .doctor-case-hero h1{
    font-size:24px;
}

body.mbc-app.doctor-workspace-app .doctor-case-hero p{
    font-size:12px;
}

body.mbc-app.doctor-workspace-app .doctor-case-meta span,
body.mbc-app.doctor-workspace-app .doctor-info-grid span,
body.mbc-app.doctor-workspace-app .doctor-block>header span,
body.mbc-app.doctor-workspace-app .doctor-field>span{
    font-size:10.5px;
}

body.mbc-app.doctor-workspace-app .doctor-case-meta strong,
body.mbc-app.doctor-workspace-app .doctor-info-grid strong,
body.mbc-app.doctor-workspace-app .doctor-code-row strong,
body.mbc-app.doctor-workspace-app .doctor-document-row strong,
body.mbc-app.doctor-workspace-app .doctor-event-row strong{
    font-size:12px;
}

body.mbc-app.doctor-workspace-app .doctor-code-row span,
body.mbc-app.doctor-workspace-app .doctor-document-row span,
body.mbc-app.doctor-workspace-app .doctor-event-row span{
    font-size:11px;
}

body.mbc-app.doctor-workspace-app .doctor-attestation,
body.mbc-app.doctor-workspace-app .doctor-governance-note,
body.mbc-app.doctor-workspace-app .doctor-empty span{
    font-size:11px;
    line-height:1.5;
}

body.mbc-app.doctor-workspace-app .doctor-notification-copy strong,
body.mbc-app.doctor-workspace-app .doctor-live-toast-copy strong{
    font-size:12px;
}

body.mbc-app.doctor-workspace-app .doctor-notification-copy span,
body.mbc-app.doctor-workspace-app .doctor-live-toast-copy span{
    font-size:11px;
}

body.mbc-app.doctor-workspace-app .doctor-notification-copy time,
body.mbc-app.doctor-workspace-app .doctor-live-toast-copy small{
    font-size:10.5px;
}

/* =========================================================
   15. STANDALONE SIGN-IN / DOCTOR ACCESS
   ========================================================= */

body.login-page{
    font-size:13px;
}

body.login-page .login-brand-name{
    font-size:15px;
}

body.login-page .login-brand-subtitle,
body.login-page .login-version{
    font-size:10.5px;
}

body.login-page .login-card h1{
    font-size:28px;
}

body.login-page .login-card p{
    font-size:12px;
}

body.login-page label>span{
    font-size:11px;
}

body.login-page :is(input,button){
    font-size:13px;
}

body.doctor-access-page{
    font-size:13px;
}

body.doctor-access-page .doctor-access-card h1{
    font-size:24px;
}

body.doctor-access-page .doctor-access-card>p,
body.doctor-access-page .doctor-access-note span{
    font-size:12px;
    line-height:1.5;
}

body.doctor-access-page .doctor-access-card>small{
    font-size:10.5px;
}

/* =========================================================
   16. ACCESSIBILITY / RESPONSIVE READABILITY
   ========================================================= */

/* Do not shrink operational text on smaller screens. Reflow instead. */
@media(max-width:700px){
    :root{
        --mbc-font-body:13px;
        --mbc-font-page-title:26px;
    }

    body.mbc-app table td{
        font-size:12.5px;
    }

    body.mbc-app.doctor-workspace-app .doctor-page-head h1{
        font-size:27px;
    }
}