@media (max-width: 480px) {
   #main-content {
      padding-bottom: 3rem;
   }

   .site-nav {
      gap: 0.85rem;
      font-size: 0.82rem;
   }

   .hero-roles-wrap {
      height: 1.85rem;
   }

   .hero-role {
      height: 1.85rem;
      font-size: 1.02rem;
   }

   .featured-card-media {
      aspect-ratio: 4 / 3;
   }

   .projects-filter-strip {
      flex-direction: column;
      align-items: stretch;
   }

   .projects-filter-strip .search-box {
      flex: 1 1 auto;
      min-width: 0;
      width: 100%;
   }

   .projects-filter-strip #filter-input {
      width: 100%;
      max-width: none;
   }

   .selected-tags {
      justify-content: flex-start;
   }

   .projects-grid {
      grid-template-columns: 1fr;
      gap: 1.35rem;
   }

   .project-card-media {
      aspect-ratio: 16 / 10;
   }

   .profile {
      display: none;
   }

   .readme-container {
      width: 100%;
      max-width: 100%;
      padding: 1rem;
   }

   .readme {
      padding: 0.85rem !important;
      font-size: 13px;
      word-wrap: break-word;
      overflow-wrap: break-word;
      max-width: 100%;
   }

   .readme pre {
      max-width: 100%;
      overflow-x: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
   }

   .readme code {
      word-wrap: break-word;
      overflow-wrap: break-word;
   }

   .readme table {
      max-width: 100%;
      overflow-x: auto;
      display: block;
   }

   .readme img {
      max-width: 100%;
      height: auto;
   }

   .project-card-tags .tag-icon {
      width: 7px;
      height: 7px;
   }

   .footer-heading {
      font-size: 0.75rem;
   }

   .footer-links {
      font-size: 0.88rem;
   }

   #filter-input {
      flex: 1 1 12rem;
      width: auto;
      min-width: 0;
      max-width: 100%;
   }
}

@media (hover: none) and (pointer: coarse) {
   .section-link:active,
   .text-link:active,
   .site-mark:active {
      opacity: 0.75;
      -webkit-tap-highlight-color: transparent;
   }

   .featured-card-link:active .featured-card-cover {
      transform: scale(1.01);
   }

   .project-link:active {
      transform: scale(0.99);
      -webkit-tap-highlight-color: transparent;
   }
}