/* Blog-specific layout extensions; site template owns shared frame. */
.blog-content{max-width:860px}.blog-empty{margin-block:38px}

/* ニュースコメンタリー一覧 */
.blog-content{max-width:1080px}
.article-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-block:32px}
.blog-card{background:var(--surface,#fff);border:1px solid rgba(0,0,0,.12);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.blog-card a{display:flex;flex-direction:column;height:100%;color:var(--ink,#222);text-decoration:none}
.blog-card .card-thumb{aspect-ratio:16/9;overflow:hidden;display:block}
.blog-card .card-thumb img{width:100%;height:100%;object-fit:cover}
.blog-card .card-body{padding:1rem 1.1rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.blog-card .card-body time{font-size:.78rem;color:var(--accent,#555)}
.blog-card .card-body h3{font-size:1.02rem;line-height:1.6;margin:0}
.blog-card .card-body p{font-size:.85rem;line-height:1.8;margin:0}

@media (max-width: 768px) {
  .article-layout{padding-left:16px;padding-right:16px}
  .article-body{padding-left:0;padding-right:0}
}