/* Project presentation only: playback, access, reactions and episode threads are unchanged. */
.hs-project-compact .backline{padding:10px 0}
.hs-project-compact #projectInfo{padding:16px 0 8px}
.hs-project-compact #projectInfo h1{font-size:clamp(24px,3vw,32px);line-height:1.12;margin:6px 0 8px}
.hs-project-compact #projectInfo .description{font-size:14px;line-height:1.3;margin:7px 0}
.hs-project-compact #projectInfo .meta{font-size:12px;gap:6px;margin:5px 0}
.hs-project-compact #projectInfo .actions{gap:6px;margin:8px 0}
.hs-project-compact .player-status{font-size:12px;gap:6px;margin:6px 0;padding:8px}
.hs-project-compact .player-status .actions{gap:5px}
.hs-project-compact .player-status :is(.btn,.quiet),.hs-project-compact #projectInfo :is(.btn,.quiet){font-size:12px;min-height:32px;padding:5px 8px}
.hs-project-compact .section-heading{margin-bottom:8px;gap:8px}
.hs-project-compact .section-heading h2{font-size:20px;line-height:1.15}
.hs-project-compact #seasonTabs{gap:5px;margin:5px 0}
.hs-project-compact #seasonTabs .chip{font-size:12px;min-height:30px;padding:5px 9px}
#episodeList.episode-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0;align-items:start}
#episodeList .episode-row{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:6px 8px;min-width:0;padding:8px;border-radius:8px}
#episodeList .episode-row>img{width:64px;height:110px;min-height:0;object-fit:contain;background:#0b0b0e;border-radius:4px}
#episodeList .episode-row>div{min-width:0}
#episodeList .episode-row h3{font-size:13px;line-height:1.15;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#episodeList .episode-row p{font-size:11px;line-height:1.18;margin:2px 0;overflow-wrap:anywhere}
#episodeList .episode-row p:empty{display:none}
#episodeList .episode-row .episode-summary{-webkit-line-clamp:2;line-height:1.2;margin:2px 0}
#episodeList .episode-row .episode-summary.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}
#episodeList .episode-row .summary-toggle{font-size:11px;line-height:1.2;min-height:24px;margin:0;padding:2px 0}
#episodeList .episode-row>.actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 36px 36px;min-width:0;gap:4px;margin:0;align-items:stretch}
#episodeList .episode-row>.actions :is(.btn,.quiet){font-size:11px;line-height:1.15;min-width:0;min-height:30px;margin:0;padding:5px 6px;text-align:center;white-space:normal;box-sizing:border-box}
#episodeList .episode-row>.actions [data-play]{grid-column:1;grid-row:1;width:100%}
#episodeList .episode-row>.actions [data-reaction]{grid-row:1}
#episodeList .episode-row>.actions a{grid-column:1/-1;grid-row:2;font-size:10px;min-height:26px;padding:4px}
#episodeList .episode-row>.hs-episode-thread{grid-column:1/-1;margin:0;padding:0;min-width:0}
#episodeList .hs-episode-thread>summary{font-size:11px;line-height:1.15;min-height:26px;padding:5px 0;box-sizing:border-box;overflow-wrap:anywhere}
#episodeList .hs-inline-comments{min-width:0;overflow-wrap:anywhere}
#episodeList .hs-inline-comments textarea{width:100%;min-width:0;box-sizing:border-box}
#episodeList .hs-comment-form-bottom{flex-wrap:wrap}
@media(min-width:601px) and (max-width:1000px){#episodeList.episode-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
 .hs-project-compact .site-header .bar{flex-wrap:wrap;gap:6px;padding-top:8px;padding-bottom:8px}
 .hs-project-compact .site-header .logo{font-size:18px}
 .hs-project-compact .site-header nav{display:flex;flex:1 1 160px;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:5px 10px}
 .hs-project-compact .site-header nav a{font-size:11px;white-space:normal}
 #episodeList.episode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:7px 0}
 #episodeList .episode-row{grid-template-columns:46px minmax(0,1fr);gap:5px;padding:6px;border-radius:6px}
 #episodeList .episode-row>img{width:46px;height:80px}
 #episodeList .episode-row h3{font-size:11px;line-height:1.1;margin-bottom:2px}
 #episodeList .episode-row p{font-size:10px;line-height:1.12;margin:1px 0}
 #episodeList .episode-row .summary-toggle{font-size:10px;min-height:24px}
 #episodeList .episode-row>.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
 #episodeList .episode-row>.actions [data-play]{grid-column:1/-1;grid-row:1}
 #episodeList .episode-row>.actions a{grid-row:2}
 #episodeList .episode-row>.actions [data-reaction]{grid-row:3}
 #episodeList .episode-row>.actions :is(.btn,.quiet){font-size:10px;min-height:28px;padding:4px}
 #episodeList .hs-episode-thread>summary{font-size:10px;min-height:26px;padding:5px 0}
 .hs-project-compact #projectInfo{padding-top:10px}
 .hs-project-compact #projectInfo .description{font-size:12px;line-height:1.25}
 .hs-project-compact .section-heading h2{font-size:17px}
}