.rich-content,
.content-body,
.blog-article-content,
.pd-tab-pane {
    font-size: 1rem;
    line-height: 1.75;
    color: #374151;
    word-wrap: break-word;
}

.rich-content h1,
.content-body h1,
.blog-article-content h1,
.pd-tab-pane h1 { font-size: 2rem; font-weight: 800; margin: 1.25rem 0 .75rem; line-height: 1.25; color: #111827; }

.rich-content h2,
.content-body h2,
.blog-article-content h2,
.pd-tab-pane h2 { font-size: 1.625rem; font-weight: 800; margin: 1.15rem 0 .65rem; line-height: 1.3; color: #111827; }

.rich-content h3,
.content-body h3,
.blog-article-content h3,
.pd-tab-pane h3 { font-size: 1.375rem; font-weight: 700; margin: 1rem 0 .5rem; line-height: 1.35; color: #111827; }

.rich-content h4,
.content-body h4,
.blog-article-content h4,
.pd-tab-pane h4 { font-size: 1.125rem; font-weight: 700; margin: .85rem 0 .45rem; color: #111827; }

.rich-content h5,
.content-body h5,
.blog-article-content h5,
.pd-tab-pane h5 { font-size: 1rem; font-weight: 700; margin: .75rem 0 .4rem; color: #111827; }

.rich-content h6,
.content-body h6,
.blog-article-content h6,
.pd-tab-pane h6 { font-size: .9rem; font-weight: 700; margin: .65rem 0 .35rem; color: #374151; }

.rich-content p,
.content-body p,
.blog-article-content p,
.pd-tab-pane p { margin-bottom: .85rem; }

.rich-content ul,
.rich-content ol,
.content-body ul,
.content-body ol,
.blog-article-content ul,
.blog-article-content ol,
.pd-tab-pane ul,
.pd-tab-pane ol { margin: 0 0 1rem; padding-left: 1.5rem; }

.rich-content li,
.content-body li,
.blog-article-content li,
.pd-tab-pane li { margin-bottom: .35rem; }

.rich-content a,
.content-body a,
.blog-article-content a,
.pd-tab-pane a { color: #15803d; text-decoration: underline; }

.rich-content img,
.content-body img,
.blog-article-content img,
.pd-tab-pane img { max-width: 100%; height: auto; border-radius: 8px; margin: .5rem 0; }

.rich-content blockquote,
.content-body blockquote,
.blog-article-content blockquote,
.pd-tab-pane blockquote {
    border-left: 4px solid #22c55e;
    padding: .5rem 1rem;
    margin: 1rem 0;
    background: #f9fafb;
    color: #4b5563;
}

.rich-content table,
.content-body table,
.blog-article-content table,
.pd-tab-pane table { width: 100%; border-collapse: collapse; margin: 1rem 0; }

.rich-content table td,
.rich-content table th,
.content-body table td,
.content-body table th,
.blog-article-content table td,
.blog-article-content table th,
.pd-tab-pane table td,
.pd-tab-pane table th {
    border: 1px solid #e5e7eb;
    padding: .5rem .75rem;
}