/* Parts & Recalls — Brief layout V4
   Dedicated cache-busted stylesheet so the fix is not dependent on the older cached styles.css. */

.brief-card-grid,
.brief-archive-grid {
  align-items: stretch !important;
}

.brief-card.brief-card--compact,
.brief-card--compact,
.brief-card.brief-card--archive,
.brief-card--archive {
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

.brief-card--compact .brief-card__signals,
.brief-card--compact .brief-card__summary,
.brief-card__signals,
.brief-card__summary {
  display: block !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.brief-card__signals {
  margin-bottom: 10px !important;
}

.brief-card__summary {
  margin-bottom: 0 !important;
}

.brief-card__meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 10px !important;
  margin: 0 0 2px !important;
  line-height: 1.2 !important;
}

.brief-card__meta > span:first-child,
.brief-card__meta .brief-meta-category {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid #d6e2ec !important;
  border-radius: 999px !important;
  background: #f7fafc !important;
  color: #173d5a !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.brief-card__meta > span:nth-child(2),
.brief-card__meta .brief-meta-date {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  color: #647487 !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  white-space: normal !important;
}

.brief-card h3,
.brief-archive-card h3 {
  margin-top: 4px !important;
}

/* Homepage: primary action gets a full row, two secondary actions share row 2. */
.brief-card .brief-card__actions.brief-card__actions--pills,
.brief-card__actions.brief-card__actions--pills,
.brief-card__actions--pills {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 18px !important;
}

.brief-card__actions--pills > a.brief-action-pill,
.brief-card .brief-card__actions--pills > a.brief-action-pill,
a.brief-action-pill {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 10px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-height: 1.18 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  border-radius: 999px !important;
  text-decoration: none !important;
}

.brief-card__actions--pills > a.brief-action-pill--primary,
.brief-card .brief-card__actions--pills > a.brief-action-pill--primary {
  grid-column: 1 / -1 !important;
  background: #082235 !important;
  color: #fff !important;
  border: 1px solid #082235 !important;
}

.brief-card__actions--pills > a.brief-action-pill--secondary,
.brief-card .brief-card__actions--pills > a.brief-action-pill--secondary {
  background: #eef5fb !important;
  color: #0e3a5c !important;
  border: 1px solid #cad8e5 !important;
}

/* Archive cards normally have two actions: keep them side by side, equal and readable. */
.brief-card--archive .brief-card__actions.brief-card__actions--pills {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.brief-card--archive .brief-card__actions--pills > a.brief-action-pill--primary {
  grid-column: auto !important;
}

@media (max-width: 760px) {
  .brief-card .brief-card__actions.brief-card__actions--pills,
  .brief-card__actions.brief-card__actions--pills,
  .brief-card__actions--pills,
  .brief-card--archive .brief-card__actions.brief-card__actions--pills {
    grid-template-columns: 1fr !important;
  }

  .brief-card__actions--pills > a.brief-action-pill--primary,
  .brief-card .brief-card__actions--pills > a.brief-action-pill--primary,
  .brief-card--archive .brief-card__actions--pills > a.brief-action-pill--primary {
    grid-column: auto !important;
  }
}
