@import url('../styles.css');


/* Recovery: mobile article content contract */
@media (max-width: 768px) {
  .article-content, .article-body, .blog-article, .article-detail {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ブログ一覧: 3カード横並び（.blog-cards）。../styles.css の .blog-card 定義を上書き */
.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.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 .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;font-family:inherit;color:var(--ink,#222);}
.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;}}