/* Trang nhóm "content": nha sĩ, hỏi nha sĩ, tin tức, bài viết. CSS riêng theo từng trang (không sửa dental.css để tránh xung đột). */

/* thuộc tính hidden luôn thắng (các khối có display riêng trong dental.css) */
.p-nhasi [hidden], .p-post [hidden], .p-news [hidden], .p-qa [hidden] { display: none !important; }

/* ô tìm kiếm gọn trên trang danh sách (dùng lại .sbar của trang tìm kiếm nhưng không có ô khu vực) */
.nsbar { grid-template-columns: 1fr auto; margin: 4px 0 12px; }
.nsbar .q input { min-width: 0; }
.nsbar button { border: 0; background: var(--blue); color: #fff; font: inherit; font-weight: 700; padding: 0 22px; display: inline-flex; gap: 6px; align-items: center; cursor: pointer; border-radius: 0 calc(var(--r) - 1px) calc(var(--r) - 1px) 0; }
.nsbar button:hover { background: var(--blue-d); }

/* dòng kết quả tìm kiếm */
.p-nhasi .sinfo, .p-news .sinfo { margin: 6px 0 10px; font-size: 13.5px; color: var(--ink-2); }

/* bảng so sánh dạng chữ trong bài viết (cột cuối không in đậm/không ép một dòng) */
.p-post .ptable.txt td:last-child { font-weight: 400; white-space: normal; }
.p-post .ptable.txt td:first-child { font-weight: 600; }
.p-post .abody ol { margin: 0 0 14px; padding-left: 22px; }
.p-post .abody ol li { margin-bottom: 6px; }
.p-post .abody ol.steps3 { padding-left: 0; }
.p-post .abody .links a { color: var(--ink-2); }
.p-post .abody a { color: var(--blue); }
.p-post .abody .btn, .p-post .abody .ibtn { color: inherit; }
.p-post .ameta .lvb { margin-left: 2px; }
.p-post .ameta .ibtn { width: auto; padding: 0 10px; height: 30px; font-size: 13px; gap: 5px; display: inline-flex; align-items: center; }
.p-post .shareb button.ibtn { cursor: pointer; }
.p-post .acols aside .toc a.on { color: var(--blue); font-weight: 700; }

/* trang chi tiết nha sĩ: khối bài tư vấn */
.p-nhasi-ct .art { display: grid; grid-template-columns: 52px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line-2); color: inherit; }
.p-nhasi-ct .art:last-child { border-bottom: 0; }
.p-nhasi-ct .art h4 { margin: 2px 0; font-size: 14px; line-height: 1.35; }
.p-nhasi-ct .art small { color: var(--ink-3); }
.p-nhasi-ct .art .th { width: 52px; height: 52px; border-radius: var(--r-s); display: grid; place-items: center; font-size: 22px; }
.p-nhasi-ct .dhead .acts { flex-wrap: wrap; justify-content: flex-end; }

/* hỏi nha sĩ */
.p-qa .qa .ft { flex-wrap: wrap; gap: 12px; align-items: center; }
.p-qa .abox .who .btn { margin-left: auto; }
.p-qa .vote form { display: inline; }
.p-qa .inp { position: relative; display: flex; gap: 8px; align-items: center; border: 1px solid var(--line); border-radius: var(--r-s); background: #fff; padding: 8px 10px; font-size: 13.5px; color: var(--ink-3); }
.p-qa .ask .inp { background: #fff; color: var(--ink); }

/* tin tức: ô hỏi nha sĩ + tìm kiếm */
.p-news .ask .inp { display: flex; gap: 8px; align-items: center; background: #fff; color: var(--ink); border-radius: var(--r-s); padding: 8px 10px; }
.p-news .ask input::placeholder { color: var(--ink-4); }
.p-news .tagc a { cursor: pointer; }
.p-news .nbig .im img, .p-news .nmed .im img { display: block; }

@media (max-width: 760px) {
  .nsbar button { padding: 0 14px; }
  .p-nhasi-ct .dhead .acts { justify-content: flex-start; }
}
