/* ================================================================
   writing-task2/band-descriptors — local.css
   ================================================================ */

.bd-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .84rem;
  min-width: 720px;
  line-height: 1.6;
  table-layout: fixed;
}

.bd-table thead tr {
  background: var(--blue);
  color: #fff;
}

.bd-table th {
  padding: .7rem .9rem;
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .04em;
  text-align: left;
  font-family: 'Raleway', sans-serif;
  vertical-align: middle;
  border-right: 1px solid rgba(255,255,255,.15);
}

.bd-table th:last-child { border-right: none; }

.bd-th--band {
  text-align: center;
  width: 3.8rem;
  min-width: 3.8rem;
}


.bd-table td {
  padding: .75rem .9rem;
  border-bottom: 1px solid rgba(0,0,0,.06);
  border-right: 1px solid rgba(0,0,0,.06);
  vertical-align: top;
}

.bd-table td:last-child { border-right: none; }
.bd-table tbody tr:last-child td { border-bottom: none; }
.bd-table tbody tr:hover td:not(.bd-td--band) {
  background: rgba(70,162,218,.05);
  transition: background .15s;
}

/* Band number cell */
.bd-td--band {
  text-align: center;
  font-size: 1.35rem;
  font-weight: 800;
  color: #fff;
  width: 3.8rem;
  min-width: 3.8rem;
  vertical-align: middle;
  font-family: 'Raleway', sans-serif;
  letter-spacing: -.02em;
}

/* Band-level colors (blue 9→ gray 0) */
.bd-td--9 { background: #043F6D; }
.bd-td--8 { background: #105b9f; }
.bd-td--7 { background: #2a78c8; }
.bd-td--6 { background: #46A2DA; }
.bd-td--5 { background: #65b5e4; }
.bd-td--4 { background: #909798; }
.bd-td--3 { background: #7f8588; }
.bd-td--2 { background: #6e7375; }
.bd-td--1 { background: #5D6062; }
.bd-td--0 { background: #35393C; }

/* Bullet list inside cells */
.bd-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

.bd-list li {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  font-size: .84rem;
  line-height: 1.6;
}

.bd-list li::before {
  content: '';
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  background: var(--lb4);
  border-radius: 50%;
  margin-top: .58rem;
}

/* Empty cell placeholder */
.bd-empty {
  color: var(--gray5);
  font-size: .8rem;
  text-align: center;
}

@media (max-width: 640px) {
  .bd-table { font-size: .76rem; min-width: 580px; }
  .bd-table th { padding: .55rem .6rem; font-size: .71rem; }
  .bd-table td { padding: .55rem .6rem; }
  .bd-list li { font-size: .76rem; gap: .4rem; }
  .bd-td--band { font-size: 1.1rem; width: 3rem; min-width: 3rem; }
  .bd-th--band { width: 3rem; min-width: 3rem; }
}