/* Gió Nam 2.0.0 — Mục lục & điều hướng tuyển tập.
   Phạm vi giới hạn ở .collection-* để không ảnh hưởng home/archive/bài chi tiết. */

.collection-index {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 16px 40px;
}

.collection-index-kind {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  color: #6b7a8d;
  margin: 0 0 4px;
}

.collection-index-head h1 {
  margin: 0 0 8px;
  line-height: 1.25;
}

.collection-index-description {
  color: #4a5a6a;
  line-height: 1.6;
  margin: 0 0 12px;
}

.collection-index-status ul { margin: 6px 0 0 18px; padding: 0; }
.collection-index-status p { margin: 0; }
.collection-item-flag { font-size: 12px; color: #7a5b00; }
.collection-nav-note { margin: 10px 0 0; font-size: 13px; color: #7a5b00; }

.collection-index-source {
  color: #4a5a6a;
  font-style: italic;
  margin: 0 0 12px;
}

.collection-index-status {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 13px;
  margin: 0 0 16px;
}

.collection-index-status.collection-complete { background: #e6f4ea; color: #1d6b37; }
.collection-index-status.collection-updating { background: #fff4cf; color: #7a5b00; }
.collection-index-status.collection-empty { background: #f1f3f5; color: #556; }

.collection-start.button {
  display: inline-block;
  padding: 10px 18px;
  background: #1a3a5c;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
}

.collection-start.button:hover,
.collection-start.button:focus { background: #14304b; }

.collection-index-list {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  counter-reset: collection;
}

.collection-index-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 0;
  border-bottom: 1px solid #e7ebef;
}

.collection-index-item .collection-part {
  font-size: 12px;
  color: #6b7a8d;
}

.collection-index-item a {
  color: #1a3a5c;
  text-decoration: none;
  font-weight: 500;
}

.collection-index-item a:hover,
.collection-index-item a:focus { text-decoration: underline; }

/* Điều hướng trong bài */
.collection-nav {
  margin: 32px 0;
  padding: 16px;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  background: #fafbfc;
}

.collection-nav-context {
  margin: 0 0 12px;
  font-size: 13px;
  color: #6b7a8d;
}

.collection-nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.collection-nav-links a {
  color: #1a3a5c;
  text-decoration: none;
  font-weight: 500;
}

.collection-nav-links a:hover,
.collection-nav-links a:focus { text-decoration: underline; }

.collection-nav-links .is-disabled { color: #aab4bf; }

.collection-index-link {
  padding: 6px 12px;
  border: 1px solid #cdd6df;
  border-radius: 4px;
}

@media (max-width: 600px) {
  .collection-nav-links { flex-direction: column; align-items: stretch; }
  .collection-nav-links > * { text-align: center; }
}