@media (max-width: 940px) {
  .tag-hero {
    min-height: 420px;
    padding: 120px 8% 0;
  }

  .tag-hero::before {
    right: -8%;
    font-size: 8rem;
  }

  .tag-hero h1 {
    font-size: clamp(2.8rem, 13vw, 4.4rem);
    letter-spacing: 0.08em;
  }

  .tag-hero p {
    font-size: 0.9rem;
    line-height: 2;
  }
  @media (max-width: 768px) {
    .tag-section {
      padding: 80px 8%;
    }

    .tag-row {
      grid-template-columns: 1fr;
    }

    .tag-index {
      border-right: none;
      border-bottom: 1px solid rgba(55, 186, 186, 0.28);
    }

    .tag-content {
      padding: 28px 24px;
      h3 {
        display: none;
      }
    }

    .tag-list {
      gap: 25px;
      justify-content: center;
    }

    .tag-list a {
      font-size: 0.78rem;
      padding: 7px 14px;
    }
    .tag-tooltip {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .tooltip {
      position: static;

      display: block;

      opacity: 1;
      visibility: visible;

      transform: none;

      padding: 0;

      background: none;
      border: none;

      color: #9aa8a8;

      font-size: 0.75rem;
      line-height: 1.6;

      min-width: auto;
    }

    .tooltip::after {
      display: none;
    }
    .tag-note {
      text-align: start;
    }
  }
  @media (max-width: 768px) {
    .terms-section {
      padding: 80px 8%;
    }

    .terms-row {
      grid-template-columns: 1fr;
    }

    .terms-index {
      border-right: none;
      border-bottom: 1px solid rgba(55, 186, 186, 0.28);
    }

    .terms-lead {
      margin-top: 28px;
    }

    .terms-content {
      padding: 28px 24px 32px;
    }

    .terms-grid {
      grid-template-columns: 1fr;
      gap: 18px;
    }

    .term-card {
      padding: 24px 22px 26px;
    }

    .term-card h4 {
      font-size: 1.35rem;
    }
  }
}