/* Blog pages use the shared responsive layout in ../styles.css. */

/* ブログ一覧: 3カード横並び（.blog-cards） */
.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:22px;}
.blog-cards .blog-card{display:block;padding:0;background:#fff;border:1px solid var(--line,#e5e5e5);overflow:hidden;}
.blog-cards .blog-card>a{display:block;color:inherit;text-decoration:none;}
.blog-cards .blog-card>a:hover{background:#f4f9ff;}
.blog-cards .card-thumb{aspect-ratio:16/9;overflow:hidden;background:#eee;}
.blog-cards .card-thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.blog-cards .card-body{padding:14px 16px 18px;}
.blog-cards .card-body time{display:block;font-size:.75rem;color:#666;margin-bottom:6px;}
.blog-cards .card-body h3{font-size:1rem;line-height:1.5;margin:0 0 8px;color:var(--navy,#102a56);font-family:var(--serif,serif);font-weight:600;}
.blog-cards .card-body p{font-size:.85rem;line-height:1.7;margin:0;color:#444;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
@media (max-width:960px){.blog-cards{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.blog-cards{grid-template-columns:1fr;}}