/* Logistics notes: page-local additions to the shared notes components. No cover image, so the hero copy spans the row. */
.lg-hero .nt-hero-copy { grid-column: 1 / -1; }
.lg-hero .nt-title { font-size: clamp(2.6rem, 1.1rem + 5vw, 5.6rem); max-width: 15ch; }
:root[data-lang="zh"] .lg-hero .nt-title { letter-spacing: 0; max-width: none; }
.lg-hero .nt-title small { max-width: 56ch; }
:root[data-lang="zh"] .lg-hero .nt-title small { max-width: 34em; }
.lg-hero .nt-src { max-width: 72ch; }
.lg-glance dd.lg-w { font-size: 1.08rem; line-height: 1.2; white-space: normal; }
.nt-page .lg-table { max-width: 100%; }
.lg-table th, .lg-table td { overflow-wrap: anywhere; }
.lg-table td.lg-st { white-space: nowrap; }
.lg-table tbody th { white-space: nowrap; }
.lg-pipe li { max-width: 100%; }
.nt-page .nt-end .textlink { overflow-wrap: anywhere; }
@media (max-width: 560px) {
  .lg-hero .nt-title { font-size: clamp(2.3rem, 1rem + 7vw, 3.2rem); }
  .lg-table tbody th { white-space: normal; }
}
@media (max-width: 480px) {
  .lg-table th, .lg-table td { padding: 9px 8px; font-size: .8rem; }
  .lg-glance dd.lg-w { font-size: .98rem; }
}
@media (max-width: 480px) { :root[data-lang="zh"] .lg-table td:first-child { min-width: 4.6em; } }
