/* TOP お知らせ（04-frontend §3.1 7-2。Figma に無い → 記事ブロック 01 §15 の見出し帯＋リスト。新着求人の下） */
.p-top-news { display: flex; flex-direction: column; margin-inline: var(--jn-gutter); }
.p-top-news__band {
  margin: 0;
  min-height: 38px;
  padding: 7px 8px 7px 16px;
  background: var(--jn-color-primary);
  border: 1px solid var(--jn-color-band-line);
  color: var(--jn-color-white);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.p-top-news__list { margin: 0; padding: 0; list-style: none; }
.p-top-news__item { display: flex; flex-direction: column; gap: 4px; padding: 12px 4px; border-bottom: 1px solid var(--jn-color-border); }
.p-top-news__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.p-top-news__meta__date { color: var(--jn-color-text); font-family: var(--jn-font-latin); font-size: 13px; line-height: 1.6; }
.p-top-news__meta__cat { padding: 1px 8px; background: var(--jn-color-primary-soft); border-radius: var(--jn-radius-pill); color: var(--jn-color-navy); font-size: 12px; line-height: 1.4; }
.p-top-news__link { color: var(--jn-color-text-strong); font-size: 14px; line-height: 1.6; letter-spacing: 0.05em; }
.p-top-news__link:hover { color: var(--jn-color-primary); text-decoration: underline; }
.p-top-news__more { margin: 12px 0 0; text-align: right; }
.p-top-news__more-link { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 4px; color: var(--jn-color-primary); font-size: 14px; font-weight: 500; }
.p-top-news__more-link::after { content: "›"; margin-left: 6px; font-size: 18px; line-height: 1; }
@media (min-width: 768px) {
  .p-top-news { margin-inline: 0; }
  .p-top-news__item { flex-direction: row; align-items: baseline; gap: 20px; padding: 16px 8px; }
  .p-top-news__meta { flex: none; width: 200px; }
}