/* Readability fixes for the multilingual October copy; shared branding stays
   in style.min.css. In particular the longer Shirodhara note needs a full-width
   text column on small screens. */
h1,
h2,
h3,
h4 {
    min-width: 0;
    overflow-wrap: anywhere;
}

.blog-detail-body,
.blog-detail-header h1,
.blog-card-body h2,
.blog-card-body p,
.service-card h4 {
    overflow-wrap: anywhere;
}

footer .legal-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem 1rem;
}

footer .legal-links a {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.gallery-card {
    color: inherit;
    text-decoration: none;
}

.landing-content .cta-button {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

.service-note {
    display: block;
    margin-top: 0.6rem;
    line-height: 1.6;
}

#services-accordion .accordion-item.active > .accordion-content {
    max-height: none;
}

@media (max-width: 768px) {
    #services-accordion .accordion-content {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    #services-accordion .table-responsive td[data-label] {
        padding: 0.75rem;
        text-align: left;
        overflow-wrap: anywhere;
    }

    #services-accordion .table-responsive td[data-label]::before {
        position: static;
        display: block;
        transform: none;
        max-width: none;
        text-align: left;
        margin-bottom: 0.25rem;
    }
}