/* ============================================================
   制作実績: サマリ統計 4カード (.nv-wk-stats)
   Figma: 312:4639 / カード 257 x 181 / 上辺のみ 4px 青 / 影 4,4,20 青15%
   数値・色・タイポは Figma REST API の実測値。
   ============================================================ */

ul.nv-wk-stats{
  --nv-latin:'Montserrat','Inter',var(--nv-font);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  margin:88px 0 0;
  padding:0;
  list-style:none;
}

.nv-wk-stat{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:181px;
  padding:24px 16px;
  background:var(--nv-white);
  border-radius:12px;
  box-shadow:4px 4px 20px rgba(42,103,212,.15);
}
/* 上辺のみの青アクセント (Figma: individualStrokeWeights top=4) */
.nv-wk-stat::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:var(--nv-main);
}

.nv-wk-stat__value{
  font-family:var(--nv-latin);
  font-weight:700;
  font-size:48px;
  line-height:1.5;                 /* 72 / 48 */
  letter-spacing:.04em;
  color:var(--nv-main);
}
.nv-wk-stat__plus{
  font-size:32px;                  /* + は一回り小さく */
}
.nv-wk-stat__unit{
  font-family:var(--nv-font);
  font-size:20px;
  color:var(--nv-text);
}

.nv-wk-stat__label{
  display:inline-block;
  padding:0 16px;
  border-radius:999px;
  background:#F1F2F4;
  font-size:14px;
  line-height:21px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--nv-text);
}

/* ---- レスポンシブ ---- */
@media (max-width:1024px){
  ul.nv-wk-stats{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:64px}
  .nv-wk-stat{min-height:150px}
}

@media (max-width:767px){
  ul.nv-wk-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:48px}
  .nv-wk-stat{min-height:120px;padding:20px 8px}
  .nv-wk-stat__value{font-size:34px}
  .nv-wk-stat__plus{font-size:24px}
  .nv-wk-stat__unit{font-size:15px}
  .nv-wk-stat__label{font-size:12px;padding:0 12px}
}