@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=Inter:wght@400;500;600;700&display=swap');

.wysiwyg-content {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
    font-size: 15.5px;
    line-height: 1.8;
    color: #6C6960;
}

.wysiwyg-content h2,
.wysiwyg-content h3,
.wysiwyg-content h4 {
    font-family: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
    font-weight: 600;
    color: #1E1D1A;
    line-height: 1.2;
    margin-top: 1.75em;
    margin-bottom: 0.5em;
}

.wysiwyg-content h2 { font-size: 1.35rem; }
.wysiwyg-content h3 { font-size: 1.1rem; }
.wysiwyg-content h4 { font-size: 1rem; }

.wysiwyg-content p {
    margin-top: 0;
    margin-bottom: 1em;
}

.wysiwyg-content ul,
.wysiwyg-content ol {
    margin: 0.5em 0 1em;
    padding-left: 1.5em;
}

.wysiwyg-content ul { list-style-type: disc; }
.wysiwyg-content ol { list-style-type: decimal; }

.wysiwyg-content li {
    margin-bottom: 0.35em;
}

.wysiwyg-content strong {
    font-weight: 600;
    color: #1E1D1A;
}

.wysiwyg-content em {
    font-style: italic;
}

.wysiwyg-content a {
    color: #1D9E75;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.wysiwyg-content a:hover {
    color: #168467;
}

.wysiwyg-content blockquote {
    border-left: 2px solid #1D9E75;
    padding-left: 1.25em;
    margin: 1.5em 0;
    color: #1E1D1A;
    font-family: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.55;
    font-style: normal;
}

.wysiwyg-content code {
    font-family: ui-monospace, monospace;
    font-size: 0.875em;
    background: #F4F1E8;
    padding: 0.15em 0.4em;
    border-radius: 4px;
    color: #1E1D1A;
}