/*
   Readability layer.
   Loaded after page styles so legacy 9-13px declarations do not make
   navigation, controls and supporting copy difficult to read.
*/
:root {
    --text-size-body: 16px;
    --text-size-control: 15px;
    --text-size-small: 13px;
    --text-line-body: 1.6;
}

body {
    font-size: var(--text-size-body);
    line-height: var(--text-line-body);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

p,
li,
dd,
blockquote,
.privacy-section,
.terms-section {
    line-height: var(--text-line-body);
}

button,
.btn,
input,
select,
textarea {
    font-size: var(--text-size-control);
}

.dropdown-item,
.btn-register-header,
.btn-login-header {
    font-size: var(--text-size-control);
}

.user-info-mini .username {
    font-size: 14px;
}

.notif-badge {
    font-size: var(--text-size-small);
}

.pf .pf-date,
.pf .pf-username {
    font-size: var(--text-size-small);
    line-height: 1.35;
}

.pf .pf-bio,
.pf .pf-text {
    font-size: 15px;
    line-height: 1.55;
}

.admin-container,
.admin-container input,
.admin-container select,
.admin-container textarea,
.admin-container button {
    font-size: 14px;
}

.admin-container small,
.admin-container .hint,
.admin-container .stat-label,
.admin-container .metrics-label,
.admin-container .metrics-hint,
.admin-container .metrics-note {
    font-size: var(--text-size-small);
    line-height: 1.45;
}

@media (max-width: 480px) {
    body {
        padding-top: 4px;
    }

    .btn-register-header,
    .btn-login-header,
    .btn-register-header span,
    .btn-login-header span {
        font-size: 14px;
    }

}