/*
 * K.I.R.I.N. Sprint40 — Metric Alignment FINAL
 *
 * Runtime evidence:
 * - The win metric remains a static-flow first child of .kirin-metric--win
 *   in both Home and Analysis, preserving label/value alignment.
 * - Home iPhone metrics are left aligned; Analysis iPhone metrics are centered.
 * - Home investment title is a direct <small> sibling of .kirin-investment-values.
 *
 * Rules:
 * 1) All devices: remove primary badge from normal flow WITHOUT inventing top/left.
 *    inset remains auto, so CSS static-position placement is preserved.
 * 2) iPhone only: center Home five percentage metric labels/values.
 * 3) iPhone only: center ONLY the Home investment title.
 */

/* ---------------------------------------------------------
   1. ALL DEVICES — primary badge must not shift label/value.
   --------------------------------------------------------- */
.kirin-race-screen .kirin-metric--win,
.kirin-analysis-room .kirin-metric--win{
  position:relative !important;
}

/* ---------------------------------------------------------
   2. iPHONE ONLY — Home five percentage metrics centered.
   Analysis is already centered and remains untouched.
   --------------------------------------------------------- */
@media screen and (max-width:480px){
  .kirin-race-screen .kirin-metric--win > .kirin-metric-label,
  .kirin-race-screen .kirin-metric--top2 > .kirin-metric-label,
  .kirin-race-screen .kirin-metric--top3 > .kirin-metric-label,
  .kirin-race-screen .kirin-metric--confidence > .kirin-metric-label,
  .kirin-race-screen .kirin-metric--stability > .kirin-metric-label{
    justify-content:center !important;
    text-align:center !important;
  }

  .kirin-race-screen .kirin-metric--win > strong,
  .kirin-race-screen .kirin-metric--top2 > strong,
  .kirin-race-screen .kirin-metric--top3 > strong,
  .kirin-race-screen .kirin-metric--confidence > strong,
  .kirin-race-screen .kirin-metric--stability > strong{
    text-align:center !important;
  }

  /* Investment: title only. Keep expectation/risk structure untouched. */
  .kirin-race-screen .kirin-metric--investment > small{
    width:100% !important;
    text-align:center !important;
  }
}


/* KIRIN S40 METRIC ALIGNMENT FINAL V2 START */
/*
 * Final accepted specification:
 * 1) ALL devices, Home + Analysis:
 *    preserve the existing metric alignment contract.
 * 2) iPhone Home only:
 *    center each Investment sub-cell:
 *    期待値 + value / リスク + value.
 * 3) Keep the already-centered Investment title from FINAL v1.
 */

/* iPHONE HOME ONLY — center expectation/risk cells and their contents. */
@media screen and (max-width:480px){
  .kirin-race-screen .kirin-metric--investment > .kirin-investment-values > span{
    text-align:center !important;
    justify-items:center !important;
    align-items:center !important;
  }

  .kirin-race-screen .kirin-metric--investment > .kirin-investment-values > span > em,
  .kirin-race-screen .kirin-metric--investment > .kirin-investment-values > span > strong{
    width:100% !important;
    text-align:center !important;
  }
}
/* KIRIN S40 METRIC ALIGNMENT FINAL V2 END */