:root { --app-letter-width: 794px; }
body { color: #253247; }
.main-content { width: 100%; }
.login-page { min-height: calc(100vh - 58px); }
.login-card { max-width: 430px; }
.letter-body { overflow-wrap: anywhere; }
.letter-body img, .letter-body video, .letter-body iframe { display: none; }
.archive-search-form .form-label { font-size: .82rem; font-weight: 600; }
.email-letter-list { max-height: 330px; overflow-y: auto; }
@media (max-width: 767.98px) {
    .page-header { align-items: flex-start !important; flex-direction: column; gap: 1rem; }
    .page-header > div { flex-wrap: wrap; }
    .nav-tabs { flex-wrap: nowrap; overflow-x: auto; }
}