/* ============================================================
   レース予想記事ページ専用スタイル
   ============================================================ */

/* 見出し */
.race-head{padding:30px 20px 24px;text-align:center;border-bottom:1px solid var(--rule);}
.race-head .kai{font-family:"Hiragino Sans",sans-serif;font-size:12px;letter-spacing:.3em;color:var(--sub);}
.race-head h1{font-size:40px;font-weight:900;letter-spacing:.06em;margin:8px 0 14px;line-height:1.1;}
.race-head .conds{
  display:inline-flex;flex-wrap:wrap;justify-content:center;
  font-family:"Hiragino Sans",sans-serif;font-size:12px;color:var(--sub);
}
.race-head .conds span{padding:0 10px;border-right:1px solid var(--rule);}
.race-head .conds span:last-child{border-right:none;}

/* AIの読み（リード） */
.lead-block{padding:26px 20px;border-bottom:1px solid var(--rule);}
.lead-tag{
  font-family:"Hiragino Sans",sans-serif;font-size:11px;font-weight:bold;
  letter-spacing:.2em;color:var(--honmei);margin-bottom:12px;
  display:flex;align-items:center;gap:8px;
}
.lead-tag::before{content:"";width:18px;height:2px;background:var(--honmei);}
.lead-block h2{font-size:21px;font-weight:900;line-height:1.55;margin-bottom:16px;letter-spacing:.02em;}
.lead-block p{font-size:15.5px;line-height:2;color:#33302a;}
.lead-block p+p{margin-top:16px;}
.em{border-bottom:2px solid #f0d878;font-weight:bold;}

/* 分析本文 */
.analysis{padding:26px 20px 8px;border-bottom:1px solid var(--rule);}
.analysis p{font-size:15.5px;line-height:2;color:#33302a;margin-bottom:18px;}

/* 結論（印カード） */
.verdict{padding:26px 20px;border-bottom:1px solid var(--rule);}
.pick{
  background:var(--paper2);border:1px solid var(--rule);border-radius:4px;
  padding:16px 16px 14px;margin-bottom:12px;
}
.pick:last-child{margin-bottom:0;}
.pick-top{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.pick-mark{font-size:30px;font-weight:900;line-height:1;width:36px;text-align:center;}
.pick-mark.m1{color:var(--honmei);}
.pick-mark.m2{color:var(--aux);}
.pick-mark.m3{color:#5a3d8c;}
.pick-mark.m4{color:var(--sub);}
.pick-info{flex:1;min-width:0;}
.pick-name{font-size:21px;font-weight:bold;letter-spacing:.02em;line-height:1.2;}
.pick-sub{font-family:"Hiragino Sans",sans-serif;font-size:12px;color:var(--sub);margin-top:3px;}
.pick-sub b{color:var(--ink);font-weight:bold;}
.pick-odds{font-family:"Hiragino Sans",sans-serif;text-align:right;}
.pick-odds .o-val{font-size:20px;font-weight:bold;line-height:1;}
.pick-odds .o-val small{font-size:11px;}
.pick-odds .o-lab{font-size:10px;color:var(--sub);letter-spacing:.1em;}
.pick-reason{
  font-size:14px;line-height:1.85;color:#3a372f;
  border-top:1px dashed var(--rule);padding-top:10px;
}
.pick.compact{padding:11px 16px;}
.pick.compact .pick-top{margin-bottom:0;}
.pick.compact .pick-name{font-size:17px;}

/* 買い目 */
.bet-block{padding:26px 20px;border-bottom:1px solid var(--rule);}
.bet{border:2px solid var(--ink);border-radius:4px;overflow:hidden;background:var(--paper2);}
.bet-head{
  background:var(--ink);color:var(--paper);
  font-family:"Hiragino Sans",sans-serif;font-size:13px;font-weight:bold;
  letter-spacing:.15em;padding:9px 16px;
}
.bet-line{
  display:flex;align-items:center;gap:12px;
  font-family:"Hiragino Sans",sans-serif;font-size:14px;
  padding:12px 16px;border-bottom:1px dashed var(--rule);
}
.bet-line:last-of-type{border-bottom:none;}
.bet-type{font-weight:bold;color:var(--honmei);min-width:48px;}
.bet-detail{flex:1;font-variant-numeric:tabular-nums;letter-spacing:.03em;}
.bet-amount{font-weight:bold;white-space:nowrap;}
.bet-total{
  display:flex;justify-content:space-between;align-items:center;
  font-family:"Hiragino Sans",sans-serif;
  background:#efe9da;padding:12px 16px;font-size:15px;font-weight:bold;
}
.bet-total .t-val{color:var(--honmei);font-size:17px;}
.bet-note{
  font-family:"Hiragino Sans",sans-serif;font-size:11px;color:var(--sub);
  margin-top:10px;line-height:1.7;
}

/* 結果（レース後に追記する欄） */
.result-block{padding:26px 20px;border-bottom:1px solid var(--rule);}
.result-box{
  border:2px solid var(--honmei);border-radius:4px;background:var(--paper2);overflow:hidden;
}
.result-head{
  background:var(--honmei);color:#fff;
  font-family:"Hiragino Sans",sans-serif;font-size:13px;font-weight:bold;
  letter-spacing:.15em;padding:9px 16px;
}
.result-body{padding:16px;font-family:"Hiragino Sans",sans-serif;}
.result-row{display:flex;justify-content:space-between;font-size:14px;padding:7px 0;border-bottom:1px dashed var(--rule);}
.result-row:last-child{border-bottom:none;}
.result-judge{font-size:18px;font-weight:bold;text-align:center;padding:12px 0 4px;}
.result-judge.hit{color:var(--honmei);}
.result-judge.miss{color:var(--aux);}

/* 累計収支 */
.ledger-block{padding:26px 20px;}
.ledger{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--rule);border-radius:4px;overflow:hidden;background:var(--paper2);
}
.led{padding:18px 8px;text-align:center;border-right:1px solid var(--rule);font-family:"Hiragino Sans",sans-serif;}
.led:last-child{border-right:none;}
.led .ll{font-size:10px;color:var(--sub);letter-spacing:.12em;margin-bottom:7px;}
.led .lv{font-size:25px;font-weight:bold;font-variant-numeric:tabular-nums;}
.led .lv.plus{color:var(--plus);}
.led .lv.minus{color:var(--minus);}

@media(max-width:480px){
  .race-head h1{font-size:33px;}
  .lead-block h2{font-size:19px;}
  .pick-name{font-size:19px;}
}