/* Micro-highlight block inside the detail modal */
.clip{margin:14px 0 4px;border:1px solid var(--line,#232320);background:#0c0c0a;border-radius:4px;overflow:hidden}
.clip-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 11px;border-bottom:1px solid var(--line,#232320);background:#0f0f0c}
.clip-head span{font-size:9px;letter-spacing:.16em;color:var(--muted,#7d7d72)}
.clip-head b{font-size:9px;letter-spacing:.14em;color:var(--gold,#c8a02a)}
.clip-frame{position:relative;aspect-ratio:16/9;background:#000;cursor:pointer;display:block}
.clip-frame img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72;transition:opacity .2s}
.clip-frame:hover img{opacity:.92}
.clip-frame iframe{width:100%;height:100%;border:0;display:block}
.clip-frame .yt-mount{width:100%;height:100%}
.clip-play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.clip-play i{width:46px;height:46px;border-radius:50%;border:1px solid var(--gold,#c8a02a);
  background:rgba(10,10,8,.72);display:grid;place-items:center;font-style:normal;
  font-size:14px;color:var(--gold,#c8a02a);padding-left:3px}
.clip-frame:hover .clip-play i{background:var(--gold,#c8a02a);color:#0a0a08}
.clip-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;flex-wrap:wrap}
.clip-meta small{font-size:10px;color:var(--muted,#7d7d72);line-height:1.4;flex:1 1 200px}
.clip-meta a{font-size:9px;letter-spacing:.14em;color:var(--gold,#c8a02a);text-decoration:none;
  border:1px solid var(--line,#232320);padding:6px 10px;border-radius:3px;white-space:nowrap}
.clip-meta a:hover{border-color:var(--gold,#c8a02a)}
.clip-none{padding:10px 11px;font-size:10px;color:var(--muted,#7d7d72)}