.collection-header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding:8px 0 20px;border-bottom:1px solid var(--line)}
.collection-header:not(:has(.collection-header__images)){grid-template-columns:1fr}
.collection-header__copy{min-width:0}
.collection-header .page-title{margin:0;font-size:clamp(30px,3.4vw,46px);line-height:1.15;overflow-wrap:anywhere}
.collection-header .page-intro{max-width:64ch;margin:12px 0 0;font-size:16px;line-height:1.55}
.collection-header .page-intro p{margin:0}
.collection-header__guide-link{display:inline-block;margin-top:8px;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.collection-header__images{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,28px);min-width:0;height:174px;padding:12px 16px;background:var(--soft);border-radius:6px}
.collection-header__image{display:flex;align-items:center;justify-content:center;min-width:0;flex:0 1 160px;height:150px}
.collection-header__image img{display:block;width:100%;height:100%;object-fit:contain}
.collection-description{scroll-margin-top:28px;max-width:90ch}
.collection-description img,.collection-description iframe{max-width:100%;height:auto}
.collection-shortcuts a.collection-shortcut--text{align-self:center}
@media(max-width:767px){
  .collection-header{display:block;padding:4px 0 16px}
  .collection-header__images{display:none}
  .collection-header .page-title{font-size:30px;line-height:1.15}
  .collection-header .page-intro{font-size:15px;line-height:1.5;margin-top:10px}
  .collection-header__guide-link{font-size:13px;margin-top:6px}
  .template-collection .collection-shortcuts{margin-top:16px}
  .template-collection .collection-shortcuts img{display:none}
  .template-collection .layout{margin-top:18px}
  .collection-description{margin-top:32px;padding-top:24px}
  .template-collection .pager{flex-wrap:wrap;gap:6px}
  .template-collection .card__name{overflow-wrap:anywhere}
}
@media(max-width:374px){
  .template-collection .toolbar{flex-wrap:wrap}
  .template-collection .toolbar>form{flex:1 1 100%;min-width:0}
  .template-collection .toolbar form label{display:block;width:100%;min-width:0}
  .template-collection .toolbar form select{width:100%;min-width:0;max-width:none}
}