/* Ahmed Mahmoud Portfolio — responsive and accessibility refinements */
@media (max-width: 980px) {
  .site-header {
    gap: 12px;
    padding-inline: clamp(16px, 4vw, 28px);
  }

  .nav {
    max-height: calc(100vh - 76px);
    overflow-y: auto;
  }

  .actions {
    gap: 10px;
  }

  .footer-inner {
    gap: 28px;
  }

  .article-body,
  .article-content,
  .article-shell,
  .prose {
    overflow-wrap: anywhere;
  }

  .article-body table,
  .article-content table,
  .rfp-table-wrap {
    max-width: 100%;
  }
}

@media (max-width: 680px) {
  body {
    font-size: 16px;
  }

  .site-header {
    min-height: 68px;
  }

  .brand small {
    display: none;
  }

  .actions .btn,
  .btn-row .btn,
  .qm-actions .qm-btn {
    min-height: 46px;
  }

  .section,
  .article-section,
  .article-main,
  .page-shell {
    scroll-margin-top: 84px;
  }

  .footer-links a {
    overflow-wrap: anywhere;
  }

  .v14-mobile-cta {
    padding-bottom: max(10px, env(safe-area-inset-bottom));
  }

  .v14-mobile-cta a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

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