/* Reusable presentation fixes. Business logic remains in installed plugins. */
#Description .properties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
#Description .property-row{display:grid;grid-template-columns:minmax(90px,125px) minmax(0,1fr);gap:8px;align-items:baseline;min-width:0}
#Description .property-row .name,#Description .property-row .value{margin:0;line-height:1.5;width:auto}
#Description .property-row:has(.value:not(:empty)){overflow-wrap:anywhere}
#Description .property-row:nth-last-child(-n+3){grid-column:1/-1}
#Description .right h1{font-size:25px;line-height:1.3;margin-bottom:18px}
#Description .content{line-height:1.65}
.film-year{white-space:nowrap;font-size:12px;font-weight:400;opacity:.8}
.lf-catalog-panel{width:min(880px,calc(100% - 32px));right:auto;left:16px;max-height:min(480px,65vh)}
.lf-catalog-columns{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}
.lf-catalog-group{margin:0}
.lf-catalog-group a{padding:8px 0}
#FullText{line-height:1.75}
#FullText>h2{line-height:1.35;text-transform:none}
#FullText a{text-decoration:underline;text-underline-offset:3px}
footer{line-height:1.7;overflow-wrap:anywhere}
@media(max-width:800px){.lf-catalog-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#Description .properties{grid-template-columns:1fr}#Description .property-row:nth-last-child(-n+3){grid-column:auto}#Description .right h1{font-size:22px} .lf-catalog-columns{grid-template-columns:1fr}.lf-catalog-panel{width:calc(100% - 16px);left:8px}#FullText>h2{font-size:20px}#FullText{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

#Player>*{min-width:0}#Player .player-header h2{overflow-wrap:anywhere}.series-line-select{min-width:0}.series-line-select select{min-width:0;width:100%;box-sizing:border-box}

/* Landscape artwork with room for the subject; no stretched poster crop. */
@media(min-width:761px){#BgImg{height:220px;object-fit:cover;object-position:center 15%;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}header{margin-top:220px}}
.site-breadcrumbs{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;padding:14px 20px;border-bottom:1px solid var(--content-border);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.site-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:420px){header #Logo{max-width:145px}header nav{padding:0 4px}.lf-catalog>summary{padding:8px;gap:5px;font-size:12px}}

@media(max-width:600px){header #Logo{max-width:none;flex:1;min-width:0}.site-logo-name{font-size:15px;max-width:112px}}

/* Keep the collection logo on one line on desktop. */
@media(min-width:601px){.site-logo-name{font-size:18px;white-space:nowrap}}