/* v61: preserve the established artwork and desktop header.
   Short category labels never shrink; titles take the available space. */
.catalog-category,.catalog-stories{min-width:0}
.catalog-story{min-width:0}
.catalog-story>.catalog-type{flex:0 0 auto;width:max-content;white-space:nowrap}
.catalog-story>h3{flex:1 1 0;min-width:0;overflow-wrap:anywhere}
.catalog-story>.v46-read-cue{flex:0 1 170px;min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){
 .catalog-story{display:block}
 .catalog-story>.catalog-type{margin-bottom:8px}
 .catalog-story>.v46-read-cue{display:block;margin-top:13px}
}
@media(max-width:650px){
 /* Same 24px content edge as the home hero/list; preserve safe-area insets.
    The fixed menu stays reachable while reading, with its top matching row 1. */
 .site-header,body.v50-home .site-header{
  padding-left:max(24px,env(safe-area-inset-left));
  padding-right:max(24px,env(safe-area-inset-right));
  padding-top:max(12px,env(safe-area-inset-top));
  grid-template-columns:minmax(0,1fr) 44px;
  column-gap:12px;align-items:center;
 }
 .site-header .brand{justify-self:start;width:100%;max-width:235px;margin:0}
 .reading-controls .mobile-menu{
  padding:0;border:0;margin:0;width:44px;
  top:max(12px,env(safe-area-inset-top));
  right:max(24px,env(safe-area-inset-right));
 }
 .reading-controls .mobile-menu nav{
  max-width:calc(100vw - max(24px,env(safe-area-inset-left)) - max(24px,env(safe-area-inset-right)));
 }
}