/* News detail page - unified with homepage/product style */

.news-title-header { padding: 0; background: #fff; color: #1f2a44; }

.news-title { font-size: 28px; font-weight: 800; line-height: 1.25; margin: 6px 0 8px; }

.news-meta-line { display:block; color:#6c7a96; font-size:12px; margin-top:4px; }

.news-tags { margin-top: 6px; }
.news-tag { display:inline-block; margin:0 8px 8px 0; padding:6px 12px; border:2px solid #e23ca9; color:#e23ca9; border-radius:999px; text-decoration:none; font-weight:600; font-size:12px; }
.news-tag:hover { background:#ffe6f5; }

.news-main-grid { display:grid; grid-template-columns:2fr 1fr; gap:30px; padding:30px 60px; }

.news-content-card { background:#fff; border:1px solid #e9ecef; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.08); padding:20px 24px; }

.news-content { font-size: 16px; color:#2d3a58; line-height:1.8; }

/* when injected into table */
.news-table-header-row td.news-table-header { background: #fff; padding: 20px; }
.news-in-table .news-title { margin: 8px 0 6px; }
.news-in-table .news-tags { margin-top: 0; }

.comments-card {
  margin-top: 28px;
  border-top: 2px solid #f1f3f4;
  padding-top: 20px;
}
.comments-card h3 { font-size: 18px; font-weight: 600; margin-bottom: 12px; }
.comment-item { padding: 12px 0; border-bottom: 1px solid #f1f3f4; }
.comment-item:last-child { border-bottom: none; }
.comment-author { font-weight: 600; color: #2c3e50; margin-bottom: 6px; }
.comment-text { color: #6c757d; }

.news-sidebar { display: flex; flex-direction: column; gap: 20px; }
.sidebar-card {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  padding: 20px;
}
.sidebar-title { font-size: 16px; font-weight: 600; margin-bottom: 10px; }
.sidebar-link { display: inline-block; margin-bottom: 10px; color: #007bff; text-decoration: none; }
.sidebar-link:hover { color: #0056b3; }
.sidebar-chart { border-radius: 8px; border: none; background: #f8f9fa; }

.related-news-list { list-style: none; margin: 0; padding: 0; }
.related-news-list li { padding: 10px 0; border-bottom: 1px solid #f1f3f4; }
.related-news-list li:last-child { border-bottom: none; }
.related-news-list a { color: #2c3e50; text-decoration: none; }
.related-news-list a:hover { color: #007bff; }
.related-news-list em { font-size: 12px; color: #6c757d; margin-left: 6px; }

@media (max-width: 1024px) {
  .news-main-grid { grid-template-columns: 1fr; padding: 20px 40px; }
  .news-title-header { padding: 24px 40px; }
  .news-title { font-size: 24px; }
}

@media (max-width: 768px) {
  .news-main-grid { padding: 20px; }
  .news-title-header { padding: 20px; }
  .news-title { font-size: 20px; }
}