/* OJOTU OJEMA - GLOBAL CONTENT TYPOGRAPHY */

/* Apply to page content, not navigation or branding */
body main {
    font-size: 18px !important;
    line-height: 1.75 !important;
}

/* Main hero headings */
body main section[class*="hero"] h1,
body main .hero h1 {
    font-size: clamp(38px, 4.6vw, 64px) !important;
    font-weight: 800 !important;
    line-height: 1.13 !important;
    letter-spacing: -0.5px;
}

/* Major section headings */
body main h2 {
    font-size: clamp(29px, 3vw, 42px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

/* Subsection and card headings */
body main h3 {
    font-size: clamp(20px, 1.8vw, 24px) !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
}

/* Standard body paragraphs */
body main p {
    font-size: 18px !important;
    line-height: 1.8 !important;
}

/* Lists and their items */
body main li {
    font-size: 18px !important;
    line-height: 1.75 !important;
}

/* Content links */
body main a {
    font-size: 17px !important;
    font-weight: 700;
}

/* Buttons */
body main button,
body main .btn {
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.5 !important;
}

/* Forms */
body main label,
body main input,
body main select,
body main textarea {
    font-size: 17px !important;
    line-height: 1.55 !important;
}

/* Tables */
body main table,
body main th,
body main td {
    font-size: 17px !important;
    line-height: 1.6 !important;
}

/* Smaller captions and metadata */
body main small,
body main figcaption,
body main time {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Tablet */
@media (max-width: 900px) {
    body main p,
    body main li {
        font-size: 17px !important;
    }

    body main h2 {
        font-size: clamp(27px, 4vw, 36px) !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    body main {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    body main section[class*="hero"] h1,
    body main .hero h1 {
        font-size: clamp(32px, 8vw, 42px) !important;
    }

    body main h2 {
        font-size: clamp(26px, 6vw, 32px) !important;
    }

    body main h3 {
        font-size: 20px !important;
    }

    body main p,
    body main li {
        font-size: 16px !important;
        line-height: 1.75 !important;
    }

    body main a,
    body main button,
    body main label,
    body main input,
    body main select,
    body main textarea {
        font-size: 16px !important;
    }
}