/* Dải "đang tạm khoá" của shared/khoa-het-han.js. Theo màu trang khách (--you-*); đèn nhỏ ở đầu dải là đèn tắt.
   .khoa giữ lề trang (.cr-wrap), khung có viền nằm ở .khoa__hop bên trong. */
.khoa { margin-block: clamp(28px, 6vw, 48px) 0; }
.khoa__hop {
  padding: 18px 20px;
  border: 1px solid var(--you-line);
  border-radius: var(--r-sm);
  background: var(--you-surface);
  color: var(--you-text);
}
.khoa__tieu-de { margin: 0 0 8px; display: flex; align-items: center; gap: 10px; font: 700 1.05rem/1.3 var(--font-display); }
.khoa__den { flex: none; width: 12px; height: 15px; border-radius: 50% 50% 46% 46%; background: var(--cr-dim); }
.khoa__chu { margin: 0; max-width: 60ch; color: var(--you-muted); font-size: var(--fs-small); line-height: 1.55; }
.khoa__nut { margin: 14px 0 0; }
.khoa__nhac { margin: 10px 0 0; color: var(--you-text); }
.khoa__nhac:empty { display: none; }
html[data-khoa] [data-sua] { opacity: 0.45; cursor: not-allowed; }