/* BỘ NÃO — CHI TIẾT TỪNG TẦNG (#/bo-nao/<id>). Mục gập/mở tại chỗ (không popup); chữ dài gói dòng; chỉ cuộn DỌC, cấm cuộn ngang. */
.trang-bo-nao { display: flex; flex-direction: column; gap: 10px; min-width: 0; max-width: 980px; }
.trang-bo-nao .tieu-de-trang { margin-bottom: 0; }
.chip-tang, .chip-nguon { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; margin: 0; padding: 0; list-style: none; }
.chip-tang .chip { text-decoration: none; }
.chip-tang .chip[aria-current="page"] { border-color: var(--signal); color: var(--signal-strong); background: rgba(124, 196, 214, .1); }
.chip-tang .chip:hover { filter: brightness(1.15); }
.chip-nguon .chip.mo { opacity: .55; }
.y-tang { margin: 0; font-size: 13px; }

.nhom-bo-nao { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin-top: 8px; }
.nhom-bo-nao h2 { display: flex; align-items: baseline; gap: 8px; margin: 0 2px 2px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--mist-500); }

.muc-bo-nao { min-width: 0; border: 1px solid var(--vien); border-radius: 12px; background: var(--ink-850); }
.muc-bo-nao[open] { border-color: rgba(124, 196, 214, .35); }
.muc-bo-nao summary { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 44px; padding: 8px 12px; cursor: pointer; list-style: none; }
.muc-bo-nao summary::-webkit-details-marker { display: none; }
.muc-bo-nao summary:hover { filter: brightness(1.2); }
.muc-bo-nao summary .ma { flex: none; color: var(--signal-strong); font-size: 13px; }
.muc-bo-nao summary .cat { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mist-100); }
.muc-bo-nao summary time { flex: none; font-size: 12px; font-variant-numeric: tabular-nums; }
.muc-bo-nao summary .tt-viec { flex: none; width: 20px; height: 20px; }
.muc-bo-nao.nhat-ky summary { min-height: 38px; padding-block: 5px; }
.muc-bo-nao.nhat-ky summary .ma { color: var(--mist-500); font-weight: 500; font-size: 12px; }

.than-muc { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 0 12px 12px; }
.chu-muc { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13.5px; line-height: 1.55; color: var(--mist-300); }
.nguon-muc { margin: 0; font-size: 12px; overflow-wrap: anywhere; }
.nguon-muc:empty { display: none; }
.than-muc .hang-nut { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.than-muc .nut { text-decoration: none; }
.da-gui { display: inline-flex; align-items: center; gap: 6px; color: var(--warn); font-size: 13px; text-decoration: none; }
.da-gui .tt-viec { width: 20px; height: 20px; }

.soan-bo-nao { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.soan-bo-nao textarea {
  width: 100%; min-width: 0; resize: vertical; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--vien);
  background: var(--ink-900); color: var(--mist-100); font: inherit; font-size: 13.5px; line-height: 1.5;
}
.soan-bo-nao textarea:focus { outline: 2px solid var(--signal); outline-offset: 0; }
.soan-bo-nao .bao-loi:empty { display: none; }