/* =========================================================
   news.css — お知らせ 一覧・詳細
   ========================================================= */
.news-list{ border-top:1px solid var(--line); }
.news-item{
  display:grid; grid-template-columns: 160px 140px 1fr auto; gap: 30px; align-items: baseline;
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
  transition: background .5s var(--ease), padding .5s var(--ease);
}
.news-item:hover{ background: var(--sky-pale); padding-left: 12px; padding-right: 12px; }
.news-item .d{ font-family: var(--serif-num); font-size: 20px; color: var(--navy); letter-spacing: .1em; }
.news-item .cat{
  display:inline-block; padding: 4px 12px;
  border:1px solid var(--navy); color: var(--navy);
  font-size: 10.5px; letter-spacing: .24em; font-family: var(--serif-en);
  justify-self: start;
}
.news-item .cat.solid{ background: var(--navy); color:#fff; }
.news-item .cat.gold{ background: var(--sky); color:#fff; border-color: var(--sky); }
.news-item .t{ font-family: var(--serif-jp); font-weight: 500; color: var(--navy); font-size: 16px; letter-spacing:.06em; line-height: 1.7; }
.news-item .arrow{ font-family: var(--serif-en); font-size: 11px; letter-spacing:.24em; color: var(--accent); }
@media (max-width: 900px){
  .news-item{ grid-template-columns: 1fr; gap: 6px; }
  .news-item .arrow{ display:none; }
}

.news-detail{ max-width: 820px; margin: 0 auto; }
.news-detail .head{ border-bottom: 1px solid var(--line); padding-bottom: 30px; margin-bottom: 40px; }
.news-detail .meta{ display:flex; gap:20px; align-items:center; margin-bottom: 20px; font-family: var(--serif-en); font-size: 11px; letter-spacing:.28em; color: var(--gray-500); flex-wrap: wrap; }
.news-detail h1{ font-family: var(--serif-jp); font-size: clamp(24px, 3vw, 34px); font-weight: 500; letter-spacing:.05em; line-height: 1.6; }
.news-detail .body p{ font-size: 14.5px; line-height: 2.1; color: var(--gray-700); letter-spacing:.06em; margin: 0 0 1.4em; }
.news-detail .body h3{ font-family: var(--serif-jp); font-weight: 500; font-size: 19px; color: var(--navy); margin: 42px 0 18px; letter-spacing:.06em; }
.news-detail .body img,
.news-detail .body .img-placeholder{ aspect-ratio: 16/9; margin: 30px 0; width:100%; object-fit:cover; }

.pagination{ margin-top: 40px; }
.pagination .nav-links{ display:flex; flex-wrap:wrap; gap: 10px; align-items:center; }
.pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 38px; height: 38px; padding: 0 10px;
  border: 1px solid var(--line); font-family: var(--serif-en); font-size: 13px; letter-spacing: .06em;
  color: var(--navy); transition: background .3s var(--ease), color .3s var(--ease);
}
.pagination .page-numbers.current{ background: var(--navy); color:#fff; border-color: var(--navy); }
.pagination .page-numbers:hover{ background: var(--sky-pale); }
.pagination .page-numbers.dots{ border: 0; }