.catalog-filters-panel .filter-section > summary { display:flex; align-items:center; gap:8px; list-style:none; padding:8px 0; min-height:44px; margin:0 !important; }
.catalog-filters-panel .filter-section > summary::-webkit-details-marker { display:none; }
.catalog-filters-panel .filter-section > summary::before { content:'▸'; flex:0 0 auto; }
.catalog-filters-panel .filter-section[open] > summary::before { content:'▾'; }
.catalog-filters-panel .filter-section > summary .media-genre-filter-heading { margin:0 !important; padding:0 !important; min-width:0; }
.catalog-filters-panel .catalog-tag-filter-group:has(> .filter-section) { padding:4px 0; }
.catalog-filters-panel :is(input,select) { max-width:100%; box-sizing:border-box; }
.catalog-filters-panel .media-genre-filters { min-width:0; flex-wrap:wrap; }
@media (min-width: 1101px) {
 body.pc-section-media :is(#media-grid, #media-category-grid).media-grid:not(.media-list-view) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
 }
}
.catalog-filters-panel .genre-filter-tag[data-age-group] { background:var(--age-bg); color:var(--age-ink); border-color:var(--age-border); }
.catalog-filters-panel .genre-filter-tag[data-age-group].active { outline:2px solid var(--age-border); outline-offset:1px; }
#resource-detail .resource-aligned-grid .resource-main:empty { display:none; }
#resource-detail .resource-aligned-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; grid-template-areas:'heading' 'category' 'actions' 'cover' 'summary' 'creator' 'classification' 'information' 'related' 'extra'; gap:24px !important; }
#resource-detail .resource-aligned-grid > * { min-width:0; margin:0 !important; align-self:start; }
#resource-detail .resource-aligned-heading { grid-area:heading; align-self:center; }
#resource-detail .resource-aligned-heading h1 { margin:0; font-size:clamp(1.3rem,2vw,1.8rem); }
#resource-detail .resource-category-header { grid-area:category; align-self:stretch; display:flex; align-items:center; justify-content:center; }
#resource-detail .resource-aligned-actions { grid-area:actions; }
#resource-detail .resource-poster-column { grid-area:cover; width:auto !important; position:static !important; }
#resource-detail .resource-synopsis { grid-area:summary; }
#resource-detail .resource-aligned-creator { grid-area:creator; }
#resource-detail .resource-representations { grid-area:classification; }
#resource-detail .resource-information-section { grid-area:information; }
#resource-detail .resource-aligned-grid > .resource-actions-panel { padding:0 !important; }
#resource-detail .resource-aligned-grid > .resource-information-section { padding:16px !important; border:1px solid #e5def2; border-radius:16px; background:#f8f7fb; }
#resource-detail .resource-actions-panel { grid-area:related; width:auto !important; display:flex !important; flex-direction:column !important; gap:12px; }
#resource-detail .resource-actions-panel > * { width:100%; box-sizing:border-box; margin:0 !important; order:0 !important; }
#resource-detail .resource-main { grid-area:extra; width:auto !important; }
#resource-detail .resource-aligned-grid :is(.resource-representations,.resource-synopsis,.resource-aligned-creator) { padding:16px; border:1px solid #e5def2; border-radius:16px; background:#f8f7fb; }
#resource-detail .resource-aligned-grid h2 { margin:0 0 12px !important; font-size:1.15rem; line-height:1.4; }
#resource-detail .resource-representations h3 { margin:18px 0 10px; }
#resource-detail .resource-representations .tags { display:flex; flex-wrap:wrap; gap:6px; }
#resource-detail .resource-representations .tag { display:inline-flex; align-items:center; padding:5px 9px; border-radius:999px; background:#f0ecff; color:#5239c5; font-size:.75rem; line-height:1.4; font-weight:800 !important; border:1px solid #5239c5 !important; text-decoration:none !important; }
#resource-detail .resource-representations .age-tag[data-age-group] { background:var(--age-bg) !important; color:var(--age-ink) !important; border-color:var(--age-border) !important; }
#resource-detail .resource-representations a.tag:focus-visible { outline:3px solid #6750a4; outline-offset:3px; }
#resource-detail .resource-actions-panel > :is(.resource-trailer-action,.report-error-btn) { width:100%; box-sizing:border-box; white-space:normal; }
#resource-detail .resource-aligned-actions .content-reactions { display:flex; align-items:center; gap:8px; padding:8px 9px; margin:0; }
#resource-detail .resource-aligned-actions .content-reactions-heading { margin:0; flex:0 0 auto; }
#resource-detail .resource-aligned-actions .content-reactions-heading span { display:none; }
#resource-detail .resource-aligned-actions .content-reaction-buttons { min-width:0; flex:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
#resource-detail .resource-aligned-actions .content-reaction { display:flex; justify-content:center; min-width:0; min-height:44px; padding:5px; gap:4px; }
#resource-detail .resource-aligned-actions .content-reaction > span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
#resource-detail .resource-aligned-actions .content-reaction-status:empty { display:none; }
@media(min-width:1101px) {
 #resource-detail .resource-aligned-grid { grid-template-columns:minmax(0,25fr) minmax(0,47fr) minmax(0,28fr) !important; grid-template-areas:'category heading actions' 'cover summary creator' 'classification information related' 'extra extra extra'; }
}
@media(min-width:801px) and (max-width:1100px) {
 #resource-detail .resource-aligned-grid { grid-template-columns:minmax(0,1fr) minmax(0,2fr) !important; grid-template-areas:'category heading' 'actions actions' 'cover summary' 'creator creator' 'classification information' 'related related' 'extra extra'; }
}
