.am-admin,
.am-modal {
    font-family: var(--am-font);
    color: var(--am-ink);
    -webkit-font-smoothing: antialiased;
}

.am-admin *,
.am-admin *::before,
.am-admin *::after,
.am-modal *,
.am-modal *::before,
.am-modal *::after {
    box-sizing: border-box;
}

/* Plex Sans is only loaded up to 600; asking for 700 makes the browser synthesise a faux bold. */
.am-admin b, .am-admin strong, .am-admin th, .am-admin .font-weight-bold,
.am-modal b, .am-modal strong, .am-modal th, .am-modal .font-weight-bold {
    font-weight: 600;
}

.am-admin .am-num,
.am-modal .am-num {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

.am-admin .am-mono,
.am-modal .am-mono {
    font-family: var(--am-mono);
}

.am-admin :is(a, button, input, select, textarea, summary, [contenteditable], [tabindex]:not([tabindex="-1"])):focus-visible,
.am-modal :is(a, button, input, select, textarea, summary, [contenteditable], [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--am-accent-soft);
}

.am-admin {
    margin-top: 16px;
}