/* WovLab mobile/copy UX cleanup */
@media (max-width: 768px) {
  body {
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
  }

  main h1 {
    font-size: clamp(2.2rem, 13vw, 4rem) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.07em !important;
    overflow-wrap: anywhere;
  }

  main h2 {
    font-size: clamp(1.8rem, 10vw, 3.2rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
    overflow-wrap: anywhere;
  }

  main h3 {
    line-height: 1.1 !important;
    overflow-wrap: anywhere;
  }

  main p,
  footer p,
  main li,
  footer li,
  main a,
  footer a,
  main button,
  footer button {
    line-height: 1.55 !important;
  }

  header nav button,
  header nav a,
  footer a,
  footer button {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
  }

  footer h4 {
    font-size: 0.85rem !important;
    letter-spacing: 0.08em !important;
  }

  input,
  textarea,
  select {
    font-size: 16px !important;
  }

  [class*="tracking-"][class*="widest"] {
    letter-spacing: 0.08em !important;
  }
}

/* Friendlier, less terminal-like CTA rhythm */
a[aria-label="Start a project with WovLab"],
button[aria-label="Start a project with WovLab"] {
  white-space: nowrap;
}

footer a[aria-label="LinkedIn"],
footer a[aria-label="X / Twitter"],
footer a[aria-label="Instagram"],
footer a[aria-label="GitHub"] {
  justify-content: center;
}