/* Semantic Headings - Page Builder Content Styling */

/* Base heading styles */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.5em;
    color: inherit;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1.125rem;
}

h6 {
    font-size: 1rem;
}

/* Rich text content styling */
.rich-text-content p {
    margin-bottom: 1em;
    line-height: 1.6;
}

.rich-text-content ul,
.rich-text-content ol {
    margin-bottom: 1em;
    padding-left: 1.5em;
}

.rich-text-content ul {
    list-style-type: disc;
}

.rich-text-content ol {
    list-style-type: decimal;
}

.rich-text-content li {
    margin-bottom: 0.25em;
}

.rich-text-content a {
    color: #2563eb;
    text-decoration: underline;
}

.rich-text-content a:hover {
    color: #1d4ed8;
}

.rich-text-content strong,
.rich-text-content b {
    font-weight: 700;
}

.rich-text-content em,
.rich-text-content i {
    font-style: italic;
}

.rich-text-content u {
    text-decoration: underline;
}

/* Responsive typography */
@media (max-width: 768px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.375rem; }
    h4 { font-size: 1.125rem; }
}