/* Lincoln Square Law — performance & mobile polish (loads after style.css). */

/* Media never overflows and never causes layout shift. */
img, svg, video, iframe { max-width: 100%; height: auto; }
img { image-rendering: auto; }

/* Mobile text + tap ergonomics. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { overflow-wrap: break-word; word-wrap: break-word; }
a, button { -webkit-tap-highlight-color: rgba(20, 39, 61, .15); }

/* Skip rendering work for off-screen sections until they scroll near the viewport.
   Progressive enhancement (ignored by browsers without support). The intrinsic
   size estimate keeps the scrollbar stable. */
.section, .lslh-sec, .lslb-sec, .post-card, .faq-item, .article {
  content-visibility: auto;
  contain-intrinsic-size: 1px 640px;
}

/* Comfortable minimum tap targets on phones. */
@media (max-width: 640px) {
  .btn, .lslh-btn, .lslb-btn, .lslbk-btn, .nav-links a, .lslcb-chip {
    min-height: 44px;
  }
}

/* Respect reduced-motion preferences. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}