/* Defer layout for the long price matrices until the reader scrolls near them.
   All content stays server-rendered and available to find-in-page. */
@media screen and (max-width: 1020px) {
  @supports (content-visibility: auto) and selector(html:has(:target)) {
    .thai-nguyen-page .table-wrap {
      content-visibility: auto;
      contain-intrinsic-block-size: auto 400px;
    }

    .thai-nguyen-page .bgia-main > section:not(#bang-gia) {
      content-visibility: auto;
      contain-intrinsic-block-size: auto 900px;
    }

    /* Fragment navigation needs the real heights before calculating its target. */
    html:has(:target) .thai-nguyen-page .table-wrap,
    html:has(:target) .thai-nguyen-page .bgia-main > section {
      content-visibility: visible;
    }
  }
}