/* Shared small-screen navigation for the essay tools and feedback pages.
   Desktop layouts and Compare's existing table/header rules stay untouched. */
@media (max-width: 768px) {
  header > .container { padding-inline: 0; }
  header nav { position: relative; display: block; width: 100%; padding: 12px 16px 8px; }
  header .logo { width: fit-content; }
  header .logo img { width: auto; height: 30px; max-width: 150px; }
  header .nav-links { display: flex; gap: 18px; justify-content: flex-start; margin-top: 12px; overflow-x: auto; scrollbar-width: thin; }
  header .nav-links a { flex: 0 0 auto; white-space: nowrap; font-size: 12px; line-height: 1.5; padding: 9px 0; min-height: 36px; }
  header .nav-links .nav-cta { position: absolute; top: 10px; right: 16px; min-width: 0; width: auto; min-height: 36px; padding: 8px 14px !important; border-radius: 8px; }
  header a:focus-visible { outline: 2px solid #fca311; outline-offset: 3px; }
  .title-section { margin-top: 145px; }
  .ac-quality input, .ac-activity-details input { font-size: 16px; }
  .extracurricular-entry > .btn { width: 44px; align-self: flex-end; }
}