body {
  position: relative;
  max-width: 1300px;
  margin: auto;
  padding-top: 0px;
  overflow-x: hidden;
  background-color: #3333;
}

section {
  background-color: white;
}

.fixed-top {
  margin: auto;
  max-width: 1300px;
}

.box {
  padding: 20px;
  min-height: 200px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.image-wrapper {
  float: right;
}

.profile-image-wrapper {
  text-align: center;
}

.profile-image {
  width: 200px;
  margin-right: 20px;
}

.profile-description {
  padding: 20px;
}

.about{
  min-height: 87vh
}

.text-black{
  height: 15px;
}

/* News card styles */
.news-list { display: flex; flex-direction: column; gap: 12px; }
.news-card { display: flex; gap: 12px; align-items: flex-start; padding: 12px; background: #fff; border-radius: 6px; box-shadow: 0 1px 6px rgba(0,0,0,0.08); }
.news-card img { width: 120px; height: 80px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.news-meta { display: flex; flex-direction: column; }
.news-date { color: #333; font-weight: 600; margin-bottom: 6px; }
.news-title { font-size: 1rem; color: #222; margin: 0 0 6px 0; }
.news-desc { color: #444; margin: 0; }

@media (max-width: 768px) {
  .news-card { flex-direction: row; }
  .news-card img { width: 96px; height: 64px; }
}

/* TOC-style list for index news */
.toc-list { list-style: none; padding-left: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.toc-item { display: flex; align-items: baseline; gap: 10px; padding: 6px 8px; border-radius: 4px; }
.toc-date { color: #6c757d; font-weight: 600; }
.toc-title { color: #212529; }
.toc-item:hover { background: #f8f9fa; }