@media (max-width: 1024px) {
  .p-news-list-wrap .container {
    padding-inline: clamp(16px, 4vw, 24px);
  }
}

@media (max-width: 768px) {
  .p-news-hero,
  .p-news-detail-hero {
    min-height: auto;
    padding-bottom: 40px;
  }

  .p-news-hero__title {
    font-size: clamp(48px, 12vw, 64px);
  }

  .p-news-hero__lead,
  .p-news-detail-hero__lead {
    font-size: 15px;
    line-height: 26px;
  }

  .p-news-row {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 6px 12px;
    padding: 20px 0 44px;
    align-items: start;
    position: relative;
  }

  .p-news-row__date {
    grid-column: 1;
    grid-row: 1;
  }

  .p-news-row__category {
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    max-width: 100%;
  }

  .p-news-row__category-box {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .p-news-row__title {
    grid-column: 1 / -1;
    grid-row: 2;
    padding: 0 48px 0 0;
    font-size: 15px;
    line-height: 24px;
  }

  .p-news-row__arrow {
    position: absolute;
    right: 0;
    bottom: 12px;
  }

  .p-news-detail__meta {
    flex-wrap: wrap;
    gap: 8px;
  }

  .p-news-detail__date {
    width: auto;
  }

  .p-news-detail__category {
    min-width: 0;
  }

  .p-news-detail__body {
    font-size: 15px;
    line-height: 26px;
    padding-inline: 0;
  }
}

@media (max-width: 480px) {
  .p-news-row {
    padding-bottom: 40px;
  }

  .p-news-row__category-box {
    font-size: 12px;
    max-width: calc(100vw - 120px);
  }
}