/* -----------------------------------------------------------------------------
   Typography — headings, body text, Bulma title/subtitle overrides
----------------------------------------------------------------------------- */
.content h1 {
    font-weight: 400 !important;
    color: var(--text-primary);
}
.content h2 {
    font-weight: 400 !important;
    color: var(--text-medium);
}
.content h3 {
    font-weight: 400 !important;
    color: var(--text-medium);
}
.content h4 {
    font-weight: 400 !important;
    color: var(--text-medium);
}

strong {
    font-weight: bold !important;
    color: var(--text-primary);
}
.title {
    font-weight: 400 !important;
    color: var(--text-primary);
}

h1.title {
    font-size: clamp(1.6rem, 2.6vw, 2.5rem) !important;
    line-height: 1.15;
    letter-spacing: -0.01em;
}

/* --- Proportional scaling for section headings (Bulma title overrides) --- */
.title.is-2 {
    font-size: clamp(1.4rem, 2.5vw, 2.5rem);
}
.title.is-3 {
    font-size: clamp(1.2rem, 2vw, 2rem);
}
.title.is-4 {
    font-size: clamp(1.05rem, 1.6vw, 1.5rem);
}
.subtitle {
    font-weight: 400 !important;
    color: var(--text-secondary);
}

p {
    color: var(--text-primary);
}
.p-inverted {
    color: var(--text-light);
}