/* コラム（/blog/）：見た目は LP（/lp/lp.css）にそろえ、足りない所だけ書く */
.blog-meta { margin: 0 0 10px; font-size: 14px; }
.blog-list { list-style: none; margin: 0 0 80px; padding: 0; display: grid; gap: 16px; max-width: 760px; }
.blog-card { display: grid; gap: 6px; padding: 22px 24px; color: var(--ink); text-decoration: none; transition: transform .15s ease; }
.blog-card:hover { transform: translateY(-2px); }
.blog-card:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.blog-card time { font-size: 13px; color: var(--ink-2); }
.blog-card b { font: 700 19px/1.5 var(--font-round); }
.blog-card b::after { content: ' ›'; color: var(--green-text); }
.blog-card span { font-size: 15px; color: var(--ink-2); }
.blog-article .chapter a:not(.btn) { color: var(--green-text); }
.blog-cta { display: grid; gap: 10px; justify-items: start; margin-top: 18px; }
.blog-cta-note { margin: 0; font-size: 14px; }
.blog-back { margin: 0 0 40px; }
.blog-back a { color: var(--green-text); font-weight: 700; }
@media (prefers-reduced-motion: reduce) { .blog-card { transition: none; } .blog-card:hover { transform: none; } }

/* 記事の下の「他のコラム」 */
.blog-others h2 { font-size: 20px; margin-bottom: 8px; }
.blog-others ul { padding-left: 1.2em; }
.blog-others a { font-weight: 700; }
.blog-cta .btn { flex-wrap: wrap; justify-content: center; row-gap: 2px; text-align: center; }