/* Category artwork sits below the heading, never beside it.
   With no assigned image, the banner element does not render. */
body.kf-template-category .category-page-banner{
  width:100%;
  min-width:0;
  margin:14px 0 20px;
  border-radius:14px;
  overflow:hidden;
}
body.kf-template-category .category-page-banner img{
  display:block;
  width:100%;
  max-height:250px;
  aspect-ratio:4 / 1;
  object-fit:cover;
  border-radius:inherit;
}
@media(max-width:620px){
  body.kf-template-category .category-page-banner{
    margin:12px 0 16px;
    border-radius:11px;
  }
  body.kf-template-category .category-page-banner img{
    max-height:180px;
    aspect-ratio:2.8 / 1;
  }
}