@charset "UTF-8";

/* 成果・活動記録一覧専用。行の基本構造と相互案内は共通CSSに残す。 */
.archive-section { padding-top: clamp(26px, 3vw, 38px); padding-bottom: clamp(38px, 4vw, 56px); }
.archive-year + .archive-year { margin-top: 30px; }
.archive-year .list-section-heading { grid-template-columns: minmax(0, 1fr); gap: 0; padding-bottom: 8px; }
.archive-year .list-section-heading h2 { font-size: 22px; }
.archive-year .editorial-row { grid-template-columns: 124px minmax(0, 1fr) 112px; gap: 16px; padding: 10px 0; scroll-margin-top: 96px; }
.archive-year .row-meta { gap: 4px; }
.archive-year .row-meta time { font-size: 10px; }
.archive-year .row-meta .news-category { padding: 2px 6px; font-size: 9px; }
.archive-year .row-copy h3 { margin: 0 0 4px; font-size: 16px; line-height: 1.5; }
.archive-year .row-copy p { font-size: 12px; line-height: 1.7; }
.archive-year .row-action { width: 29px; font-size: 13px; }

/* 共通CSS内で後から適用されていた中間幅の余白を維持する。 */
@media (min-width: 761px) and (max-width: 1180px) {
  .archive-section { padding-top: 58px; padding-bottom: 58px; }
}

@media (max-width: 760px) {
  .archive-section { padding-top: 22px; padding-bottom: 38px; }
  .archive-year + .archive-year { margin-top: 24px; }
  .archive-year .list-section-heading { grid-template-columns: minmax(0, 1fr); gap: 0; padding-bottom: 7px; }
  .archive-year .list-section-heading h2 { font-size: 19px; }
  .archive-year .editorial-row { grid-template-columns: 1fr; gap: 5px; padding: 11px 0; }
  .archive-year .row-meta { gap: 7px; }
  .archive-year .row-copy h3 { margin: 0 0 2px; font-size: 15px; }
  .archive-year .row-copy p { font-size: 11px; line-height: 1.55; }
  .archive-year .row-action { width: 28px; }
}