@media (max-width: 1100px) {
  .s5-hero__grid {
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 34px;
  }

  .s5-hero__mark {
    width: 180px;
  }

  .s5-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .s5-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .s5-filter__result {
    text-align: left;
  }
}

@media (max-width: 820px) {
  .s5-shell,
  .s5-breadcrumb,
  .s5-detail,
  .s5-legal-layout,
  .s5-system-message {
    width: min(calc(100% - 40px), var(--s5-shell));
  }

  .s5-hero__grid {
    min-height: 360px;
    grid-template-columns: 1fr;
    padding-block: 68px;
  }

  .s5-hero__mark {
    display: none;
  }

  .s5-section {
    padding-block: 64px;
  }

  .s5-section__head {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .s5-grid,
  .s5-grid--two {
    grid-template-columns: 1fr;
  }

  .s5-filter,
  .s5-js .s5-filter {
    grid-template-columns: 1fr;
  }

  .s5-access-note,
  .s5-evidence-note {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .s5-detail-facts {
    grid-template-columns: 1fr;
  }

  .s5-contact-form {
    padding: 30px 22px;
  }

  .s5-contact-form__grid {
    grid-template-columns: 1fr;
  }

  .s5-field--wide {
    grid-column: auto;
  }

  .s5-legal-layout {
    grid-template-columns: 1fr;
    gap: 38px;
    padding-block: 58px 80px;
  }

  .s5-legal-intro {
    position: static;
  }
}

@media (max-width: 480px) {
  .s5-shell,
  .s5-breadcrumb,
  .s5-detail,
  .s5-legal-layout,
  .s5-system-message {
    width: min(calc(100% - 28px), var(--s5-shell));
  }

  .s5-hero__grid {
    padding-block: 54px;
  }

  .s5-hero h1,
  .s5-system-message h1 {
    font-size: clamp(2.7rem, 14vw, 4.2rem);
  }

  .s5-section {
    padding-block: 52px;
  }

  .s5-card {
    padding: 24px 20px;
  }

  .s5-card__actions,
  .s5-detail-actions,
  .s5-system-message__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .s5-download,
  .s5-system-message__actions a {
    justify-content: center;
  }

  .s5-access-note,
  .s5-evidence-note {
    padding: 26px 22px;
  }

  .s5-legal-section {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;
  }
}