/* Kyufukin Ranking - Review Display (Unit06)
   SWELLなどのテーマCSSと衝突しにくいように .kyu- でスコープ */
.kyu-review-section{
  margin: 2.0em 0 1.5em;
}

.kyu-review-section__header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap: 12px;
  flex-wrap:wrap;
  margin-bottom: 14px;
}

.kyu-review-section__titlewrap{
  display:flex;
  align-items:flex-end;
  gap: 10px;
  flex-wrap:wrap;
}

.kyu-review-section__title{
  margin:0;
  font-size: 1.25em;
  line-height: 1.3;
}

.kyu-review-section__count{
  font-size: .95em;
  opacity: .8;
}

.kyu-review-btn{
  display:inline-block;
  text-decoration:none;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 999px;
  padding: .55em 1.0em;
  font-size: .95em;
  line-height: 1;
}

.kyu-review-btn--primary{
  border-color: rgba(0,0,0,.25);
  font-weight: 600;
}

.kyu-review-list{
  display:block;
}

.kyu-review-card{
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 10px;
  padding: 14px;
  margin: 0 0 12px;
  background: rgba(255,255,255,.9);
}

.kyu-review-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:center;
  font-size: .92em;
  opacity: .92;
}

.kyu-review-card__name{
  font-weight: 600;
}

.kyu-review-card__attrs{
  opacity: .85;
}

.kyu-review-card__date{
  opacity: .75;
}

.kyu-review-card__rating{
  margin-left:auto;
  font-weight: 700;
}

.kyu-review-card__title{
  margin: .45em 0 .25em;
  font-size: 1.1em;
  line-height: 1.35;
}

.kyu-review-card__excerpt{
  margin: .4em 0 .6em;
  opacity: .95;
}

.kyu-review-card__actions{
  display:flex;
  justify-content:flex-end;
  gap: 10px;
}

.kyu-review-link{
  text-decoration:none;
  font-weight: 600;
}

.kyu-review-empty{
  border: 1px dashed rgba(0,0,0,.18);
  border-radius: 10px;
  padding: 16px;
  opacity: .92;
}

.kyu-review-empty__actions{
  margin-top: 10px;
}

.kyu-review-pagination{
  margin: 16px 0 0;
}

.kyu-review-pagination__list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  gap: 8px;
  flex-wrap:wrap;
}

.kyu-review-pagination__link{
  display:inline-block;
  min-width: 36px;
  text-align:center;
  padding: .45em .7em;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 8px;
  text-decoration:none;
  font-size: .95em;
}

.kyu-review-pagination__link.is-current{
  font-weight: 700;
  border-color: rgba(0,0,0,.35);
}

/* Detail */
.kyu-review-detail{
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 16px;
  background: rgba(255,255,255,.95);
}

.kyu-review-detail__kicker{
  font-size: .9em;
  opacity: .75;
}

.kyu-review-detail__header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap: 12px;
  flex-wrap:wrap;
}

.kyu-review-detail__title{
  margin: .2em 0 0;
  font-size: 1.25em;
  line-height: 1.35;
}

.kyu-review-detail__headerActions{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}

.kyu-review-detail__meta{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  align-items:center;
  margin-top: 10px;
  font-size: .95em;
  opacity: .92;
}

.kyu-review-detail__name{
  font-weight: 700;
}

.kyu-review-detail__ratings{
  margin-top: 12px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 14px;
}

.kyu-review-rating-row{
  display:flex;
  justify-content:space-between;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 10px;
  background: rgba(0,0,0,.02);
  font-size: .95em;
}

.kyu-review-rating-row__label{
  opacity: .85;
}

.kyu-review-rating-row__val{
  font-weight: 700;
}

.kyu-review-detail__body{
  margin-top: 14px;
}

.kyu-review-notfound{
  border: 1px solid rgba(255,0,0,.25);
  background: rgba(255,0,0,.04);
  border-radius: 12px;
  padding: 16px;
}

@media (max-width: 600px){
  .kyu-review-card__rating{
    margin-left: 0;
  }
  .kyu-review-detail__ratings{
    grid-template-columns: 1fr;
  }

  /* 口コミ詳細：スマホでは上部アクションを2列で揃える（同じ高さ） */
  .kyu-review-detail__headerActions{
    width: 100%;
    flex-wrap: nowrap;
  }
  .kyu-review-detail__headerActions .kyu-review-btn{
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.2;
  }
}


/* 作業単位15：アンカー導線（ON時のみ） */
.kyu-review-section--anchor-nav {
  scroll-margin-top: 80px;
}