/* ================================================================
   CSS for HTML-formatted News Content
   ================================================================ */

/* Featured News Excerpt - HTML Content Styling */
.featured-news-excerpt {
    line-height: 1.6;
}

.featured-news-excerpt p {
    margin-bottom: 10px;
}

.featured-news-excerpt strong,
.featured-news-excerpt b {
    font-weight: 600;
    color: #2c3e50;
}

.featured-news-excerpt em,
.featured-news-excerpt i {
    font-style: italic;
}

.featured-news-excerpt ul,
.featured-news-excerpt ol {
    margin: 10px 0;
    padding-left: 25px;
}

.featured-news-excerpt ul li,
.featured-news-excerpt ol li {
    margin-bottom: 5px;
}

.featured-news-excerpt h1,
.featured-news-excerpt h2,
.featured-news-excerpt h3,
.featured-news-excerpt h4 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}

.featured-news-excerpt h1 { font-size: 1.5em; }
.featured-news-excerpt h2 { font-size: 1.3em; }
.featured-news-excerpt h3 { font-size: 1.1em; }
.featured-news-excerpt h4 { font-size: 1em; }

.featured-news-excerpt a {
    color: #4ECDC4;
    text-decoration: none;
}

.featured-news-excerpt a:hover {
    text-decoration: underline;
}

.featured-news-excerpt blockquote {
    border-left: 4px solid #4ECDC4;
    padding-left: 15px;
    margin: 15px 0;
    font-style: italic;
    color: #555;
}

/* News Card Excerpt - HTML Content Styling */
.news-excerpt {
    line-height: 1.6;
}

.news-excerpt p {
    margin-bottom: 8px;
}

.news-excerpt strong,
.news-excerpt b {
    font-weight: 600;
}

.news-excerpt em,
.news-excerpt i {
    font-style: italic;
}

.news-excerpt ul,
.news-excerpt ol {
    margin: 8px 0;
    padding-left: 20px;
    font-size: 0.9em;
}

.news-excerpt ul li,
.news-excerpt ol li {
    margin-bottom: 3px;
}

.news-excerpt a {
    color: #4ECDC4;
    text-decoration: none;
}

.news-excerpt a:hover {
    text-decoration: underline;
}

/* Ensure HTML content doesn't break layout */
.featured-news-excerpt *,
.news-excerpt * {
    max-width: 100%;
    word-wrap: break-word;
}

/* Prevent very long words from breaking layout */
.featured-news-excerpt,
.news-excerpt {
    overflow-wrap: break-word;
    word-wrap: break-word;
}