@media only screen and (max-width: 768px) {
  body:has(.rasa-activity-page) {
    overflow-x: hidden !important;
  }

  .rasa-activity-page {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .rasa-activity-page * {
    box-sizing: border-box !important;
  }

  .rasa-activity-page img,
  .rasa-activity-page video,
  .rasa-activity-page iframe {
    max-width: 100% !important;
  }

  .rasa-activity-page .rasa-activity-shell,
  .rasa-activity-page .rasa-activity-container,
  .rasa-activity-page .rasa-activity-wrapper,
  .rasa-activity-page .rasa-activity-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  .rasa-activity-page .rasa-activity-hero,
  .rasa-activity-page .activity-hero,
  .rasa-activity-page .timeline-hero {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
  }

  .rasa-activity-page .rasa-activity-hero-card,
  .rasa-activity-page .rasa-activity-hero-box,
  .rasa-activity-page .rasa-activity-hero-inner,
  .rasa-activity-page .rasa-activity-hero-content,
  .rasa-activity-page .activity-hero-card,
  .rasa-activity-page .timeline-hero-card {
    width: 100% !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    overflow: hidden !important;
    border-radius: 24px !important;
  }

  .rasa-activity-page .rasa-activity-hero-card::before,
  .rasa-activity-page .rasa-activity-hero-card::after,
  .rasa-activity-page .rasa-activity-hero-box::before,
  .rasa-activity-page .rasa-activity-hero-box::after,
  .rasa-activity-page .activity-hero-card::before,
  .rasa-activity-page .activity-hero-card::after,
  .rasa-activity-page .timeline-hero-card::before,
  .rasa-activity-page .timeline-hero-card::after {
    max-width: 100% !important;
    transform: none !important;
  }

  .rasa-activity-page h1 {
    max-width: 100% !important;
    font-size: clamp(25px, 8vw, 38px) !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
  }

  .rasa-activity-page p {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .rasa-activity-page .rasa-activity-timeline,
  .rasa-activity-page .activity-timeline,
  .rasa-activity-page .timeline,
  .rasa-activity-page .rasa-activity-list {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .rasa-activity-page .rasa-activity-card,
  .rasa-activity-page .activity-card,
  .rasa-activity-page .timeline-card,
  .rasa-activity-page .rasa-activity-item {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
}

@media only screen and (max-width: 420px) {
  .rasa-activity-page .rasa-activity-shell,
  .rasa-activity-page .rasa-activity-container,
  .rasa-activity-page .rasa-activity-wrapper,
  .rasa-activity-page .rasa-activity-inner,
  .rasa-activity-page .rasa-activity-hero,
  .rasa-activity-page .activity-hero,
  .rasa-activity-page .timeline-hero {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .rasa-activity-page .rasa-activity-hero-card,
  .rasa-activity-page .rasa-activity-hero-box,
  .rasa-activity-page .rasa-activity-hero-inner,
  .rasa-activity-page .rasa-activity-hero-content,
  .rasa-activity-page .activity-hero-card,
  .rasa-activity-page .timeline-hero-card {
    max-width: calc(100vw - 20px) !important;
    border-radius: 22px !important;
  }
}