/* Unified, cleaner frontend canvas up to 1320px. */
.mdla-app,
.mdla-auth,
.mdla-account,
.mdla-runner,
.mdla-results,
.mdla-interviews,
.mdla-placeholder,
.mdla-lookup,
.mdla-certificate-lookup {
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
}

.mdla-app button,
.mdla-app input,
.mdla-app select,
.mdla-app textarea,
.mdla-auth button,
.mdla-auth input,
.mdla-account button,
.mdla-account input,
.mdla-runner button,
.mdla-runner input,
.mdla-runner textarea {
    font-family: inherit;
}

.mdla-exam__layout {
    width: 100%;
    max-width: 1320px;
}

.mdla-account,
.mdla-runner,
.mdla-results,
.mdla-interviews,
.mdla-certificate-lookup {
    box-shadow: 0 18px 55px rgba(31, 35, 45, .07);
}

@media (max-width: 1360px) {
    .mdla-auth,
    .mdla-account,
    .mdla-runner,
    .mdla-results,
    .mdla-interviews,
    .mdla-certificate-lookup {
        width: calc(100% - 32px);
    }
}

@media (max-width: 600px) {
    .mdla-auth,
    .mdla-account,
    .mdla-results,
    .mdla-interviews,
    .mdla-certificate-lookup {
        width: calc(100% - 20px);
    }

    .mdla-runner {
        width: 100%;
    }
}