@media (max-width: 600px) {
      body {
        padding: 1.5rem;
      }

      h1 {
        font-size: 2.2rem;
        margin-bottom: 2rem;
      }

      .item {
        padding-left: 2rem;
      }

      .item::before {
        font-size: 1.6rem;
      }

      p {
        font-size: 1.1rem;
      }
    }
@media (max-width: 768px) {
      .header-banner {
        padding: 1.5rem 1rem;
      }

      h1 {
        font-size: 1.8rem;
        line-height: 1.3;
      }

      .author {
        font-size: 0.95rem;
      }
    }
 @media (max-width: 768px) {
      .tip-item {
        padding: 1.5rem 1.5rem 1.5rem 5rem;
      }

      .tip-number {
        width: 50px;
        height: 50px;
        font-size: 2.2rem;
      }

      .tip-title {
        font-size: 1.5rem;
      }

      .tip-body {
        font-size: 1.1rem;
      }
    }
 @media (max-width: 768px) {
      .tip-item {
        padding: 1.5rem 1.5rem 1.5rem 1.5rem;
        min-height: 110px;
      }

      .tip-number {
        width: 50px;
        font-size: 2.2rem;
      }

      .tip-title {
        font-size: 1.5rem;
      }

      .tip-body {
        font-size: 1.1rem;
      }
    }