/*
 * Styles for HTML typed in the admin editor (headings, lists, links, quotes, tables).
 * Tailwind's reset removes these defaults, so editor content showed as plain text.
 * Only elements WITHOUT a class attribute are styled, so older content that carries
 * its own utility classes keeps looking exactly as before.
 */
.ua-content h2:not([class]),
.ua-content h3:not([class]),
.ua-content h4:not([class]) {
    color: #0f172a;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
    text-align: left;
}
.ua-content h2:not([class]) { font-size: 1.5rem; margin: 1.75rem 0 0.5rem; }
.ua-content h3:not([class]) { font-size: 1.25rem; margin: 1.5rem 0 0.5rem; }
.ua-content h4:not([class]) { font-size: 1.0625rem; margin: 1.25rem 0 0.25rem; }
.ua-content > h2:first-child:not([class]),
.ua-content > h3:first-child:not([class]) { margin-top: 0; }

.ua-content ul:not([class]),
.ua-content ol:not([class]) {
    margin: 0.5rem 0 0.75rem;
    padding-left: 1.6rem;
    text-align: left;
}
.ua-content ul:not([class]) { list-style-type: disc !important; }
.ua-content ol:not([class]) { list-style-type: decimal !important; }
.ua-content ul:not([class]) ul:not([class]) { list-style-type: circle !important; }
.ua-content li:not([class]) { padding: 0.2rem 0 0.2rem 0.25rem; }
.ua-content li:not([class])::marker { color: #086B92; font-weight: 600; }
.ua-content li > p:not([class]) { padding-top: 0 !important; margin: 0; }

.ua-content a:not([class]) {
    color: #086B92;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.ua-content a:not([class]):hover { color: #062F44; }

.ua-content strong, .ua-content b { font-weight: 700; }
.ua-content em, .ua-content i:not([class]) { font-style: italic; }

.ua-content blockquote:not([class]) {
    margin: 1.25rem 0;
    padding: 0.25rem 0 0.25rem 1rem;
    border-left: 3px solid #086B92;
    color: #334155;
    font-style: italic;
}

.ua-content img:not([class]) { max-width: 100%; height: auto; border-radius: 6px; }

.ua-content table:not([class]) { width: 100%; margin: 1rem 0; border-collapse: collapse; font-size: 0.95em; }
.ua-content table:not([class]) th,
.ua-content table:not([class]) td { border: 1px solid #e2e8f0; padding: 0.5rem 0.75rem; text-align: left; vertical-align: top; }
.ua-content table:not([class]) th { background: #f8fafc; font-weight: 600; }