/* ClutchHub v336 - news page mobile containment */
@media (max-width: 720px) {
  html body.news-editorial-mode .news-page {
    display: block !important;
    width: calc(100% - 12px) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 8px auto 28px !important;
    padding: 0 !important;
  }

  html body.news-editorial-mode :is(.news-radar-header,.news-radar-toolbar,.news-topic-chips,.news-radar-layout,.news-radar-feed,.news-timeline) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body.news-editorial-mode .news-radar-header {
    min-height: 132px !important;
    padding: 18px 16px !important;
    background-position: 66% center !important;
  }

  html body.news-editorial-mode .news-radar-header h1 {
    font-size: clamp(25px, 8vw, 31px) !important;
    line-height: 1 !important;
  }

  html body.news-editorial-mode .news-radar-header p {
    max-width: 72% !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  html body.news-editorial-mode .news-radar-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    padding: 11px !important;
  }

  html body.news-editorial-mode .news-topic-chips {
    display: flex !important;
    gap: 7px !important;
    padding-bottom: 3px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  html body.news-editorial-mode .news-topic-chips::-webkit-scrollbar { display: none; }
  html body.news-editorial-mode .news-topic-chips > * { flex: 0 0 auto !important; }

  html body.news-editorial-mode .news-radar-layout,
  html body.news-editorial-mode .news-radar-feed,
  html body.news-editorial-mode .news-timeline {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.news-editorial-mode .news-radar-aside { display: none !important; }

  html body.news-editorial-mode .news-timeline-card,
  html body.news-editorial-mode .news-timeline-card:first-child,
  html body.news-editorial-mode .news-timeline-card.featured {
    grid-column: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  html body.news-editorial-mode .news-timeline-media,
  html body.news-editorial-mode .news-timeline-card:first-child .news-timeline-media {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 188px !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
  }

  html body.news-editorial-mode .news-timeline-media > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  html body.news-editorial-mode .news-timeline-copy,
  html body.news-editorial-mode .news-timeline-card:first-child .news-timeline-copy {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 13px 14px 14px !important;
  }

  html body.news-editorial-mode .news-timeline-copy h3,
  html body.news-editorial-mode .news-timeline-card:first-child .news-timeline-copy h3 {
    display: -webkit-box !important;
    overflow: hidden !important;
    margin: 7px 0 5px !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  html body.news-editorial-mode .news-timeline-copy p,
  html body.news-editorial-mode .news-timeline-card:first-child .news-timeline-copy p {
    display: -webkit-box !important;
    overflow: hidden !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}

@media (max-width: 420px) {
  html body.news-editorial-mode .news-timeline-media,
  html body.news-editorial-mode .news-timeline-card:first-child .news-timeline-media { height: 168px !important; }
}