/* Listing introductions stay brief on phones; desktop layouts are unchanged. */
@media (max-width: 600px) {
  main > .container:has(.works-hero) { padding-top: 10px; }
  .unified-page .works-hero { padding: 12px 0; margin-bottom: 14px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; }
  .unified-page .works-hero-copy > .eyebrow { display: none; }
  .unified-page .works-hero h1 { font-size: 24px; margin-bottom: 6px; }
  .unified-page .works-hero-copy > p { font-size: 13px; line-height: 1.65; }
  .unified-page .works-hero .works-counter { display: block; margin-top: 8px; font-size: 12px; }
  .unified-page .works-hero .works-counter b { font-size: 14px; }
  .unified-page .works-sidebar-layout:has(>span[hidden]) { gap: 0; }
  main > .container:has(.catalog-layout),
  main > .container:has(.creative-hub),
  main > .container:has(.works-exhibition) { padding-top: 10px; }
  main:has(.catalog-layout),
  main:has(.creative-hub),
  main:has(.works-exhibition) { padding-top: 0; }

  .page-head:has(+ .catalog-layout) {
    padding: 12px 0 10px;
    margin-bottom: 12px;
  }
  .page-head:has(+ .catalog-layout) .breadcrumb { margin-bottom: 6px; font-size: 10px; }
  .page-head:has(+ .catalog-layout) h1,
  .cub-index-heading h1 { font-size: 24px; line-height: 1.4; margin: 0 0 6px; }
  .page-head:has(+ .catalog-layout) p,
  .cub-index-heading p { font-size: 13px; line-height: 1.65; margin: 0; }

  .unified-page .catalog-layout > .catalog-controls { padding: 10px 12px; gap: 4px; border-radius: 14px; margin-bottom: 12px; min-width: 0; }
  .catalog-controls > .eyebrow,
  .catalog-controls > h2 { display: none; }
  .unified-page .catalog-layout .catalog-controls .filters {
    display: flex; flex-wrap: nowrap; gap: 6px;
    margin: 0; padding: 2px 0 6px; border: 0;
    overflow-x: auto; scrollbar-width: thin;
    scrollbar-color: var(--line) transparent;
  }
  .unified-page .catalog-layout .catalog-controls .filters + .filters { padding-top: 4px; border: 0; }
  .catalog-controls .filters .chip {
    display: inline-flex; align-items: center; justify-content: center;
    flex-shrink: 0; min-height: 40px; padding: 7px 13px;
    font-size: 12px; line-height: 1.5; white-space: nowrap;
  }
  .unified-page .catalog-layout .catalog-controls > .list-sort { margin: 4px 0 0; padding-top: 8px; gap: 10px; }
  .catalog-controls .list-sort .field { margin: 0; min-width: 0; }
  .catalog-controls .list-sort select { min-height: 42px; padding: 8px 10px; font-size: 14px; }
  .catalog-results > .muted { margin: 0 0 10px; font-size: 12px; }

  .cub-index-heading { padding: 12px 0; margin-bottom: 16px; }
  .cub-index-heading > .eyebrow { display: none; }
  .exhibition-index {
    flex-wrap: nowrap; overflow-x: auto; gap: 6px;
    padding: 0 0 6px; margin-bottom: 16px; scrollbar-width: thin;
  }
  .exhibition-index a { flex-shrink: 0; display: inline-flex; align-items: center; min-height: 40px; padding: 8px 12px; white-space: nowrap; }
}
