/* ===================== News list page ===================== */
.news-page-section{padding:70px 0 110px;}

.news-page-lead{
  max-width:860px;margin:0 auto 44px;
  font-size:16.5px;line-height:2;color:var(--ink);
  text-align:center;
}

.news-list{
  max-width:860px;margin:0 auto;
  background:var(--white);
  border:1px solid var(--dune-d);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 14px 30px rgba(15,51,34,.06);
}
.news-list-item{
  display:flex;align-items:center;gap:20px;
  padding:18px 30px;
  border-bottom:1px solid #EEE9DF;
  transition:background .18s;
  text-decoration:none;color:inherit;
}
.news-list-item:last-child{border-bottom:none;}
.news-list-item:hover{background:var(--dune-l);}
.news-list-thumb{
  flex:none;width:120px;height:80px;
  border-radius:12px;overflow:hidden;
  background:var(--tint-forest);
  display:flex;align-items:center;justify-content:center;
}
.news-list-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.news-list-thumb span{font-size:11px;color:var(--forest);opacity:.5;font-family:var(--font-label);}
.news-list-body{flex:1;min-width:0;}
.news-list-date{
  display:block;
  font-family:var(--font-label);font-weight:700;font-size:13.5px;
  color:var(--sea);margin-bottom:6px;
}
.news-list-title{
  display:block;
  font-family:var(--font-label);font-weight:700;font-size:16.5px;
  color:var(--ink);line-height:1.6;
}
.news-empty{text-align:center;color:#777;padding:20px 0;}

.news-pagination{
  max-width:860px;margin:36px auto 0;
  display:flex;justify-content:center;gap:8px;flex-wrap:wrap;
}
.news-pagination a,
.news-pagination span{
  font-family:var(--font-label);font-weight:700;font-size:14px;
  padding:9px 16px;border-radius:999px;
  background:var(--tint-forest);color:var(--forest);
  border:1.5px solid var(--dune-d);
}
.news-pagination a:hover{background:var(--forest);color:var(--white);border-color:var(--forest);}
.news-pagination .current{background:var(--forest);color:var(--white);border-color:var(--forest);}

@media (max-width:640px){
  .news-page-section{padding:50px 0 80px;}
  .news-list-item{padding:14px 18px;gap:14px;}
  .news-list-thumb{width:88px;height:64px;}
  .news-list-title{font-size:15px;}
}

/* ===================== News detail (single post) ===================== */
/* 「取組事例」詳細ページと同じ article-* クラスをそのまま利用します */
.article-meta-date{
  font-family:var(--font-label);font-weight:700;font-size:14px;
  color:var(--sea);margin-bottom:14px;
}