/* Blog pages share the site theme. */
/* mobile fix: card thumbnails must keep 16:9 (width/height attrs made them tall) */
.card-thumb{overflow:hidden}
.card-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}

/* HEADING-WRAP:START 見出し最終行孤立文字対策 (AGENTS.md NoGo) */
h1,h2,h3,h4,.hero-title,.page-title,.card-title{text-wrap:balance;word-break:auto-phrase;line-break:strict;overflow-wrap:break-word}
/* HEADING-WRAP:END */

/* blog-index-layout (rebuild_blog_index_cards.py) */
.bix-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start;margin:24px auto 48px;max-width:1200px;width:100%;box-sizing:border-box}
.bix-layout>.bix-main{min-width:0}
.bix-layout .bix-heading{font-size:1.2rem;margin:0 0 16px}
main .blog-cards{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:20px;margin:0 0 32px;padding:0;list-style:none}
main .blog-cards>.blog-card{display:block;min-width:0;margin:0;padding:0;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;overflow:hidden;box-shadow:none}
main .blog-cards>.blog-card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
main .blog-cards>.blog-card .card-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#e8e8e8;margin:0;padding:0}
main .blog-cards>.blog-card .card-thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;aspect-ratio:auto;margin:0;border-radius:0}
main .blog-cards>.blog-card .card-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 16px}
main .blog-cards>.blog-card .card-body time{display:block;font-size:.75rem;color:#666}
main .blog-cards>.blog-card .card-body h3{font-size:.98rem;line-height:1.55;margin:0;text-wrap:balance;word-break:auto-phrase;line-break:strict}
main .blog-cards>.blog-card .card-body p{font-size:.82rem;line-height:1.7;margin:0;color:#444;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bix-sidebar{min-width:0;display:flex;flex-direction:column;gap:18px;font-size:.88rem}
.bix-sidebar .bix-panel{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;padding:16px 18px;margin:0}
.bix-sidebar .bix-panel h2{font-size:1rem;margin:0 0 10px;text-wrap:balance;word-break:auto-phrase;line-break:strict}
.bix-sidebar .bix-panel ul{list-style:none;margin:0;padding:0}
.bix-sidebar .bix-panel li{margin:0;padding:7px 0;border-top:1px solid rgba(0,0,0,.08);line-height:1.5}
.bix-sidebar .bix-panel li:first-child{border-top:0}
.bix-sidebar .bix-panel p{margin:0 0 10px;line-height:1.7}
.bix-sidebar img{max-width:100%;height:auto}
@media (max-width:1100px){main .blog-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:960px){.bix-layout{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){main .blog-cards{grid-template-columns:minmax(0,1fr) !important}.bix-layout{margin:16px auto 32px}}