.search-page{
    padding:88px 0 72px;
  }
  
  .search-page__header{
    margin-bottom:28px;
  }
  
  .search-page__title{
    margin:0 0 10px;
  }
  
  .search-page__intro{
    max-width:760px;
  }
  
  .search-page__meta{
    margin:22px 0 0;
    color:#42556f;
    font-size:1rem;
  }
  
  .search-results{
    margin-top:28px;
    border-top:1px solid rgba(16,35,60,.10);
  }
  
  .search-result{
    padding:24px 0 22px;
    border-bottom:1px solid rgba(16,35,60,.10);
  }
  
  .search-result__meta{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:8px;
  }
  
  .search-result__type{
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    background:#eef3f8;
    color:#10233c;
    font-size:.78rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    line-height:1;
  }
  
  .search-result__url{
    color:#6b7b90;
    font-size:.95rem;
    line-height:1.3;
    word-break:break-word;
  }
  
  .search-result__title{
    margin:0;
    font-size:1.45rem;
    line-height:1.22;
  }
  
  .search-result__title a{
    color:#10233c;
    text-decoration:none;
  }
  
  .search-result__title a:hover{
    text-decoration:underline;
  }
  
  .search-result__snippet{
    margin:10px 0 0;
    max-width:980px;
    color:#42556f;
    font-size:1.02rem;
    line-height:1.65;
  }
  
  .search-empty{
    margin-top:28px;
    padding:0;
    border:0;
    background:transparent;
  }
  
  .search-empty h2{
    margin:0 0 8px;
  }
  
  .search-empty p{
    margin:0;
    color:#42556f;
  }
  
  .search-back{
    margin-top:28px;
  }
  
  @media (max-width: 767px){
    .search-page{
      padding:72px 0 56px;
    }
  
    .search-result{
      padding:18px 0 18px;
    }
  
    .search-result__title{
      font-size:1.2rem;
    }
  
    .search-result__snippet{
      font-size:.98rem;
      line-height:1.58;
    }
  
    .search-result__url{
      font-size:.9rem;
    }
  }