/* ===================================================
   News display  (news.jsp + newsManage.jsp)
   Markdown content is scoped under .news-content to
   naturally override any global resets without !important.
   =================================================== */

.news-year-header {
    font-size: 2em;
    font-weight: bold;
    color: #333;
    margin: 30px 0 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid var(--color-accent);
}

.news-item {
    padding: 12px 0;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    gap: 15px;
    align-items: flex-start;
}
.news-item:hover {
    background-color: #f5f5f5;
}
.news-unpublished {
    opacity: 0.5;
    background-color: #f9f9f9;
}

.news-date {
    font-weight: bold;
    color: var(--color-accent);
    min-width: 80px;
    flex-shrink: 0;
}

/* --- Markdown render area ---
   Specificity (0,1,1) beats any bare-element reset (0,0,1).
   No !important needed. */
.news-content {
    flex: 1;
    color: #333;
    line-height: 1.6;
    text-align: left;
}
.news-content h1,
.news-content h2,
.news-content h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 0.3em 0;
    display: block;
}
.news-content ul,
.news-content ol {
    margin: 0.5em 0;
    padding-left: 25px;
    text-align: left;
}
.news-content ul { list-style: disc; }
.news-content ol { list-style: decimal; }
.news-content li {
    display: list-item;
    margin: 0.2em 0;
}
.news-content p           { margin: 0.3em 0; }
.news-content p:first-child { margin-top: 0; }
.news-content p:last-child  { margin-bottom: 0; }
.news-content strong      { font-weight: bold; }
.news-content em          { font-style: italic; }
.news-content code {
    background-color: #f4f4f4;
    padding: 2px 4px;
    border-radius: 3px;
    font-family: monospace;
}
.news-content blockquote {
    margin: 0.5em 0;
    padding-left: 1em;
    border-left: 3px solid #ccc;
    color: #666;
}
.news-content img {
    max-width: 100%;
    height: auto;
}

/* Admin-only: action buttons column */
.news-actions {
    display: flex;
    gap: 5px;
    flex-shrink: 0;
}