/* Typography clarity refresh (v1.6.2). */
:root {
    --font-sans: "Segoe UI Variable", "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Noto Sans SC", Arial, sans-serif;
}

html,
body {
    font-family: var(--font-sans);
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
}

body {
    font-size: 15px;
    line-height: 1.55;
}

button,
input,
select,
textarea {
    font-family: var(--font-sans) !important;
}

h1,
h2,
h3,
h4,
.page-head h1,
.stat > strong,
.login-copy h1 {
    letter-spacing: 0 !important;
}

.brand small { font-size: 10px; }
.workspace span { font-size: 12px; }
nav a { font-size: 14px; line-height: 1.4; }
.sidebar-foot strong { font-size: 13px; }
.sidebar-foot small { font-size: 11px; }
.crumb span,
.online,
.version { font-size: 12px; }
.page-head h1 { font-size: 28px; line-height: 1.3; }
.page-head p { font-size: 14px; line-height: 1.6; }
.stat-top { font-size: 13px; }
.stat > strong { font-size: 30px; line-height: 1.2; }
.stat small { font-size: 13px; }
.panel-head h2 { font-size: 17px; }
.panel-head p { font-size: 13px; line-height: 1.5; }

.btn {
    font-family: var(--font-sans) !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}

.table th { font-size: 12px; }
.table td { font-size: 14px; line-height: 1.55; }
.table code { font-size: 12px; line-height: 1.4; }
.muted { font-size: 13px; line-height: 1.6; }
.badge { font-size: 11px; line-height: 1.25; }
.field label { font-size: 13px; }
.field input,
.field select,
.field textarea,
.filters input,
.filters select {
    font-family: var(--font-sans) !important;
    font-size: 14px !important;
    line-height: 1.45;
}

.login-copy h1 { font-size: 50px; line-height: 1.08; }
.login-copy p { font-size: 17px; line-height: 1.75; }
.login-points strong { font-size: 15px; }
.login-points span { font-size: 12px; line-height: 1.45; }
.login-box h2 { font-size: 31px; line-height: 1.25; }
.login-box > p { font-size: 15px; line-height: 1.6; }
.login-meta { font-size: 12px; }

.url-field,
details summary { font-size: 13px !important; }
.human-grid span,
.order-card-grid h4,
.order-action label,
.permission-summary span,
.permission-fieldset legend,
.permission-grid span,
.pagination-summary,
.pagination-pages a,
.pagination-pages span { font-size: 13px !important; }
.human-table th,
.human-table td,
.order-card-grid section { font-size: 14px !important; line-height: 1.55; }
.order-ledger-head p,
.order-ledger .filter-chips b,
.order-ledger .filter-chips a,
.ledger-order-no,
.cell-subtext,
.cell-nowrap,
.order-dialog-head span,
.order-detail-grid span,
.order-detail-grid small,
.current-tracking span,
.dialog-shipping-form label,
.dialog-refund-form label { font-size: 12px !important; }
.order-ledger-table th { font-size: 11px !important; }
.order-ledger-table td { font-size: 13px !important; line-height: 1.3; }
.order-ledger-table .cell-subtext { font-size: 11px !important; line-height: 1.25 !important; }

@media(max-width:760px) {
    body { font-size: 15px; }
    .page-head h1 { font-size: 24px; }
    .login-box h2 { font-size: 29px; }
}