.catalog { max-width: 840px; }
.catalog header { margin-bottom: 40px; }
.catalog-app { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0 8px 16px; font-size: 14px; font-weight: 600; color: #67616f; text-decoration: none; }
.catalog-app:hover { text-decoration: underline; }
.catalog a:focus-visible { outline: 2px solid #6e42a1; outline-offset: 5px; border-radius: 4px; }
.catalog h1 { font-size: clamp(30px, 6vw, 40px); margin-bottom: 24px; }
.catalog-list { list-style: none; padding: 0; margin: 0; }
.catalog-list li + li { border-top: 1px solid #dedbd6; }
.catalog-item { display: flex; align-items: center; gap: 20px; padding: 26px 0; min-height: 110px; text-decoration: none; }
.catalog-copy { flex: 1; min-width: 0; }
.catalog-copy h2 { margin: 0; font-size: 21px; font-weight: 700; line-height: 1.5; letter-spacing: -.4px; word-break: keep-all; overflow-wrap: anywhere; }
.catalog-copy p { color: #67616f; font-size: 14px; line-height: 1.5; margin: 9px 0 0; overflow-wrap: anywhere; }
.catalog-thumbnail { width: 104px; height: 78px; object-fit: contain; border-radius: 10px; flex-shrink: 0; }
.catalog-arrow { width: 18px; height: 18px; opacity: .5; flex-shrink: 0; }
.catalog-item:hover h2 { text-decoration: underline; text-underline-offset: 5px; }
.catalog-empty { margin: 56px 0; color: #67616f; line-height: 1.7; }
.catalog-pagination { margin-top: 24px; text-align: center; }
.catalog-pagination a { display: inline-flex; min-height: 44px; align-items: center; padding: 8px 24px; }
@media (max-width: 480px) {
  .catalog-item { gap: 14px; padding: 22px 0; }
  .catalog-copy h2 { font-size: 18px; }
  .catalog-thumbnail { width: 80px; height: 60px; }
  .catalog-arrow { display: none; }
}