/* 一覧と同じ背景の中に、関連する読み物への入口を置く。 */
.newsp-related {
 padding-block: var(--space-5) var(--space-9);
 background-color: var(--color-bg);
 background-image: url("../../img/bg_top-concrete.webp");
}
.newsp-related__inner { max-width: calc(var(--space-13) * 8 + var(--space-9)); padding-inline: var(--space-5); }
.newsp-related__list { display: grid; gap: var(--space-3); }
.newsp-related__link { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4) var(--space-5); min-height: var(--space-9); border: 1px solid var(--color-border); border-radius: var(--radius-sm); color: var(--color-primary); font-size: var(--fs-body-pc); line-height: var(--lh-body); }
.newsp-related__link::after { content: ""; flex: none; width: var(--space-2); height: var(--space-2); border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); }
.newsp-related__link:hover { background: var(--color-bg); border-color: var(--color-primary); }
.newsp-related__link:focus-visible { outline: 2px solid var(--color-primary); outline-offset: var(--space-1); }
@media (min-width:768px) {
 .newsp-related__inner { padding-inline: var(--space-6); }
 .newsp-related__list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-5); }
}