/* ============================================================ Rich Content — shared stylesheet Loaded BOTH by the admin TinyMCE editor (content_css) and by the public pages that render editor HTML (wrapper .rich-content). Because both sides use this exact file, what you format in the admin editor looks identical on the live site (true WYSIWYG). Edit styling here — both sides update together. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap'); .rich-content { font-family: 'Hind Siliguri', sans-serif; color: #4b5563; font-size: 1rem; line-height: 1.9; word-break: break-word; } /* Inside the TinyMCE iframe the itself carries the class */ body.rich-content { margin: 14px; background: #fff; } .rich-content > *:first-child { margin-top: 0; } .rich-content > *:last-child { margin-bottom: 0; } .rich-content p { margin: 0 0 1.15rem; } .rich-content h1, .rich-content h2, .rich-content h3, .rich-content h4 { color: #be185d; font-weight: 700; line-height: 1.4; margin: 1.85rem 0 .85rem; } .rich-content h1 { font-size: 1.6rem; } .rich-content h2 { font-size: 1.35rem; } .rich-content h3 { font-size: 1.15rem; } .rich-content h4 { font-size: 1.05rem; } .rich-content a { color: #ec4899; text-decoration: underline; } .rich-content strong, .rich-content b { color: #374151; } .rich-content img { border-radius: 12px; max-width: 100%; height: auto; margin: 1rem 0; } .rich-content hr { border: none; border-top: 1px solid #f3d1e0; margin: 1.75rem 0; } /* Unordered lists -> styled gradient checkmark bullets */ .rich-content ul { list-style: none; margin: 0 0 1.25rem; padding: 0; } .rich-content ul li { position: relative; padding-left: 2rem; margin-bottom: .7rem; } .rich-content ul li::before { content: "\2713"; /* ✓ */ position: absolute; left: 0; top: .15rem; display: inline-flex; align-items: center; justify-content: center; width: 1.35rem; height: 1.35rem; font-size: .8rem; font-weight: 700; color: #fff; background: linear-gradient(135deg, #ec4899, #a855f7); border-radius: 9999px; } /* Numbered lists keep their numbers */ .rich-content ol { margin: 0 0 1.25rem; padding-left: 1.4rem; } .rich-content ol li { margin-bottom: .55rem; } .rich-content blockquote { border-left: 4px solid #f9a8d4; background: #fdf2f8; padding: .85rem 1.1rem; border-radius: 10px; color: #6b7280; margin: 1.35rem 0; } .rich-content table { border-collapse: collapse; width: 100%; margin: 1.25rem 0; } .rich-content table td, .rich-content table th { border: 1px solid #f3d1e0; padding: .55rem .75rem; text-align: left; } .rich-content table th { background: #fdf2f8; color: #be185d; font-weight: 600; }