/* 課題26 地域一次買取データ 集計モジュール（JissekiSummary）
   トンマナは既存セクションに合わせる：見出しは .h2Pink、強調色は .color_tooloff8（var(--tooloff8)）に委譲。
   本CSSは主にレイアウト（カードグリッド）と余白のみを担当する。 */
.jisseki_summary{
  margin: 40px 0;
}
.jisseki_summary .wrap{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 16px;
}
/* 見出しは .h2Pink（中央寄せ24px）を利用。「買取実績」を必ず次行に落として
   〈地域＋商材〉／〈買取実績〉 の2段で見せる */
.jisseki_summary .jisseki_summary__title{
  line-height: 1.4;
}
.jisseki_summary .jisseki_summary__title .color_tooloff8{
  display: block;
}

/* カード本体 */
.jisseki_summary__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: #ece7de;              /* セル間の区切り線 */
  border: 1px solid #ece7de;
  border-radius: 12px;
  overflow: hidden;
  margin: 0;
  box-shadow: 0 1px 2px rgba(40,30,16,.05), 0 8px 22px rgba(40,30,16,.04);
}
.jisseki_summary__item{
  background: #fff;
  padding: 15px 18px;
  margin: 0;
}
/* 価格ペア(中古 中央値/最高額)を微タイントで小グループ化＝色以外の手掛かりにもなる。
   color-mix未対応環境ではフォールバックの薄ピンクに落ちる。 */
.jisseki_summary__item.is-price{
  background: #fdf5f5;
  background: color-mix(in srgb, var(--tooloff8) 6%, #fff);
}
.jisseki_summary__item dt{
  font-size: 15px;
  color: #857b70;
  margin: 0 0 5px;
  font-weight: 500;
}
/* 値は全項目で同じサイズに統一（強調は color_tooloff8 の色で行う） */
.jisseki_summary__item dd{
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #23282f;
  line-height: 1.35;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
/* 単位・サブ表記：黒/ピンクで太さがバラつかないよう weight は値と同じ(700)、色とサイズで区別 */
.jisseki_summary__item dd .u{
  font-size: 15px;
  font-weight: 700;
  color: #857b70;
  margin-left: 2px;
}
.jisseki_summary__item dd .jisseki_summary__sub{
  font-size: 15px;
  font-weight: 700;
  color: #857b70;
  margin-left: 4px;
  white-space: nowrap;
}
/* 強調(ピンク)も値本体と同じ太さに固定 */
.jisseki_summary__item dd .color_tooloff8{
  font-weight: 700;
}
/* 更新日は横幅いっぱい。サイズは統一しつつ、日付なので少し控えめの重み */
.jisseki_summary__updated{
  grid-column: 1 / -1;
}
.jisseki_summary__updated dd{
  font-weight: 500;
  color: #6f665c;
}

/* 注釈：各テキストより小さく（テーマの p 既定に負けないよう詳細度と!importantで固定） */
.jisseki_summary p.jisseki_summary__note{
  font-size: 11px !important;
  line-height: 1.5;
  color: #948a7e;
  margin: 9px 2px 0;
}

/* スマホ */
@media (max-width: 600px){
  .jisseki_summary__grid{ grid-template-columns: 1fr 1fr; }
  .jisseki_summary__item{ padding: 13px 14px; }
  .jisseki_summary__item dt{ font-size: 13px; }
  .jisseki_summary__item dd{ font-size: 19px; }
  .jisseki_summary__item dd .u{ font-size: 13px; }
}