/* Homepage job-sheet showcase. Keep the shared tabs and page styles intact. */
#reports { --report-colour: var(--repair-accent); }
#reports .report-type-copy .eyebrow { color: var(--muted); }
#reports .report-panel { border-radius: 8px; }
#reports .report-type-preview > a { padding: 12px; }
#reports .report-type-preview img { height: auto; max-height: none; }
#reports .report-type-preview figcaption { column-gap: 12px; }
#reports .report-type-preview .text-link { gap: 9px; }
#reports .report-showcase-footer { align-items: flex-start; }
#reports .job-sheet-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
#reports .job-sheet-download { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: .8125rem; }
#reports .job-sheet-download span { color: var(--muted); font-size: .75rem; }
@media (max-width: 800px) {
  #reports .report-type-preview { max-width: 620px; }
  #reports .job-sheet-actions { width: 100%; }
}
@media (max-width: 480px) {
  #reports .report-type-preview > a { padding: 7px; }
  #reports .report-type-preview figcaption { align-items: flex-start; }
  #reports .job-sheet-download { padding-block: 6px; }
}
