/* Decent editorial rhythm, adapted to the criminal center's burgundy palette. */
.page-columns .listing-section > .container { max-width: 1200px; }
.page-columns .listing-section { padding-block: 80px 110px; }
.column-toolbar { margin-bottom: 30px; }
.column-categories { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
.column-categories button { min-height: 38px; padding: 8px 18px; border: 1px solid transparent; border-radius: 22px; background: #f5f5f5; color: #6f6f6f; font-size: 14px; line-height: 1.5; }
.column-categories button:hover { background: #e7e7e7; color: #151515; }
.column-categories button[aria-pressed=true] { background: #201719; color: #fff; }
.page-columns .column-list .case-row { min-height: 236px; padding: 32px 28px 32px 0; gap: 36px; transition: none; }
.page-columns .column-list .case-row > img { order: -1; flex-basis: 280px; width: 280px; height: 172px; border-radius: 4px; transform: none; transition: none; }
.page-columns .column-list .case-row .case-category { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.page-columns .column-list .case-category > span { padding: 4px 10px; border-radius: 3px; background: #f5f5f5; color: #727272; font-size: 11px; line-height: 1.5; }
.page-columns .column-list .case-category > span:last-child { color: #c62828; background: #f5f5f5; }
.page-columns .column-list .case-row h3 { font-size: 24px; margin-bottom: 13px; font-weight: 700; line-height: 1.45; }
.page-columns .column-list .case-row-copy > p { color: #6f6f6f; font-size: 14px; line-height: 1.8; margin-bottom: 16px; }
.page-columns .column-list .column-date { display: inline-block; margin: 0; color: #999; font-size: 12px; line-height: 1.5; }
@media (min-width: 768px) and (max-width: 1024px) {
 .page-columns .column-list .case-row { gap: 26px; }
 .page-columns .column-list .case-row > img { flex-basis: 220px; width: 220px; height: 152px; }
 .page-columns .column-list .case-row h3 { font-size: 22px; }
}
@media (max-width: 767px) {
 .page-columns .listing-section { padding-block: 48px 72px; }
 .column-toolbar { margin-bottom: 22px; }
 .column-categories { gap: 8px; margin-bottom: 24px; }
 .column-categories button { min-height: 36px; padding: 7px 13px; font-size: 12px; }
 .page-columns .column-list .case-row { align-items: flex-start; flex-direction: column; gap: 20px; padding: 28px 0; }
 .page-columns .column-list .case-row > img { flex-basis: auto; width: 100%; height: auto; aspect-ratio: 16/9; }
 .page-columns .column-list .case-row .case-category { margin-bottom: 12px; }
 .page-columns .column-list .case-row h3 { font-size: 21px; margin-bottom: 10px; }
 .page-columns .column-list .case-row-copy > p { font-size: 14px; margin-bottom: 14px; }
}