/* =========================================================
   EXAM SYSTEM — BASE
========================================================= */

.exam-page {
    --exam-primary: #f2384a;
    --exam-primary-rgb: 242, 56, 74;
    --exam-secondary: #ff6976;
    --exam-soft: #ffe4e7;
    --exam-soft-2: #fff4f5;
    --exam-dark: #102d56;
    --exam-code: "KPSS";

    min-height: 100vh;

    background: #f8fafc;

    color: var(--text-dark);
}


/* =========================================================
   EXAM CONTAINER
========================================================= */

.exam-container {
    width: min(
        calc(100% - 48px),
        var(--container)
    );

    margin-inline: auto;
}


/* =========================================================
   EXAM MAIN
========================================================= */

.exam-main {
    position: relative;
}


/* =========================================================
   SMALL COMMON ELEMENTS
========================================================= */

.exam-eyebrow {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: var(--exam-primary);

    font-size: 10px;
    font-weight: 900;

    letter-spacing: 1.8px;
}


.exam-eyebrow::before {
    content: "";

    width: 27px;
    height: 3px;

    border-radius: 100px;

    background: currentColor;
}


/* =========================================================
   SELECTION
========================================================= */

.exam-page ::selection {
    background: var(--exam-primary);

    color: #ffffff;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .exam-container {
        width: min(
            calc(100% - 32px),
            var(--container)
        );
    }

}