#news .rec{cursor:pointer}
#news .rec::before{content:'';position:absolute;top:16px;bottom:16px;right:0;width:4px;border-radius:4px 0 0 4px;
  background:linear-gradient(180deg,var(--gold2),var(--gold3));opacity:.65;transition:opacity .3s}
#news .rec:hover::before{opacity:1}
#news .rec.open{border-color:var(--gold);box-shadow:0 18px 40px rgba(201,162,39,.24)}
#news .rec .recTop{margin-bottom:10px}
body.edit-on #news .rec .recTop{padding-inline-end:84px}
#news .rec h3{margin-bottom:8px}
#news .rec .clampHint{margin-top:auto;padding-top:10px;transition:color .25s}
#news .rec .clampHint:hover{color:var(--gold);text-decoration:underline}
#news .rec.open .clampHint{color:var(--gold)}
#news .rec .actions{opacity:.7;transition:opacity .25s}
#news .rec:hover .actions{opacity:1}

@media(max-width:520px){
  #news .secTools{gap:8px}
  #news .rec{padding:20px 18px}
}