/* カードの詳細ページの「このカードが出てくる記事」。site/blog/build.py が site/dist/cards/ へ写す（直すのはこちら） */
.cd-posts { margin-top: 48px; }
.cd-posts h2 { margin: 0 0 18px; color: var(--gold-pale); font: 600 1.1rem "Noto Serif JP", serif; letter-spacing: .06em; }
.cd-posts-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.cd-posts-list a { display: grid; align-content: start; gap: 10px; min-width: 0; padding: 0 0 14px; border: 1px solid var(--line); background: var(--deep); color: var(--paper); text-decoration: none; transition: border-color .2s ease; }
.cd-posts-list a:hover { border-color: var(--gold); }
.cd-posts-list img { width: 100%; height: auto; aspect-ratio: 600 / 315; object-fit: cover; }
.cd-posts-list span { display: grid; gap: 4px; padding: 0 14px; }
.cd-posts-list small { color: var(--gold); font-size: .74rem; font-weight: 600; letter-spacing: .08em; }
.cd-posts-list strong { font: 600 .95rem/1.6 "Noto Serif JP", serif; overflow-wrap: anywhere; }
.cd-posts-list a:hover strong { color: var(--gold-pale); }
.cd-posts-more { margin: 16px 0 0; font-size: .86rem; }
.cd-posts-more a { color: var(--gold); }