/* Typography presets follow the Canva guide's heading/body hierarchy. */
@font-face {
    font-family: "InsuranceGuideSans";
    src: url("/font/NotoSansKR.woff2") format("woff2");
    font-weight: 100 900;
    font-display: swap;
}

body {
    font-family: "InsuranceGuideSans", sans-serif;
}

.guide-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.7;
}

.guide-heading,
.guide-step-title,
.guide-flow {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.6;
    overflow-wrap: anywhere;
    word-break: keep-all;
}

.guide-flow {
    font-size: 0.75rem;
}

.guide-copy {
    font-size: 1rem;
    line-height: 1.8;
    overflow-wrap: anywhere;
    word-break: keep-all;
}

.guide-step-number {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    word-break: keep-all;
}

.guide-caption {
    font-size: 0.75rem;
    line-height: 1.5;
}

@media (min-width: 1024px) {
    .guide-flow {
        font-size: 1.25rem;
    }

    .guide-title {
        font-size: 3.75rem;
    }

    .guide-heading {
        font-size: 2rem;
    }

    .guide-step-title {
        font-size: 1.5rem;
    }

    .guide-copy {
        font-size: 1.25rem;
    }

    .guide-step-number {
        font-size: 1.75rem;
    }

    .guide-caption {
        font-size: 0.875rem;
    }
}