/* 建設副産物・残土リサイクルレポート ブログ固有スタイル */
/* ヘッダー/フッター/ナビ/比較表のCSSは ../styles.css を利用（ここには書かない） */

/* 一覧ページ */
.blog-head{background:var(--clay-deep);color:#fff6e8}
.blog-head .container{padding-top:52px;padding-bottom:44px}
.blog-head h1{margin:0 0 .4em;font-weight:900;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.4;color:#fffaf0}
.blog-head p:not(.eyebrow){max-width:44em;margin:0;font-size:.95rem;color:#f3e3cf}
.index-stack{padding-top:56px;padding-bottom:80px}
.index-stack>section>h2{margin:0 0 .3em;font-weight:900;font-size:1.6rem;color:var(--clay-deep)}
.index-stack .section-lead{margin:0}

/* 記事カード（3カラム） */
.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}
.blog-cards .blog-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--clay);border-radius:0 0 6px 6px;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:var(--clay-soft)}
.blog-cards .card-thumb img{width:100%;height:100%;object-fit:cover}
.blog-cards .card-body{padding:16px 18px 20px}
.blog-cards .card-body time{display:block;margin-bottom:6px;font-size:.72rem;letter-spacing:.08em;color:var(--muted)}
.blog-cards .card-body h3{margin:0 0 .6em;font-family:var(--sans);font-weight:700;font-size:1.02rem;line-height:1.6;color:var(--clay-deep)}
.blog-cards .card-body p{margin:0;font-size:.82rem;line-height:1.8;color:var(--ink);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.blog-cards .blog-card>a:hover h3{color:var(--olive-deep)}

/* 記事ページ */
.article>h1{margin:0 0 24px;font-weight:900;font-size:clamp(1.55rem,2.9vw,2.15rem);line-height:1.5;color:var(--clay-deep);text-wrap:balance;word-break:auto-phrase;line-break:strict;overflow-wrap:break-word}
.post-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:12px;font-size:.8rem;color:var(--muted)}
.article-eyecatch{margin:0 0 28px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.article-eyecatch img{width:100%;height:auto}
.article-content h2{margin-top:2.2em}
.article-content>h2:first-child{margin-top:0}
.article-content a{word-break:break-all}
.share-box{margin:44px 0 0;padding:20px 22px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--olive);border-radius:4px}
.side-title{margin:0 0 .8em;font-family:var(--sans);font-weight:900;font-size:.95rem;line-height:1.5;color:var(--clay-deep);padding-bottom:.5em;border-bottom:2px solid var(--clay)}
.share-box .side-title{border-bottom:0;padding-bottom:0;color:var(--olive-deep)}
.share-links{display:flex;flex-wrap:wrap;gap:10px}
.share-links a{display:inline-block;padding:8px 16px;background:var(--clay);color:#fff;font-size:.82rem;text-decoration:none;border-radius:4px}
.share-links a:hover{background:var(--clay-deep);color:#fff}

/* サイドバー広告 */
.amazon-banner{background:#fff;border:1px solid var(--line);border-top:4px solid var(--olive);padding:14px 16px;border-radius:6px;text-align:center;font-size:.82rem;line-height:1.7}
.amazon-banner a{color:var(--clay-deep)}

@media (max-width:1080px){
  .blog-cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .article-content{padding-left:16px;padding-right:16px}
}
@media (max-width:640px){
  .blog-cards{grid-template-columns:1fr}
  .blog-head .container{padding-top:36px;padding-bottom:30px}
  .index-stack{padding-top:36px;padding-bottom:48px}
}

/* ADSENSE-ANNO:BEGIN */
/* Neutralize Google AdSense auto-annotation links that break text flow */
.article-body a.google-anno,
.article-body a[data-google-vignette],
.main a.google-anno,
.content a.google-anno,
a.google-anno,
a[data-google-vignette] {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  pointer-events: none;
  cursor: text;
}
/* ADSENSE-ANNO:END */