/* The blocks of the event page's discussion (row 63, Team F). Every rule starts with .ep, so nothing reaches another page. */
.ep .ep-hl{background:var(--q-yellow,#f8f36e);color:#333;padding:0 .12em}
.ep .ep-asks.mine li{border-top:1px dashed var(--q-edge,#8a857b)}
.ep .ep-asks.mine li .ep-muted{flex:none}
.ep .ep-num{max-width:96px}
.ep [data-slot-row]{display:flex;gap:8px;flex-wrap:nowrap}
.ep [data-slot-row] .qv-input:first-child{flex:1;min-width:0}
.ep .ep-player{width:100%;max-width:560px;aspect-ratio:16/9;border:0}
.ep [data-film-results] .ep-nopt{display:flex;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 12px;border:2px solid var(--q-line,#ece8de);background:var(--q-white,#fff);color:var(--q-ink,#333);text-align:left;cursor:pointer;font:inherit}
.ep [data-film-results] .ep-nopt:hover,.ep [data-film-results] .ep-nopt:focus-visible{border-color:var(--q-ink,#333)}
@media (max-width:600px){.ep .ep-slide .ep-row{flex-wrap:wrap}.ep .ep-slide-prev{width:100%;height:auto;aspect-ratio:16/9}}
/* a block's own buttons keep their width; only the composer's controls stretch */
.ep .ep-post .ep-col > .qv-btn{align-self:flex-start}
/* a slot with enough people: its button reads as off */
.ep .ep-post .qv-btn[disabled]{opacity:.45;cursor:not-allowed}
/* design v5 (board aae2336d): the film vote's share on the bar's own line, "Trailer" on the picture, a time for each help slot
   (the mark before a post's label is Team E's .qv-mark in render-discussion.mjs) */
.ep .ep-fres{display:flex;align-items:center;gap:12px;margin:8px 0}
.ep .ep-fres .ep-fbar{flex:1}
.ep .ep-fres b{flex:none;min-width:3em;text-align:right;font-size:15px}
.ep .ep-trailer .ep-trl{position:absolute;left:8px;bottom:8px;padding:2px 6px;background:rgba(0,0,0,.72);color:#fff;font:600 13px/1.2 var(--font-head)}
.ep .ep-time{max-width:180px}
@media (max-width:560px){.ep [data-slot-row]{flex-wrap:wrap}.ep .ep-time{max-width:none;flex:1 1 100%}}
/* design v5 (board 70205bb9): a ride sits in its own bordered card, its place as a small heading */
.ep .ep-posts .ep-ride{border:1px solid var(--q-edge,#8a857b);padding:16px;margin-top:8px}
.ep .ep-posts .ep-ride strong{font:600 18px/1.25 var(--font-head)}
.ep .ep-posts .ep-ride .qv-btn{white-space:nowrap;flex:none}
/* the new-post box of a film vote: the films picked before posting, one row each with «Убрать» (owner: films could only be added after posting) */
.ep .ep-film-chosen{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}
.ep .ep-film-chosen:empty{display:none}
.ep .ep-film-chosen li{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:6px 12px;border:2px solid var(--q-ink,#333);background:var(--q-white,#fff);color:var(--q-ink,#333)}
.ep .ep-film-chosen li span{min-width:0;overflow-wrap:anywhere}
.ep [data-block-fields="film_vote"] [data-film-results]{display:grid;gap:6px;margin-top:6px}

/* «Можете помочь?»: the button keeps one line (it broke into «I’ll / take / it» next to a long task), and a place taken shows as a mark with
   «Передумать» under it (owner, 2026-11-06: «it should let me change my mind after I signed up») */
.ep .ep-slot-f{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.ep .ep-slot-f .qv-btn{white-space:nowrap}
.ep .ep-slot-on{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:700 15px/1.2 var(--font-head);color:var(--q-ink,#333);white-space:nowrap}
.ep .ep-slot-f .ep-link{min-height:32px}

/* «Выбираем фильм»: the owner's design drawn from its own file (film-vote.dc.html, film-vote.mjs). Its look is the file's own inline styles;
   here only its place: across the whole post, as the canvas draws it under the author line (the post's padding is 24px, 16px on a phone).
   The frame carries the file's root style (white, Fira Sans, ink); its size there fills the canvas's artboard, so here it takes its own. */
.ep .ep-post>.fv-host{margin:0 -24px;width:auto!important;min-height:0!important}
@media (max-width:600px){.ep .ep-post>.fv-host{margin:0 -16px}}