/* ============================================================
   works.css — 実績ページ専用 (page-works.php)
   ============================================================ */
.works-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:0;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.work-card{
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--paper);
  cursor:pointer;
  transition:background .3s;
}
.work-card:hover{background:var(--paper-2)}
.work-card .img-ph{height:200px;border:none}
.work-card .img-ph::after{display:none}
.work-card-body{padding:24px 28px}
.work-num{
  font-family:"Inter",sans-serif;
  font-size:10px;font-weight:700;letter-spacing:.3em;
  color:var(--copper);margin-bottom:10px;
}
.work-card h5{
  font-family:"Shippori Mincho",serif;
  font-size:15px;font-weight:500;
  line-height:1.7;color:var(--sumi);
}

.works-pagination{
  display:flex;justify-content:center;align-items:center;
  flex-wrap:wrap;gap:12px;
  margin-top:60px;
  font-family:"Inter",sans-serif;
  font-size:12px;font-weight:700;letter-spacing:.15em;
}
.works-pagination .page-numbers{
  padding:10px 16px;
  border:1px solid var(--line-soft);
  color:var(--sumi);
}
.works-pagination a.page-numbers:hover{border-color:var(--copper);color:var(--copper)}
.works-pagination .page-numbers.current{
  background:var(--sumi);color:var(--paper);border-color:var(--sumi);
}
.works-pagination .page-numbers.dots{border:none;padding:10px 4px}