/**
 * TinyMCE Content CSS - Unified Styling for All Pages
 * تنسيقات موحدة للمحتوى بين المحرر وصفحات العرض - لجميع الصفحات
 * Version: 1.0
 */

/* إعدادات أساسية للمحتوى - تطبق على جميع العناصر */
.tinymce-content,
body.mce-content-body,
.terms-content,
.cs_overview,
.page-content,
.course-content,
.blog-content,
.lesson-content {
    font-family: 'Cairo', 'Segoe UI', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #000000 !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    text-align: right !important;
}

/* تنسيقات العناوين - تطبق على جميع الصفحات */
.tinymce-content h1, .tinymce-content h2, .tinymce-content h3, 
.tinymce-content h4, .tinymce-content h5, .tinymce-content h6,
body.mce-content-body h1, body.mce-content-body h2, body.mce-content-body h3, 
body.mce-content-body h4, body.mce-content-body h5, body.mce-content-body h6,
.terms-content h1, .terms-content h2, .terms-content h3, 
.terms-content h4, .terms-content h5, .terms-content h6,
.cs_overview h1, .cs_overview h2, .cs_overview h3, 
.cs_overview h4, .cs_overview h5, .cs_overview h6,
.page-content h1, .page-content h2, .page-content h3, 
.page-content h4, .page-content h5, .page-content h6,
.course-content h1, .course-content h2, .course-content h3, 
.course-content h4, .course-content h5, .course-content h6,
.blog-content h1, .blog-content h2, .blog-content h3, 
.blog-content h4, .blog-content h5, .blog-content h6,
.lesson-content h1, .lesson-content h2, .lesson-content h3, 
.lesson-content h4, .lesson-content h5, .lesson-content h6 {
    font-family: 'Cairo', 'Segoe UI', sans-serif !important;
    font-weight: 600 !important;
    margin: 1em 0 0.5em 0 !important;
    line-height: 1.3 !important;
    color: #000000 !important;
    padding: 0 !important;
}

.tinymce-content h1, body.mce-content-body h1, .terms-content h1, .cs_overview h1, 
.page-content h1, .course-content h1, .blog-content h1, .lesson-content h1 { 
    font-size: 2em !important; 
    margin-top: 0 !important;
}

.tinymce-content h2, body.mce-content-body h2, .terms-content h2, .cs_overview h2, 
.page-content h2, .course-content h2, .blog-content h2, .lesson-content h2 { 
    font-size: 1.5em !important; 
}

.tinymce-content h3, body.mce-content-body h3, .terms-content h3, .cs_overview h3, 
.page-content h3, .course-content h3, .blog-content h3, .lesson-content h3 { 
    font-size: 1.3em !important; 
}

.tinymce-content h4, body.mce-content-body h4, .terms-content h4, .cs_overview h4, 
.page-content h4, .course-content h4, .blog-content h4, .lesson-content h4 { 
    font-size: 1.1em !important; 
}

.tinymce-content h5, body.mce-content-body h5, .terms-content h5, .cs_overview h5, 
.page-content h5, .course-content h5, .blog-content h5, .lesson-content h5 { 
    font-size: 1em !important; 
}

.tinymce-content h6, body.mce-content-body h6, .terms-content h6, .cs_overview h6, 
.page-content h6, .course-content h6, .blog-content h6, .lesson-content h6 { 
    font-size: 0.9em !important; 
}

/* تنسيقات الفقرات - تطبق على جميع الصفحات */
.tinymce-content p,
body.mce-content-body p,
.terms-content p,
.cs_overview p,
.page-content p,
.course-content p,
.blog-content p,
.lesson-content p {
    margin: 0.5em 0 !important;
    line-height: 1.6 !important;
    color: #000000 !important;
    padding: 0 !important;
}

/* تنسيقات القوائم - تطبق على جميع الصفحات */
.tinymce-content ul, .tinymce-content ol,
body.mce-content-body ul, body.mce-content-body ol,
.terms-content ul, .terms-content ol,
.cs_overview ul, .cs_overview ol,
.page-content ul, .page-content ol,
.course-content ul, .course-content ol,
.blog-content ul, .blog-content ol,
.lesson-content ul, .lesson-content ol {
    margin: 0.5em 0 !important;
    padding-right: 1.5em !important;
    color: #000000 !important;
}

.tinymce-content li,
body.mce-content-body li,
.terms-content li,
.cs_overview li,
.page-content li,
.course-content li,
.blog-content li,
.lesson-content li {
    margin: 0.25em 0 !important;
    color: #000000 !important;
    line-height: 1.5 !important;
}

/* تنسيقات القوائم المرقمة */
.tinymce-content ol,
body.mce-content-body ol,
.terms-content ol,
.cs_overview ol,
.page-content ol,
.course-content ol,
.blog-content ol,
.lesson-content ol {
    list-style-type: decimal !important;
    list-style-position: outside !important;
}

.tinymce-content ul,
body.mce-content-body ul,
.terms-content ul,
.cs_overview ul,
.page-content ul,
.course-content ul,
.blog-content ul,
.lesson-content ul {
    list-style-type: disc !important;
    list-style-position: outside !important;
}

/* تنسيقات الروابط */
.tinymce-content a,
body.mce-content-body a,
.terms-content a,
.cs_overview a,
.page-content a,
.course-content a,
.blog-content a,
.lesson-content a {
    color: #0066cc !important;
    text-decoration: underline !important;
}

.tinymce-content a:hover,
body.mce-content-body a:hover,
.terms-content a:hover,
.cs_overview a:hover,
.page-content a:hover,
.course-content a:hover,
.blog-content a:hover,
.lesson-content a:hover {
    color: #004499 !important;
    text-decoration: none !important;
}

/* تنسيقات الجداول */
.tinymce-content table,
body.mce-content-body table,
.terms-content table,
.cs_overview table,
.page-content table,
.course-content table,
.blog-content table,
.lesson-content table {
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 1em 0 !important;
}

.tinymce-content table, .tinymce-content th, .tinymce-content td,
body.mce-content-body table, body.mce-content-body th, body.mce-content-body td,
.terms-content table, .terms-content th, .terms-content td,
.cs_overview table, .cs_overview th, .cs_overview td,
.page-content table, .page-content th, .page-content td,
.course-content table, .course-content th, .course-content td,
.blog-content table, .blog-content th, .blog-content td,
.lesson-content table, .lesson-content th, .lesson-content td {
    border: 1px solid #ddd !important;
}

.tinymce-content th, .tinymce-content td,
body.mce-content-body th, body.mce-content-body td,
.terms-content th, .terms-content td,
.cs_overview th, .cs_overview td,
.page-content th, .page-content td,
.course-content th, .course-content td,
.blog-content th, .blog-content td,
.lesson-content th, .lesson-content td {
    padding: 8px 12px !important;
    text-align: right !important;
}

.tinymce-content th,
body.mce-content-body th,
.terms-content th,
.cs_overview th,
.page-content th,
.course-content th,
.blog-content th,
.lesson-content th {
    background-color: #f5f5f5 !important;
    font-weight: 600 !important;
}

/* تنسيقات الصور */
.tinymce-content img,
body.mce-content-body img,
.terms-content img,
.cs_overview img,
.page-content img,
.course-content img,
.blog-content img,
.lesson-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 1em auto !important;
}

/* تنسيقات الكود */
.tinymce-content code,
body.mce-content-body code,
.terms-content code,
.cs_overview code,
.page-content code,
.course-content code,
.blog-content code,
.lesson-content code {
    background-color: #f5f5f5 !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
    font-family: 'Courier New', monospace !important;
    font-size: 0.9em !important;
}

.tinymce-content pre,
body.mce-content-body pre,
.terms-content pre,
.cs_overview pre,
.page-content pre,
.course-content pre,
.blog-content pre,
.lesson-content pre {
    background-color: #f5f5f5 !important;
    padding: 1em !important;
    border-radius: 5px !important;
    overflow-x: auto !important;
    margin: 1em 0 !important;
}

.tinymce-content pre code,
body.mce-content-body pre code,
.terms-content pre code,
.cs_overview pre code,
.page-content pre code,
.course-content pre code,
.blog-content pre code,
.lesson-content pre code {
    background: none !important;
    padding: 0 !important;
}

/* تنسيقات الاقتباس */
.tinymce-content blockquote,
body.mce-content-body blockquote,
.terms-content blockquote,
.cs_overview blockquote,
.page-content blockquote,
.course-content blockquote,
.blog-content blockquote,
.lesson-content blockquote {
    border-right: 4px solid #ddd !important;
    margin: 1em 0 !important;
    padding: 0.5em 1em !important;
    background-color: #f9f9f9 !important;
    font-style: italic !important;
}

/* تنسيقات النص المميز */
.tinymce-content strong, .tinymce-content b,
body.mce-content-body strong, body.mce-content-body b,
.terms-content strong, .terms-content b,
.cs_overview strong, .cs_overview b,
.page-content strong, .page-content b,
.course-content strong, .course-content b,
.blog-content strong, .blog-content b,
.lesson-content strong, .lesson-content b {
    font-weight: 600 !important;
}

.tinymce-content em, .tinymce-content i,
body.mce-content-body em, body.mce-content-body i,
.terms-content em, .terms-content i,
.cs_overview em, .cs_overview i,
.page-content em, .page-content i,
.course-content em, .course-content i,
.blog-content em, .blog-content i,
.lesson-content em, .lesson-content i {
    font-style: italic !important;
}

.tinymce-content u,
body.mce-content-body u,
.terms-content u,
.cs_overview u,
.page-content u,
.course-content u,
.blog-content u,
.lesson-content u {
    text-decoration: underline !important;
}

/* تنسيقات خاصة للاتجاه RTL */
.tinymce-content[dir="rtl"],
body.mce-content-body[dir="rtl"],
.terms-content[dir="rtl"],
.cs_overview[dir="rtl"],
.page-content[dir="rtl"],
.course-content[dir="rtl"],
.blog-content[dir="rtl"],
.lesson-content[dir="rtl"] {
    direction: rtl !important;
    text-align: right !important;
}

.tinymce-content[dir="rtl"] ul, .tinymce-content[dir="rtl"] ol,
body.mce-content-body[dir="rtl"] ul, body.mce-content-body[dir="rtl"] ol,
.terms-content[dir="rtl"] ul, .terms-content[dir="rtl"] ol,
.cs_overview[dir="rtl"] ul, .cs_overview[dir="rtl"] ol,
.page-content[dir="rtl"] ul, .page-content[dir="rtl"] ol,
.course-content[dir="rtl"] ul, .course-content[dir="rtl"] ol,
.blog-content[dir="rtl"] ul, .blog-content[dir="rtl"] ol,
.lesson-content[dir="rtl"] ul, .lesson-content[dir="rtl"] ol {
    padding-right: 1.5em !important;
    padding-left: 0 !important;
}

.tinymce-content[dir="rtl"] table th, .tinymce-content[dir="rtl"] table td,
body.mce-content-body[dir="rtl"] table th, body.mce-content-body[dir="rtl"] table td,
.terms-content[dir="rtl"] table th, .terms-content[dir="rtl"] table td,
.cs_overview[dir="rtl"] table th, .cs_overview[dir="rtl"] table td,
.page-content[dir="rtl"] table th, .page-content[dir="rtl"] table td,
.course-content[dir="rtl"] table th, .course-content[dir="rtl"] table td,
.blog-content[dir="rtl"] table th, .blog-content[dir="rtl"] table td,
.lesson-content[dir="rtl"] table th, .lesson-content[dir="rtl"] table td {
    text-align: right !important;
}

.tinymce-content[dir="rtl"] blockquote,
body.mce-content-body[dir="rtl"] blockquote,
.terms-content[dir="rtl"] blockquote,
.cs_overview[dir="rtl"] blockquote,
.page-content[dir="rtl"] blockquote,
.course-content[dir="rtl"] blockquote,
.blog-content[dir="rtl"] blockquote,
.lesson-content[dir="rtl"] blockquote {
    border-right: 4px solid #ddd !important;
    border-left: none !important;
}

/* تنسيقات خاصة للاتجاه LTR */
.tinymce-content[dir="ltr"],
body.mce-content-body[dir="ltr"],
.terms-content[dir="ltr"],
.cs_overview[dir="ltr"],
.page-content[dir="ltr"],
.course-content[dir="ltr"],
.blog-content[dir="ltr"],
.lesson-content[dir="ltr"] {
    direction: ltr !important;
    text-align: left !important;
}

.tinymce-content[dir="ltr"] ul, .tinymce-content[dir="ltr"] ol,
body.mce-content-body[dir="ltr"] ul, body.mce-content-body[dir="ltr"] ol,
.terms-content[dir="ltr"] ul, .terms-content[dir="ltr"] ol,
.cs_overview[dir="ltr"] ul, .cs_overview[dir="ltr"] ol,
.page-content[dir="ltr"] ul, .page-content[dir="ltr"] ol,
.course-content[dir="ltr"] ul, .course-content[dir="ltr"] ol,
.blog-content[dir="ltr"] ul, .blog-content[dir="ltr"] ol,
.lesson-content[dir="ltr"] ul, .lesson-content[dir="ltr"] ol {
    padding-left: 1.5em !important;
    padding-right: 0 !important;
}

.tinymce-content[dir="ltr"] table th, .tinymce-content[dir="ltr"] table td,
body.mce-content-body[dir="ltr"] table th, body.mce-content-body[dir="ltr"] table td,
.terms-content[dir="ltr"] table th, .terms-content[dir="ltr"] table td,
.cs_overview[dir="ltr"] table th, .cs_overview[dir="ltr"] table td,
.page-content[dir="ltr"] table th, .page-content[dir="ltr"] table td,
.course-content[dir="ltr"] table th, .course-content[dir="ltr"] table td,
.blog-content[dir="ltr"] table th, .blog-content[dir="ltr"] table td,
.lesson-content[dir="ltr"] table th, .lesson-content[dir="ltr"] table td {
    text-align: left !important;
}

.tinymce-content[dir="ltr"] blockquote,
body.mce-content-body[dir="ltr"] blockquote,
.terms-content[dir="ltr"] blockquote,
.cs_overview[dir="ltr"] blockquote,
.page-content[dir="ltr"] blockquote,
.course-content[dir="ltr"] blockquote,
.blog-content[dir="ltr"] blockquote,
.lesson-content[dir="ltr"] blockquote {
    border-left: 4px solid #ddd !important;
    border-right: none !important;
}

/* تنسيقات الكود المميز */
.tinymce-content pre[class*="language-"],
body.mce-content-body pre[class*="language-"],
.terms-content pre[class*="language-"],
.cs_overview pre[class*="language-"],
.page-content pre[class*="language-"],
.course-content pre[class*="language-"],
.blog-content pre[class*="language-"],
.lesson-content pre[class*="language-"] {
    background-color: #2d3748 !important;
    color: #e2e8f0 !important;
    padding: 1.5em !important;
    border-radius: 8px !important;
    overflow-x: auto !important;
    margin: 1em 0 !important;
    font-family: 'Fira Code', 'Courier New', monospace !important;
    font-size: 0.9em !important;
    line-height: 1.5 !important;
    border: 1px solid #4a5568 !important;
}

/* تنسيقات خط الفاصل المحسن */
.tinymce-content hr,
body.mce-content-body hr,
.terms-content hr,
.cs_overview hr,
.page-content hr,
.course-content hr,
.blog-content hr,
.lesson-content hr {
    border: none !important;
    border-top: 2px solid #e2e8f0 !important;
    margin: 2em 0 !important;
    background: none !important;
}

.tinymce-content hr.dashed,
body.mce-content-body hr.dashed,
.terms-content hr.dashed,
.cs_overview hr.dashed,
.page-content hr.dashed,
.course-content hr.dashed,
.blog-content hr.dashed,
.lesson-content hr.dashed {
    border-top: 2px dashed #e2e8f0 !important;
}

.tinymce-content hr.dotted,
body.mce-content-body hr.dotted,
.terms-content hr.dotted,
.cs_overview hr.dotted,
.page-content hr.dotted,
.course-content hr.dotted,
.blog-content hr.dotted,
.lesson-content hr.dotted {
    border-top: 2px dotted #e2e8f0 !important;
}

/* تنسيقات العناصر المخصصة */
.tinymce-content details,
body.mce-content-body details,
.terms-content details,
.cs_overview details,
.page-content details,
.course-content details,
.blog-content details,
.lesson-content details {
    margin: 1em 0 !important;
    padding: 0.5em !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 5px !important;
    background-color: #f8f9fa !important;
}

.tinymce-content details summary,
body.mce-content-body details summary,
.terms-content details summary,
.cs_overview details summary,
.page-content details summary,
.course-content details summary,
.blog-content details summary,
.lesson-content details summary {
    cursor: pointer !important;
    font-weight: 600 !important;
    padding: 0.5em !important;
    background-color: #e9ecef !important;
    border-radius: 3px !important;
    margin: -0.5em !important;
}

.tinymce-content details[open] summary,
body.mce-content-body details[open] summary,
.terms-content details[open] summary,
.cs_overview details[open] summary,
.page-content details[open] summary,
.course-content details[open] summary,
.blog-content details[open] summary,
.lesson-content details[open] summary {
    margin-bottom: 0.5em !important;
}

/* تنسيقات جدول المحتويات */
.tinymce-content .mce-toc,
body.mce-content-body .mce-toc,
.terms-content .mce-toc,
.cs_overview .mce-toc,
.page-content .mce-toc,
.course-content .mce-toc,
.blog-content .mce-toc,
.lesson-content .mce-toc {
    border: 1px solid #e2e8f0 !important;
    border-radius: 5px !important;
    padding: 1em !important;
    background-color: #f8f9fa !important;
    margin: 1em 0 !important;
}

.tinymce-content .mce-toc h2,
body.mce-content-body .mce-toc h2,
.terms-content .mce-toc h2,
.cs_overview .mce-toc h2,
.page-content .mce-toc h2,
.course-content .mce-toc h2,
.blog-content .mce-toc h2,
.lesson-content .mce-toc h2 {
    margin-top: 0 !important;
    color: #2d3748 !important;
    font-size: 1.2em !important;
}

/* تنسيقات الإعلانات المخصصة */
.tinymce-content .announcement,
body.mce-content-body .announcement,
.terms-content .announcement,
.cs_overview .announcement,
.page-content .announcement,
.course-content .announcement,
.blog-content .announcement,
.lesson-content .announcement {
    border: 2px solid #ff6b6b !important;
    padding: 15px !important;
    background-color: #fff5f5 !important;
    border-radius: 8px !important;
    margin: 1em 0 !important;
}

.tinymce-content .announcement.info,
body.mce-content-body .announcement.info,
.terms-content .announcement.info,
.cs_overview .announcement.info,
.page-content .announcement.info,
.course-content .announcement.info,
.blog-content .announcement.info,
.lesson-content .announcement.info {
    border-color: #4299e1 !important;
    background-color: #ebf8ff !important;
}

.tinymce-content .announcement.success,
body.mce-content-body .announcement.success,
.terms-content .announcement.success,
.cs_overview .announcement.success,
.page-content .announcement.success,
.course-content .announcement.success,
.blog-content .announcement.success,
.lesson-content .announcement.success {
    border-color: #48bb78 !important;
    background-color: #f0fff4 !important;
}

.tinymce-content .announcement.warning,
body.mce-content-body .announcement.warning,
.terms-content .announcement.warning,
.cs_overview .announcement.warning,
.page-content .announcement.warning,
.course-content .announcement.warning,
.blog-content .announcement.warning,
.lesson-content .announcement.warning {
    border-color: #ed8936 !important;
    background-color: #fffaf0 !important;
}

/* تنسيقات الاستجابة */
@media (max-width: 768px) {
    .tinymce-content,
    body.mce-content-body,
    .terms-content,
    .cs_overview,
    .page-content,
    .course-content,
    .blog-content,
    .lesson-content {
        font-size: 13px !important;
    }
    
    .tinymce-content h1, body.mce-content-body h1, .terms-content h1, .cs_overview h1, 
    .page-content h1, .course-content h1, .blog-content h1, .lesson-content h1 { 
        font-size: 1.8em !important; 
    }
    
    .tinymce-content h2, body.mce-content-body h2, .terms-content h2, .cs_overview h2, 
    .page-content h2, .course-content h2, .blog-content h2, .lesson-content h2 { 
        font-size: 1.4em !important; 
    }
    
    .tinymce-content h3, body.mce-content-body h3, .terms-content h3, .cs_overview h3, 
    .page-content h3, .course-content h3, .blog-content h3, .lesson-content h3 { 
        font-size: 1.2em !important; 
    }
    
    .tinymce-content table, body.mce-content-body table, .terms-content table, .cs_overview table, 
    .page-content table, .course-content table, .blog-content table, .lesson-content table {
        font-size: 0.9em !important;
    }
    
    .tinymce-content th, .tinymce-content td,
    body.mce-content-body th, body.mce-content-body td,
    .terms-content th, .terms-content td,
    .cs_overview th, .cs_overview td,
    .page-content th, .page-content td,
    .course-content th, .course-content td,
    .blog-content th, .blog-content td,
    .lesson-content th, .lesson-content td {
        padding: 6px 8px !important;
    }
    
    /* تنسيقات الاستجابة للعناصر الجديدة */
    .tinymce-content pre[class*="language-"],
    body.mce-content-body pre[class*="language-"],
    .terms-content pre[class*="language-"],
    .cs_overview pre[class*="language-"],
    .page-content pre[class*="language-"],
    .course-content pre[class*="language-"],
    .blog-content pre[class*="language-"],
    .lesson-content pre[class*="language-"] {
        font-size: 0.8em !important;
        padding: 1em !important;
    }
    
    .tinymce-content .mce-toc,
    body.mce-content-body .mce-toc,
    .terms-content .mce-toc,
    .cs_overview .mce-toc,
    .page-content .mce-toc,
    .course-content .mce-toc,
    .blog-content .mce-toc,
    .lesson-content .mce-toc {
        font-size: 0.9em !important;
    }
    
    .tinymce-content .announcement,
    body.mce-content-body .announcement,
    .terms-content .announcement,
    .cs_overview .announcement,
    .page-content .announcement,
    .course-content .announcement,
    .blog-content .announcement,
    .lesson-content .announcement {
        padding: 10px !important;
        margin: 0.5em 0 !important;
    }
}

@media (max-width: 480px) {
    .tinymce-content,
    body.mce-content-body,
    .terms-content,
    .cs_overview,
    .page-content,
    .course-content,
    .blog-content,
    .lesson-content {
        font-size: 12px !important;
    }
    
    .tinymce-content h1, body.mce-content-body h1, .terms-content h1, .cs_overview h1, 
    .page-content h1, .course-content h1, .blog-content h1, .lesson-content h1 { 
        font-size: 1.6em !important; 
    }
    
    .tinymce-content h2, body.mce-content-body h2, .terms-content h2, .cs_overview h2, 
    .page-content h2, .course-content h2, .blog-content h2, .lesson-content h2 { 
        font-size: 1.3em !important; 
    }
    
    .tinymce-content h3, body.mce-content-body h3, .terms-content h3, .cs_overview h3, 
    .page-content h3, .course-content h3, .blog-content h3, .lesson-content h3 { 
        font-size: 1.1em !important; 
    }
    
    .tinymce-content table, body.mce-content-body table, .terms-content table, .cs_overview table, 
    .page-content table, .course-content table, .blog-content table, .lesson-content table {
        font-size: 0.8em !important;
    }
    
    /* تنسيقات الاستجابة للعناصر الجديدة - شاشات صغيرة */
    .tinymce-content pre[class*="language-"],
    body.mce-content-body pre[class*="language-"],
    .terms-content pre[class*="language-"],
    .cs_overview pre[class*="language-"],
    .page-content pre[class*="language-"],
    .course-content pre[class*="language-"],
    .blog-content pre[class*="language-"],
    .lesson-content pre[class*="language-"] {
        font-size: 0.7em !important;
        padding: 0.8em !important;
    }
    
    .tinymce-content .mce-toc,
    body.mce-content-body .mce-toc,
    .terms-content .mce-toc,
    .cs_overview .mce-toc,
    .page-content .mce-toc,
    .course-content .mce-toc,
    .blog-content .mce-toc,
    .lesson-content .mce-toc {
        font-size: 0.8em !important;
        padding: 0.8em !important;
    }
    
    .tinymce-content .announcement,
    body.mce-content-body .announcement,
    .terms-content .announcement,
    .cs_overview .announcement,
    .page-content .announcement,
    .course-content .announcement,
    .blog-content .announcement,
    .lesson-content .announcement {
        padding: 8px !important;
        margin: 0.3em 0 !important;
    }
}