/*
 * K.I.R.I.N. Sprint40
 * iPhone Analysis / Review first information block exact shared contract v2
 *
 * Runtime source of truth @375:
 * Analysis rows: 43 / 44.67 / 43, outer vertical padding 2 / 2.
 * Review rows:   31 / 59 / 40.92, outer vertical padding 0 / 0.
 * Both already share:
 * - header handoff: 10px
 * - width: 355.33px
 * - inner row width: 330px
 * - columns: 88px / 208px
 * - horizontal row padding: 11px
 *
 * Review row2 contains horse (28px) + odds (~10.33px) + 4px row-gap.
 * With 4px top/bottom padding its natural requirement is ~50.33px.
 * Therefore the exact common row contract is 43 / 51 / 43.
 *
 * Scope is iPhone only. PC/iPad are NOT inferred from SE measurements.
 */

@media screen and (max-width:480px){
  .kirin-analysis-overview,
  .kirin-review-summary{
    padding:2px 12px !important;
  }

  .kirin-analysis-overview > div,
  .kirin-review-summary > div{
    box-sizing:border-box !important;
    grid-template-columns:88px minmax(0,1fr) !important;
    column-gap:12px !important;
    align-items:center !important;
    padding-left:11px !important;
    padding-right:11px !important;
  }

  .kirin-analysis-overview > div:nth-child(1),
  .kirin-analysis-overview > div:nth-child(3),
  .kirin-review-summary > div:nth-child(1),
  .kirin-review-summary > div:nth-child(3){
    min-height:43px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  .kirin-analysis-overview > div:nth-child(2),
  .kirin-review-summary > div:nth-child(2){
    min-height:51px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
  }

  .kirin-analysis-overview > div + div,
  .kirin-review-summary > div + div{
    border-top:1px solid rgba(215,181,74,.14) !important;
  }

  .kirin-analysis-overview > div > :first-child,
  .kirin-review-summary > div > :first-child{
    margin:0 0 2px 0 !important;
    color:rgb(155,168,156) !important;
    font-size:9px !important;
    font-weight:400 !important;
    line-height:12.15px !important;
  }

  .kirin-analysis-overview > div > :nth-child(2),
  .kirin-review-summary > div > :nth-child(2){
    font-size:14px !important;
    font-weight:700 !important;
    line-height:17.5px !important;
  }

  /* Review-only supplementary odds remains supplementary and does not define typography of the main value. */
  .kirin-review-summary > div:nth-child(2) > .kirin-review-odds{
    font-size:10px !important;
    font-weight:400 !important;
    line-height:12.15px !important;
    margin-top:-5px !important;
  }
}