/* Stable three-part layout for Story 06 and 07: icon | copy, with the number pinned separately. */
.history-detail-points article:has(> .tech-detail-icon){
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  grid-template-rows:auto;
  column-gap:18px;
  row-gap:0;
  align-items:start;
  padding:22px 42px 22px 0;
  text-align:left;
}
.history-detail-points article:has(> .tech-detail-icon)> .tech-detail-icon{
  grid-column:1;
  grid-row:1;
  width:52px;
  height:52px;
  margin:0;
  align-self:start;
}
.history-detail-points article:has(> .tech-detail-icon)> b{
  position:absolute;
  top:23px;
  right:2px;
  width:auto;
  margin:0;
  color:#d93439;
  line-height:1;
  text-align:right;
}
.history-detail-points article:has(> .tech-detail-icon)> div{
  grid-column:2;
  grid-row:1;
  min-width:0;
  width:100%;
  margin:0;
  padding:0;
  text-align:left;
}
.history-detail-points article:has(> .tech-detail-icon) h3{
  width:100%;
  margin:0 0 7px;
  padding:0;
  text-align:left;
}
.history-detail-points article:has(> .tech-detail-icon) p{
  width:100%;
  margin:0;
  padding:0;
  text-align:left;
}
.history-detail-copy,
.history-detail-copy>p,
.history-detail-result{
  text-align:left;
}
@media(max-width:520px){
  .history-detail-points article:has(> .tech-detail-icon){
    grid-template-columns:48px minmax(0,1fr);
    column-gap:13px;
    padding:19px 30px 19px 0;
  }
  .history-detail-points article:has(> .tech-detail-icon)> .tech-detail-icon{
    width:44px;
    height:44px;
  }
  .history-detail-points article:has(> .tech-detail-icon)> b{
    top:20px;
  }
}