/*!
 *  * toppage-f-recent.css - recent articles cards (section 3)
 *  * 2026-08-30: thumb crop fix + archive link style added.
 *  */

.f-article-card {
	  width: var(--f-article-card-w);
	  flex-shrink: 0;
	  padding: 10px;
}
.f-article-card__tape { width: 56px; top: -10px; }
.f-article-card__thumb { aspect-ratio: 16 / 9; height: auto; }
.f-article-card__thumb img { object-fit: contain; }
.f-article-card__body { padding: 10px 6px 2px; }
.f-article-card__title { font-size: 13px; font-weight: 700; line-height: 1.55; }
.f-article-card__cat { font-size: 11px; color: var(--f-red-soft); margin-top: 6px; }

/* archive link, right end of section head */
.f-section-archive-link {
	  margin-left: auto;
	  font-size: 12.5px;
	  color: var(--f-red);
	  white-space: nowrap;
	  align-self: baseline;
}
.f-section-archive-link:hover { text-decoration: underline; }

/* empty state */
.f-recent__empty {
	  padding: 18px 16px;
	  width: 100%;
}
.f-recent__empty p {
	  font-size: 13px;
	  color: var(--f-ink-sub);
	  line-height: 1.7;
}
/* 2026-08-30追記: PC幅ではカルーセルの矢印ボタン（見出し行の右端、幅90px）と重なるため、
   過去ログリンクの右側に余白を確保する。タブレット以下は矢印がカード脇へ移動するため不要。 */
@media (min-width: 1025px) {
	.f-section-archive-link { margin-right: 100px; }
}