/* Trang Doanh nghiệp đáng chú ý — chỉ bố cục riêng của trang.
   Đầu trang, tiêu đề khối, ô chỉ số, .tag, .chg, .news-card, thanh lọc: dùng components.css */

/* Thanh chọn ngày: [Ngày trước] [chọn ngày] [Ngày sau] luôn trên một hàng */
.dn-daynav { flex-wrap: nowrap; }
.dn-daynav .field { flex: 1 1 260px; max-width: 360px; }
.dn-daynav .btn svg { width: 16px; height: 16px; flex-shrink: 0; }
@media (max-width: 639px) {
  .dn-daynav > * { flex-basis: auto; }
  .dn-daynav .field { flex: 1 1 auto; max-width: none; }
  .dn-daynav .btn { width: 44px; padding: 0; flex-shrink: 0; }
  .dn-daynav .btn span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

.dn-sample { margin-top: var(--s4); }
.dn-read { margin-top: var(--s3); }
.dn-filter { margin-bottom: var(--s3); }
.dn-ico { width: 16px; height: 16px; }

/* Thẻ tin */
.dn-card { min-width: 0; overflow-wrap: anywhere; }
.dn-card-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s1) var(--s2); }
.dn-ticker { font-size: 17px; font-weight: 700; color: var(--ink); letter-spacing: .02em; }
.dn-exch { font-size: 12px; color: var(--text-2); }
.dn-tag { margin-left: auto; }
.dn-price { font-size: 14px; color: var(--text); }
.dn-px { font-weight: 600; }
.dn-unit { font-size: 12px; color: var(--text-2); margin-right: var(--s2); }
.dn-card .news-title { margin-top: var(--s1); }

/* Bản ảnh */
.dn-img-card { display: flex; flex-direction: column; gap: var(--s3); }
.dn-img-link { display: block; border-radius: var(--r-sm); overflow: hidden; border: 1px solid var(--border); cursor: zoom-in; }
.dn-img-link img { width: 100%; height: auto; }