.detail-main{max-width:1160px;padding:24px 32px 48px;margin:auto}.detail-search{max-width:650px;margin:0 0 22px auto}.movie-detail .detail-search .movie-search input{min-height:48px}.movie-detail .detail-search .movie-search button{min-width:90px;padding:10px 18px}.detail-breadcrumb{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:26px;overflow-wrap:anywhere}.search-home .detail-breadcrumb a{color:var(--muted)!important}.detail-breadcrumb>span:last-child{min-width:0}.detail-summary{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;padding-bottom:28px;border-bottom:1px solid var(--border)}.detail-poster{aspect-ratio:4/7;background:var(--surface);border-radius:7px;overflow:hidden;align-self:start}.detail-poster img{width:100%;height:100%;object-fit:contain;display:block}.detail-info{min-width:0}.detail-info h1{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-.8px;margin:0 0 24px;color:var(--text);overflow-wrap:anywhere}.detail-facts{margin:0;display:grid;gap:10px;font-size:14px}.detail-facts>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}.detail-facts dt{color:var(--muted)}.detail-facts dd{margin:0;overflow-wrap:anywhere}.search-home a.detail-report{color:var(--muted)!important;font-size:13px;display:inline-flex;align-items:center;min-height:44px;margin-top:15px;text-decoration:underline}.detail-story{padding:24px 0;border-bottom:1px solid var(--border)}.detail-story h2{font-size:20px;margin:0 0 12px;color:var(--text)}.detail-story p{font-size:15px;color:var(--muted);line-height:1.7;margin:0;overflow-wrap:anywhere}.detail-sources{padding:28px 0}.detail-sources .home-section-heading{margin-bottom:6px}.detail-muted{color:var(--muted);font-size:14px;margin:0 0 18px}.detail-quality-filters{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.detail-quality-filters button{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;min-height:44px;padding:8px 16px;font-size:13px;cursor:pointer}.detail-quality-filters button.active{border-color:var(--home-accent);color:var(--home-accent)}.detail-source-group{padding:14px 16px 0;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.detail-source-group h3{font-size:16px;margin:0 0 8px;overflow-wrap:anywhere;color:var(--text)}.detail-source-row{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border)}.detail-source-info{min-width:0;flex:1}.detail-source-label{display:block;overflow-wrap:anywhere;font-size:14px;line-height:1.45}.detail-source-meta{display:block;color:var(--muted);font-size:12px;margin-top:5px;overflow-wrap:anywhere}.search-home a.detail-open{flex-shrink:0;background:#ed3029;color:#fff!important;padding:10px 17px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:13px;font-weight:700}.search-home a.detail-open:hover{background:#d72721}.detail-source-note,.detail-empty{font-size:13px;color:var(--muted)}.detail-related{border-top:1px solid var(--border);padding-top:26px}.detail-source-row[hidden],.detail-source-group[hidden]{display:none!important}@media(max-width:600px){.detail-main{padding:16px 16px 32px}.detail-search{margin-bottom:20px}.detail-breadcrumb{font-size:11px;gap:7px;margin-bottom:20px}.detail-summary{grid-template-columns:100px minmax(0,1fr);gap:16px;padding-bottom:22px}.detail-info h1{font-size:22px;letter-spacing:-.4px;margin-bottom:14px}.detail-facts{font-size:12px;gap:8px}.detail-facts>div{display:block}.detail-facts dd{margin-top:2px}.detail-report{font-size:11px!important}.detail-source-group{padding:12px 12px 0}.detail-source-row{gap:10px}.detail-source-label{font-size:12px}.detail-source-meta{font-size:11px}.search-home a.detail-open{padding:9px;font-size:12px}.detail-quality-filters{gap:7px}.detail-quality-filters button{padding:8px 11px;font-size:12px}.detail-story p{font-size:14px}.detail-summary .detail-poster{position:sticky;top:12px}}@media(max-width:360px){.detail-summary{grid-template-columns:85px minmax(0,1fr);gap:12px}.detail-info h1{font-size:20px}}
/* Movie heading and facts have independent grid areas so mobile can prioritize them. */
.detail-summary{grid-template-areas:"poster title" "poster primary" "poster secondary" "poster report";gap:14px 32px;align-items:start}.detail-title{grid-area:title;font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-.8px;margin:0;color:var(--text);overflow-wrap:anywhere;min-width:0}.detail-summary>.detail-poster{grid-area:poster;position:static}.detail-primary{grid-area:primary;min-width:0}.detail-secondary{grid-area:secondary;min-width:0}.detail-summary>.detail-report{grid-area:report;margin-top:0;justify-self:start}.detail-primary .detail-facts,.detail-secondary .detail-facts{gap:10px}@media(max-width:600px){.detail-summary{grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-areas:"title title" "poster primary" "secondary secondary" "report report";gap:20px 16px}.detail-title{font-size:26px;line-height:1.2;letter-spacing:-.5px}.detail-summary>.detail-poster{width:100%;max-width:180px;position:static;align-self:start}.detail-primary .detail-facts{font-size:14px;gap:18px}.detail-primary .detail-facts>div{display:block}.detail-primary .detail-facts dd{margin-top:4px}.detail-secondary{padding-top:2px}.detail-secondary .detail-facts{font-size:13px;gap:13px}.detail-secondary .detail-facts>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px}.detail-secondary .detail-facts dd{margin:0}.detail-summary>.detail-report{font-size:12px!important}}@media(max-width:360px){.detail-summary{gap:18px 12px}.detail-title{font-size:24px}.detail-primary .detail-facts{font-size:13px;gap:16px}.detail-secondary .detail-facts>div{grid-template-columns:82px minmax(0,1fr)}}

@media(max-width:600px){.detail-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px}.detail-summary>.detail-poster{max-width:none;width:100%}.detail-primary{width:100%}.detail-primary .detail-facts{gap:14px}}

/* Approved compact mobile summary; source-list rules remain unchanged. */
.detail-report svg{flex-shrink:0}.detail-report{gap:8px}
@media(max-width:600px){
 .detail-summary{grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:20px 18px;padding-bottom:24px}
 .detail-title{font-size:25px;line-height:1.23;letter-spacing:-.5px;font-weight:700}
 .detail-summary>.detail-poster{border-radius:8px;background:transparent;max-width:180px}
 .detail-primary{align-self:stretch;display:flex;align-items:stretch;padding:2px 0}
 .detail-primary .detail-facts{display:flex;flex-direction:column;justify-content:space-between;gap:14px;width:100%;font-size:14px;line-height:1.45}
 .detail-primary .detail-facts dt{font-size:12px;line-height:1.3;color:var(--muted)}
 .detail-primary .detail-facts dd{margin-top:6px;font-weight:500}
 .detail-quality-badge{display:inline-block;padding:3px 8px;border:1px solid #888;border-radius:5px;background:var(--surface);font-size:12px;line-height:1.35;font-weight:600}
 .detail-secondary{border-top:1px solid var(--border);padding-top:0}
 .detail-secondary .detail-facts{gap:0}
 .detail-secondary .detail-facts>div{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--border);font-size:13px;line-height:1.5}
 .detail-secondary .detail-facts dt{font-size:12px}
 .detail-summary>.detail-report{justify-self:center;margin-top:0;text-decoration:underline;font-size:12px!important;color:var(--muted)!important}
}
@media(max-width:360px){.detail-summary{column-gap:14px;row-gap:18px}.detail-title{font-size:23px}.detail-primary .detail-facts{font-size:13px;gap:12px}.detail-secondary .detail-facts>div{grid-template-columns:80px minmax(0,1fr)}}