.catalog-layout>*{min-width:0}
.catalog-layout>.detail,.catalog-layout>.prose{width:100%;max-width:none;margin:0}
@media(min-width:1024px){
  #main:has(.catalog-layout){max-width:none;padding:46px 0 72px}
  .catalog-layout{display:grid;width:70vw;margin-left:5vw;grid-template-columns:15vw minmax(0,50vw);column-gap:5vw;align-items:start}
  .catalog-layout>.sidebar{position:static;max-height:none;overflow:visible;padding-right:0}
  .catalog-layout .sidebar-title{gap:8px;font-size:13px}
  .catalog-layout .sidebar-title .tiny-button{flex-shrink:0;padding:4px 0}
  .catalog-layout .filter-panel{padding-right:15px;padding-left:15px}
  .catalog-layout .work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
  .catalog-layout .work-list>.empty{grid-column:1/-1}
  .catalog-layout .work-card{grid-template-columns:clamp(72px,5vw,100px) minmax(0,1fr);gap:14px;padding:14px;min-width:0}
  .catalog-layout .work-card .cover{height:150px;align-self:start}
  .catalog-layout .work-info{min-width:0;padding:0 18px 0 0}
  .catalog-layout .circle-line{overflow-wrap:anywhere}
  .catalog-layout .work-info :is(h2,h3){font-size:14px;line-height:1.7;overflow-wrap:anywhere}
  .catalog-layout .work-card .environment-row{font-size:10px;gap:5px}
  .catalog-layout .work-card .environment-options{gap:4px 8px}
  .catalog-layout .work-card .environment-badge small{font-size:9px}
  .catalog-layout .work-card .environment-badge>span{min-width:0;overflow-wrap:anywhere}
  .catalog-layout .work-card .meta-row{font-size:10px;overflow-wrap:anywhere}
  .catalog-layout .work-card .popover{width:210px;max-width:calc(50vw - 32px)}
  .catalog-layout .manga-ad{grid-template-columns:clamp(72px,5vw,100px) minmax(0,1fr);gap:14px;padding:14px}
  .catalog-layout .manga-ad-cover{height:150px}
  .catalog-layout .manga-ad h2{font-size:14px}
  .catalog-layout .detail-top{column-gap:24px}
  .catalog-layout .detail-top h1{font-size:clamp(20px,1.4vw,26px);overflow-wrap:anywhere}
  .catalog-layout .detail-top .info-row{grid-template-columns:72px minmax(0,1fr);gap:12px}
}
@media(min-width:1024px) and (max-width:1199px){
  .catalog-layout .work-card,.catalog-layout .manga-ad{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:12px}
  .catalog-layout .work-card .cover,.catalog-layout .manga-ad-cover{height:130px}
  .catalog-layout .work-info{padding-right:12px}
  .catalog-layout .work-info :is(h2,h3){font-size:13px}
  .catalog-layout .work-card .environment-row{flex-wrap:wrap;gap:2px 6px}
}
@media(max-width:1023px){
  .catalog-layout{display:block}
  .catalog-layout>.sidebar{display:none;margin-bottom:24px}
  .catalog-list>.sidebar.open{display:block}
  .catalog-list .mobile-filter{display:block;font-size:12px;padding:7px 10px;white-space:nowrap;background:transparent}
}

@media(max-width:1023px){
 .filter-panel{align-items:start}
 .filter-section{min-width:0;align-self:start}
 .filter-section summary{min-height:44px;gap:8px}
 .filter-section summary::-webkit-details-marker{display:none}
}