/* Project facts: one alignment and responsive rhythm for every project and language. */
[data-route-view="project-detail"] .detail-facts {
  --fact-columns:4;
  display:flex!important;
  flex-wrap:wrap;
  justify-content:center;
}
[data-route-view="project-detail"] .detail-facts>div {
  box-sizing:border-box;
  flex:0 0 calc(100% / var(--fact-columns));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  min-width:0!important;
  max-width:calc(100% / var(--fact-columns))!important;
  padding:28px clamp(16px,1.8vw,32px)!important;
  border-right:1px solid var(--line);
  text-align:center!important;
}
[data-route-view="project-detail"] .detail-facts>div>span,
[data-route-view="project-detail"] .detail-facts>div>strong {
  display:block;
  width:100%;
  max-width:100%;
  margin:0;
  text-align:center!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:auto!important;
  text-wrap:balance;
}
[data-route-view="project-detail"] .detail-facts>div>span {
  min-height:2.9em;
  line-height:1.45!important;
}
[data-route-view="project-detail"] .detail-facts>div>strong {
  font-size:clamp(22px,2vw,28px)!important;
  line-height:1.3!important;
}
@media(min-width:1101px) {
  [data-route-view="project-detail"] .detail-facts:has(>:nth-child(3):last-child),
  [data-route-view="project-detail"] .detail-facts:has(>:nth-child(5):last-child),
  [data-route-view="project-detail"] .detail-facts:has(>:nth-child(6):last-child) {--fact-columns:3}
  [data-route-view="project-detail"] .detail-facts>div:nth-child(4n) {border-right:0}
  [data-route-view="project-detail"] .detail-facts:has(>:nth-child(5):last-child)>div:nth-child(4),
  [data-route-view="project-detail"] .detail-facts:has(>:nth-child(6):last-child)>div:nth-child(4) {border-right:1px solid var(--line)}
  [data-route-view="project-detail"] .detail-facts:has(>:nth-child(3):last-child)>div:nth-child(3n),
  [data-route-view="project-detail"] .detail-facts:has(>:nth-child(5):last-child)>div:nth-child(3n),
  [data-route-view="project-detail"] .detail-facts:has(>:nth-child(6):last-child)>div:nth-child(3n) {border-right:0}
}
@media(max-width:1100px) {
  [data-route-view="project-detail"] .detail-facts {--fact-columns:2}
  [data-route-view="project-detail"] .detail-facts>div {grid-column:auto!important;padding:24px 16px!important}
  [data-route-view="project-detail"] .detail-facts>div:nth-child(2n) {border-right:0}
  [data-route-view="project-detail"] .detail-facts>div>strong {font-size:22px!important}
}
@media(max-width:480px) {
  [data-route-view="project-detail"] .detail-facts {--fact-columns:1}
  [data-route-view="project-detail"] .detail-facts>div {border-right:0;border-bottom:1px solid var(--line)}
  [data-route-view="project-detail"] .detail-facts>div>span {min-height:0}
}
[data-route-view="project-detail"] .detail-facts>div:last-child {border-right:0;border-bottom:0}

/* Keep project status, contribution and story aligned with the facts above. */
[data-route-view="project-detail"] .case-evidence>div,
[data-route-view="project-detail"] .case-evidence>div+div {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:28px clamp(16px,1.8vw,32px);
  text-align:center;
}
[data-route-view="project-detail"] .case-evidence>div>span,
[data-route-view="project-detail"] .case-evidence>div>strong {
  display:block;
  width:100%;
  max-width:100%;
  text-align:center;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:auto;
  text-wrap:balance;
}
[data-route-view="project-detail"] .case-evidence>div>span {
  min-height:1.45em;
  line-height:1.45;
}
[data-route-view="project-detail"] .case-evidence .case-story-button,
[data-route-view="project-detail"] .case-evidence a {
  align-self:center;
  max-width:100%;
  text-align:center;
  white-space:normal;
  overflow-wrap:break-word;
}
@media(max-width:700px) {
  [data-route-view="project-detail"] .case-evidence>div,
  [data-route-view="project-detail"] .case-evidence>div+div {
    padding:20px 16px;
  }
}