.card-indicators{display:grid;gap:3px;margin:5px 0 0;min-width:0;max-width:100%;color:var(--muted,#aaa);font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}
.card-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;min-width:0;margin:0}
.card-reaction{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.card-reaction>span:first-child{font-size:14px;line-height:1.4}
.card-reactions-more{color:var(--orange,#ffad33);font-weight:650;white-space:nowrap}
.video-card .card-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:3px 8px;container:pf-card-meta / inline-size}
.card-meta-primary{display:flex;flex-wrap:wrap;align-items:baseline;gap:1px 5px;min-width:0}
.card-meta-primary .card-category{max-width:100%;overflow-wrap:anywhere;white-space:normal}
.card-meta-primary time{white-space:nowrap}
.card-views{display:inline-flex;align-items:center;justify-self:end;align-self:start;gap:4px;max-width:100%;min-width:0;white-space:nowrap;color:#bbb;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}.card-views>span{min-width:0}.card-views svg{width:16px;height:14px;flex:none;color:#e8a34f;filter:drop-shadow(0 0 2px #ff9c0022)}.card-view-core{fill:currentColor;fill-opacity:.16}.card-category{color:inherit;text-decoration:none;transition:color .15s ease}.card-category:hover,.card-category:focus-visible{color:#ffa500}
@container pf-card-meta (max-width:230px){.card-date-year{display:none}.card-meta-primary .meta-dot{display:none}}
@container pf-card-meta (max-width:150px){.card-meta-primary time:not(.publication-relative){display:none}}
@media(max-width:680px){.card-indicators{margin-top:4px;gap:2px}.card-reactions{gap:2px 5px}.card-reaction{gap:3px}.card-reaction>span:first-child{font-size:13px}}
@media(max-width:680px){.card-date-year{display:none}.card-meta-primary .meta-dot{display:none}.video-card .card-meta{column-gap:6px}}

/* Keep the same two-line title area on every card. */
.video-card .card-line h3{height:3em;min-width:0;line-height:1.5;overflow:hidden}
.video-card .card-line h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;white-space:normal;overflow-wrap:anywhere}

/* Read-only ranking, kept inside the image and clear of playback controls. */
.video-card .thumbnail-media{position:relative;container:pf-card-image / inline-size}
.video-card .thumbnail-media>.card-indicators{position:absolute;right:7px;top:7px;transform:none;z-index:4;margin:0;max-width:calc(100% - 14px);pointer-events:none}
.video-card .thumbnail-media .card-reactions{flex-direction:column;align-items:flex-end;flex-wrap:nowrap;gap:2px}
.video-card .thumbnail-media .card-reaction{box-sizing:border-box;min-width:34px;height:clamp(10px,calc(9.375cqw - 9px),22px);padding:1px 4px;gap:3px;border:1px solid #ff9c0066;border-radius:7px;background:#0c0c0fdb;color:#f1e5d1;box-shadow:0 2px 8px #0004;line-height:1;font-size:clamp(8px,3cqw,11px)}
.video-card .thumbnail-media .card-reaction>span:first-child{font-size:clamp(10px,4cqw,16px);line-height:1}
.video-card .thumbnail-media:has(>.card-indicators)>.card-save-overlay{right:54px}
@media(max-width:680px){
 .video-card .thumbnail-media>.card-save-overlay{display:none}
 .video-card .thumbnail-media>.card-indicators{right:5px;top:5px;transform:none;max-width:38px}
 .video-card .thumbnail-media .card-reaction{width:36px;min-width:0;height:clamp(13px,calc(18.75cqw - 12px),24px);padding:1px 2px;gap:2px;justify-content:center;border-radius:6px;font-size:9px}
 .video-card .thumbnail-media .card-reaction>span:first-child{font-size:clamp(11px,8cqw,14px);line-height:1}
 .video-card .thumbnail-media .card-reaction>span:last-child{max-width:18px;overflow:hidden;text-overflow:ellipsis}
 .video-card .card-reaction:nth-child(n+4),.pf-photo-image .card-reaction:nth-child(n+4){display:none}
}

/* Relative labels wrap without changing the reserved two-line title. */
.card-meta-primary time.publication-relative{white-space:normal;max-width:100%}
.pf-album-created{margin:3px 0 0;color:var(--muted,#aaa);font-size:11px;line-height:1.5}