/*
 * Internal page headings - mobile only, version 1.
 * Load with a separate Joomla Custom HTML module in footer.
 * Assign ONLY to internal menu items; exclude every Home menu item.
 * The CSS cannot identify homepages by URL: module assignment is required.
 * Keeps heading text unchanged. Desktop and section headings are untouched.
 */
@media (max-width: 767px) {
    body main.tm-content h1 {
        font-size: 28px !important;
        line-height: 1.2 !important;
        text-align: left !important;
        text-align-last: left !important;
        margin-top: 0 !important;
        margin-bottom: 16px !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: manual !important;
    }
}