/* Promotion-readiness refinements layered over the anniversary stylesheet. */

/* Keep highlighted origin and evidence panels visually compact and readable. */
.hero > .tldr {
  max-width: 76ch;
}

.hero > .tldr .source-links {
  margin-bottom: 0;
}

/* Improve touch targets without changing the established navigation structure. */
@media (max-width: 780px) {
  .nav {
    gap: 0.3rem;
    width: 100%;
  }

  .nav a,
  .nav .theme-toggle {
    align-items: center;
    display: inline-flex;
    min-height: 2.75rem;
    padding-block: 0.55rem;
  }

  .hero > .tldr {
    margin-top: 1.5rem;
  }
}

@media (max-width: 430px) {
  .nav a,
  .nav .theme-toggle {
    font-size: 0.76rem;
    padding-inline: 0.42rem;
  }

  .section > h2 {
    align-items: flex-start;
  }
}