/* ── Prevent horizontal scroll lock (some plugins still do this) ─── */
html,
body {
    overflow-x: visible !important;
}

/* ── Mobile: ensure headings never become too small ──── */
@media (max-width: 768px) {
    h1, .h1 { font-size: max(var(--font-size-h1), 2.5rem) !important; }
    h2, .h2 { font-size: max(var(--font-size-h2), 2rem) !important; }
    h3, .h3 { font-size: max(var(--font-size-h3), 1.75rem) !important; }
    h4, .h4 { font-size: max(var(--font-size-h4), 1.5rem) !important; }
}

/* Remove parent’s forced clear on headings */
h1, h2, h3, h4, h5, h6 {
    clear: none !important;
}