/* Selected design 04: large, horizontal hashtags in the existing palette. */
.detail-keywords {
  container-type: inline-size;
  min-width: 0;
  margin: 0 0 32px;
  padding: 10px 0 4px;
}
.detail-keywords-caption {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .06em;
  line-height: 1.6;
}
.detail-keywords-list {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: clamp(8px, 2cqw, 22px);
  list-style: none;
  margin: 0;
  padding: 0;
}
.detail-keywords-list li { display: flex; align-items: center; flex: none; }
.detail-keyword {
  font-size: clamp(14px, 5.8cqw, 60px);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.3;
  white-space: nowrap;
}
.detail-hash { margin-right: .06em; }
.detail-keywords-list li:nth-child(1) .detail-hash { color: #967bb7; }
.detail-keywords-list li:nth-child(2) .detail-hash { color: #889646; }
.detail-keywords-list li:nth-child(3) .detail-hash { color: #ce795f; }
.detail-title { margin-bottom: 30px; }
.detail-overview { grid-template-columns: 1.25fr 1fr; gap: 10%; }
.added-work .detail-overview dl > div { grid-template-columns: 50px minmax(0, 1fr); }
@media (max-width: 700px) {
  .detail-title { margin-bottom: 25px; }
  .detail-keywords { margin-bottom: 24px; }
  .detail-keywords-caption { font-size: 10px; margin-bottom: 12px; }
}