/* Use the ZLW table typography throughout the UNT working tables. */
@media screen {
    :root body.has-app-shell :is(.data-table, .timetable-grid, .dictation-table) {
        font-family: var(--font-interface);
    }

    :root body.has-app-shell.teacher-timetable-area {
        --timetable-control-size: 1.6rem;
    }

    :root body.has-app-shell.teacher-timetable-area .site-content :is(table, th, td),
    :root body.has-app-shell.teacher-timetable-area :is(.timetable-source-notice, .dictation-pagination, .dictation-page-label, .dictation-analysis-toolbar) {
        font-family: var(--font-interface);
        font-size: var(--font-table-size);
    }

    :root body.has-app-shell.teacher-timetable-area .timetable-grid :is(button, span, strong, time) {
        font-family: inherit;
        font-size: inherit;
    }

    :root body.has-app-shell.teacher-timetable-area .timetable-grid tbody :is(th, td),
    :root body.has-app-shell.teacher-timetable-area .timetable-time :is(strong, span),
    :root body.has-app-shell.teacher-timetable-area .timetable-entry {
        line-height: normal;
    }

    :root body.has-app-shell.teacher-timetable-area .timetable-time :is(strong, span) {
        font-weight: 700;
    }

    :root body.has-app-shell.teacher-timetable-area :is(.timetable-entry, .timetable-entry-label, .timetable-entry-details),
    :root body.has-app-shell.teacher-timetable-area .timetable-entry-heading :is(strong, span) {
        font-weight: 400;
        letter-spacing: normal;
        line-height: normal;
    }

    :root body.has-app-shell.teacher-timetable-area .site-content :is(.dictation-sync-button, .dictation-transfer-button, .dictation-edit-button, .dictation-delete-button, .dictation-restore-button, .dictation-save-button, .dictation-cancel-button, .dictation-filter-clear) {
        min-height: var(--timetable-control-size);
        padding: .2rem .4rem;
        font-family: var(--font-interface);
        font-size: var(--font-table-size);
        line-height: 1.2;
    }

    :root body.has-app-shell.teacher-timetable-area .timetable-week-navigation :is(a, button),
    :root body.has-app-shell.teacher-timetable-area .site-content .dictation-icon-button {
        width: var(--timetable-control-size);
        min-width: var(--timetable-control-size);
        height: var(--timetable-control-size);
        min-height: var(--timetable-control-size);
        padding: 0;
    }

    :root body.has-app-shell.teacher-timetable-area .timetable-week-navigation svg,
    :root body.has-app-shell.teacher-timetable-area .dictation-action-icon {
        width: .85rem;
        height: .85rem;
    }
}