.result-detail {
  font-size: 0.95em;
  white-space: inherit;
}

@media screen and (max-width: 640px){
    .result-detail {
        font-size: 0.85em;
      }
}

.result-detail.-promise {
  white-space: wrap;
}

.result-detail.-promise .result-detail__body dt, .result-detail.-promise .result-detail__body dd {
  text-align: left;
  padding: 1rem;
}

.result-detail dt, .result-detail dd {
  text-align: right;
}

.result-detail dt {
  padding: .5em;
  font-weight: normal;
  border-width: 1px 0 1px 0;
  border-color: #C2C2C2;
  border-style: solid;
  background: #F5F5F5;
  text-align: right;
  display: flex;
    justify-content: center;
    align-items: center;
}

.result-detail dd {
  padding: .5em;
  border-width: 0 0 1px 0;
  border-color: #C2C2C2;
  border-style: solid;
  text-align: left;
}

.result-detail__header {
  max-width: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  padding: 8px;
  line-height: 1;
  background: #444;
}

.result-detail__header-title {
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
}

.result-detail__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.result-detail__item {
    box-shadow: 5px 0 10px -5px rgba(0, 0, 0, 0.1);
  background: #fff;
  z-index: 1;
  white-space: nowrap;
  border-left:solid 1px #C2C2C2;
}

.result-detail__item dt, .result-detail__item dd{
    text-align:center;
    font-weight:600;
    padding:.5em 2em;
    width:200px;
}

@media screen and (max-width: 640px){
    .result-detail__item dt, .result-detail__item dd{
        padding:.5em;
        width:150px;
    }
}

.result-detail__item dt.--headline{
    color:#fff;
    background:#234e83;
}

.result-detail__body {
  display: flex;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
    flex-grow: 1;
  width: 100%;
}

.result-detail__body dl {
    flex: 1 0 0;
    border-right:solid 1px #C2C2C2;
}

.result-detail__body dd {
  text-align: right;
  position: relative;
  z-index: 0;
  display: flex;
    justify-content: center;
    align-items: center;
}

.result-detail__body dd:after {
  content: "";
  display: block;
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.rate-list {
  text-align: left;
}