/* V33 — concise project notes and milestone interaction guidance */
.chapter-head .work-description {
  max-width: none !important;
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: -0.01em;
}

.media-summary {
  grid-column: 1 / -1;
  max-width: none;
  color: #65736b;
  font: 14px/1.65 "Noto Serif SC", serif;
}

.media-summary p {
  display: block;
  margin: 0 0 0.45rem;
}

.media-summary strong {
  color: #25342f;
  font-weight: 600;
}

.visual-grid {
  width: min(760px, 100%);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body .visual-grid .work-item {
  grid-column: span 1;
  height: 205px;
}

.milestone-hint {
  display: inline-flex;
  margin-top: 18px;
  padding: 7px 10px;
  border: 1px solid rgba(138, 77, 57, 0.28);
  border-radius: 999px;
  color: #8a4d39;
  font: 600 9px/1 "Manrope", sans-serif;
  letter-spacing: 0.1em;
}

.milestone-card.is-flipped .milestone-back {
  cursor: zoom-in;
}

@media (max-width: 850px) {
  .visual-grid {
    width: 100%;
  }

  body .visual-grid .work-item {
    height: 245px;
  }
}

@media (max-width: 600px) {
  .chapter-head .work-description,
  .media-summary {
    font-size: 14px;
  }

  body .visual-grid .work-item {
    grid-column: span 12;
    height: 250px;
  }
}