@font-face {
    font-family: "Inter";
    src: url("../../fonts/inter-400.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../../fonts/inter-600.woff2") format("woff2");
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../../fonts/inter-700.woff2") format("woff2");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../../fonts/inter-800.woff2") format("woff2");
    font-weight: 800;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "JetBrains Mono";
    src: url("../../fonts/jetbrains-mono-400.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "JetBrains Mono";
    src: url("../../fonts/jetbrains-mono-700.woff2") format("woff2");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

.zjl-v2 .zjl-display {
    font-family: var(--zjl-font-sans);
    font-size: var(--zjl-fs-display);
    line-height: var(--zjl-lh-tight);
    font-weight: 800;
    letter-spacing: 0;
    color: var(--zjl-ink-primary);
}

.zjl-v2 .zjl-headline {
    font-family: var(--zjl-font-sans);
    font-size: var(--zjl-fs-headline);
    line-height: var(--zjl-lh-snug);
    font-weight: 800;
    letter-spacing: 0;
    color: var(--zjl-ink-primary);
}

.zjl-v2 .zjl-title {
    font-size: var(--zjl-fs-title);
    line-height: 1.25;
    font-weight: 700;
    color: var(--zjl-ink-primary);
}

.zjl-v2 .zjl-lead {
    font-size: var(--zjl-fs-lead);
    line-height: var(--zjl-lh-normal);
    font-weight: 500;
    color: var(--zjl-ink-body);
}

.zjl-v2 .zjl-body {
    font-size: var(--zjl-fs-body);
    line-height: var(--zjl-lh-body);
    color: var(--zjl-ink-body);
}

.zjl-v2 .zjl-small {
    font-size: var(--zjl-fs-small);
    line-height: 1.6;
    color: var(--zjl-ink-muted);
}

.zjl-v2 .zjl-micro {
    font-size: var(--zjl-fs-micro);
    line-height: 1.4;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--zjl-ink-muted);
}

.zjl-v2 .zjl-mono {
    font-family: var(--zjl-font-mono);
    font-size: var(--zjl-fs-mono);
    color: var(--zjl-ink-primary);
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

.zjl-v2 h1,
.zjl-v2 h2,
.zjl-v2 h3,
.zjl-v2 h4 {
    font: inherit;
}

.zjl-v2 p {
    margin: 0 0 var(--zjl-space-4);
}

.zjl-v2 strong {
    font-weight: 700;
    color: var(--zjl-ink-primary);
}